隨著2020年即將畫上句號(hào)，無論是網(wǎng)頁(yè)設(shè)計(jì)師還是開發(fā)者，持續(xù)學(xué)習(xí)與資源更新都至關(guān)重要。這一年，眾多優(yōu)秀的設(shè)計(jì)與開發(fā)網(wǎng)站涌現(xiàn)，它們或是靈感源泉，或是效率工具，或是學(xué)習(xí)平臺(tái)。如果你還不知道這些網(wǎng)站，那么是時(shí)候更新你的收藏夾了。
一、設(shè)計(jì)靈感與資源類
- Dribbble & Behance：雖然已是經(jīng)典，但2020年它們依然是全球創(chuàng)意工作者展示作品、尋找靈感的頂級(jí)社區(qū)。Dribbble偏重UI/UX、插畫等精致“小品”，而Behance更擅長(zhǎng)展示完整的項(xiàng)目流程與深度案例。
- Awwwards：專門評(píng)選和展示全球最優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品。其“Site of the Day”是追蹤設(shè)計(jì)趨勢(shì)、學(xué)習(xí)前沿交互技術(shù)的絕佳窗口，對(duì)開發(fā)者理解前沿前端實(shí)現(xiàn)也大有裨益。
- UI Design Daily：每周提供高質(zhì)量的免費(fèi)UI組件資源（如按鈕、卡片、登錄框），涵蓋Sketch、Figma、Adobe XD等多種格式，是快速啟動(dòng)項(xiàng)目的得力助手。
- Collect UI：基于Dribbble的每日精選靈感庫(kù)，按登錄頁(yè)、儀表盤等超過170個(gè)類別進(jìn)行分類，是尋找特定頁(yè)面設(shè)計(jì)參考的利器。
二、開發(fā)工具與資源類
- CodePen：一個(gè)面向前端設(shè)計(jì)師和開發(fā)者的在線代碼編輯器及社區(qū)。你可以實(shí)時(shí)編寫HTML、CSS、JavaScript代碼并查看效果，更是探索創(chuàng)意交互動(dòng)畫、學(xué)習(xí)他人代碼片段的寶庫(kù)。
- GitHub：無需多言，全球最大的開源代碼托管平臺(tái)。除了管理項(xiàng)目，通過探索Trending榜單，你能發(fā)現(xiàn)2020年最熱門的開源項(xiàng)目、工具庫(kù)和框架，是開發(fā)者保持技術(shù)敏感度的核心陣地。
- Frontend Mentor：通過完成真實(shí)的、分等級(jí)的前端挑戰(zhàn)來提升編碼技能。它提供設(shè)計(jì)稿和需求，讓你專注于將設(shè)計(jì)轉(zhuǎn)化為代碼，是連接設(shè)計(jì)與開發(fā)的絕佳實(shí)踐平臺(tái)。
- CSS-Tricks：內(nèi)容遠(yuǎn)超CSS范疇，涵蓋了現(xiàn)代前端開發(fā)的方方面面。其“Almanac”部分是關(guān)于CSS屬性最詳盡的指南之一，文章深度與實(shí)用性俱佳。
三、設(shè)計(jì)與開發(fā)一體化平臺(tái)
- Figma：2020年無疑是Figma高歌猛進(jìn)的一年。這款基于瀏覽器的協(xié)作式UI設(shè)計(jì)工具，通過強(qiáng)大的插件生態(tài)和開發(fā)者交付模式，極大地彌合了設(shè)計(jì)與開發(fā)之間的鴻溝，實(shí)現(xiàn)了從設(shè)計(jì)到代碼的流暢對(duì)接。
- Webflow：一個(gè)強(qiáng)大的視覺化網(wǎng)站構(gòu)建平臺(tái)，允許設(shè)計(jì)師在不寫代碼的情況下，通過拖拽創(chuàng)建出具備專業(yè)級(jí)響應(yīng)式布局和交互動(dòng)畫的網(wǎng)站，并能導(dǎo)出干凈的代碼，深刻體現(xiàn)了“設(shè)計(jì)即開發(fā)”的理念。
四、學(xué)習(xí)與社區(qū)
- MDN Web Docs：由Mozilla維護(hù)的Web技術(shù)權(quán)威文檔。對(duì)于開發(fā)者而言，它是查找HTML、CSS、JavaScript API最可靠、最全面的參考手冊(cè)，沒有之一。
- Smashing Magazine：提供高質(zhì)量的網(wǎng)頁(yè)設(shè)計(jì)與開發(fā)文章、教程和行業(yè)洞察，內(nèi)容既深入又緊跟時(shí)事，是提升理論深度和拓寬視野的優(yōu)秀讀物。
###
2020年，設(shè)計(jì)與開發(fā)工具的邊界日益模糊，協(xié)作與效率成為核心主題。以上網(wǎng)站，有的能點(diǎn)燃你的創(chuàng)意火花，有的能提供強(qiáng)大的開發(fā)兵器，有的則能助你構(gòu)建無縫的工作流程。在迎接新的一年之際，不妨花些時(shí)間探索這些網(wǎng)站，將它們?nèi)谌肽愕娜粘９ぷ髁鳎貙槟愕脑O(shè)計(jì)與開發(fā)之路注入新的活力。記住，持續(xù)發(fā)現(xiàn)與學(xué)習(xí)，是應(yīng)對(duì)快速變化行業(yè)的最佳策略。
