佳作欣賞

設(shè)計(jì)相關(guān)

• envato: 世界上最酷的設(shè)計(jì)師社區(qū)。
• Tuts+: 應(yīng)有盡有。
• smashingmagazine: 海納百川。
• themeforest: Website Templates and Themes.
• inspiretrends
• dribbble
• canva: design school
• beautifulpixels

前端效果

• codepen
• css deck
• TheCodePlayer: Learn HTML5, CSS3, Javascript and more...
• codrops: 很多效果的代碼示例。
• css winner: 各種站點(diǎn)欣賞。

工具

• InVision: 設(shè)計(jì)作品標(biāo)注，分享站點(diǎn)。

無(wú)縫平鋪

電腦的桌面背景設(shè)置中就有一個(gè)平鋪的選項(xiàng)，它能使得圖片無(wú)限重復(fù)，充滿(mǎn)整個(gè)屏幕。CSS 的背景設(shè)置也可以如此。那么這個(gè)是怎么制作的呢？

參考資料

• 這個(gè)節(jié)點(diǎn)的背景紋理圖片是怎么做出來(lái)的？
• subtlepatterns

Sketch 學(xué)習(xí)

參考資料

• Sketch 3 視頻教程專(zhuān)輯
• 優(yōu)酷上的專(zhuān)輯
• Sketch 完全自學(xué)資源合集

設(shè)計(jì)與實(shí)現(xiàn)的平衡

dribbble 上又一堆視覺(jué)設(shè)計(jì)高大上的東西，但可能大部分人都無(wú)法實(shí)現(xiàn)，可見(jiàn)設(shè)計(jì)與實(shí)現(xiàn)還是有一定的距離，如何縮小這一部分呢？

參考資料

• 視覺(jué)設(shè)計(jì)師是怎樣讓前端工程師 100% 實(shí)現(xiàn)設(shè)計(jì)效果的?