優秀網頁設計師總緊跟最新設計趨勢，掌控最新工具，不斷進化的工具與服務讓日常設計更便捷。數百設計博客每日更新文章、分享技巧、介紹新工具，也是重要信息源。今天文章目的明確：新工具、新服務、干貨雲集的設計博客。

效率與品質保障工具

• UX Checklist：專業用戶體驗清單，專案交付前逐項核對階段任務是否完成。
• UI Names：含 45 國地區姓名生成器，解決 Demo 取名難題。
• Font Awesome：矢量圖標字體，CSS 直調，極致省心。
• Perfect Icons：社交圖標生成工具。
• Window Resizer：模擬不同尺寸分辨率螢幕。
• Kraken.io：圖片優化神器，有損壓縮達 90%，無損保留細節。

靈感與素材庫

• Pineapple.io：聚合網頁設計師與開發者資源，千萬別錯過。
• Html5 Sites：收錄大量有趣 HTML5 案例，值得長期收藏學習。
• Freebbble：搜集 Dribbble 免費資源：模板、UI、著陸頁、動效。
• Freebiesbug：免費優質網頁設計資源：模板、UI、插件。
• UI space：免費資源，多為 UI、圖標、視覺稿。
• Pttrns：瀏覽移動端設計案例，獲取 UIKit、UI 元素資源。
• Flat UI Color Picker：扁平風配色神器，配合《Best Color Palettes》文章食用最佳。
• UI Cloud：全球最大界面設計數據庫，海量 UI 元素、Kits、設計稿供下載尋靈感。
• Tech&All：網頁設計資源集散地：代碼、模板、視覺稿、UI Kits、導航設計等。
• Site Inspire：缺靈感？按類別、平台、風格篩選素材，快速恢復狀態。
• Unsplush it：網頁設計師必備圖片佔位符插件。
• AWWWards：全球最優秀網站匯聚地，設計師必知。
• UI faces：頭像合集，設計視覺稿超好用。
• Noun Project：超過 10 萬圖標，CC 協議分發，支援 PNG/SVG 下載，Mac 端可聯動 Adobe 全家桶（$10/月）。
• Trianglify：生成漂亮三角形素材，可輸出 SVG/CSS 背景。

學習與社區

• Html5 Weekly：郵件訂閱，每周一次搞定設計新聞資源。
• 1st Webdesigner：數碼愛好者創建的網頁設計社區。
• Responsive Design Weekly：每周響應式設計文章合集推送。
• Codrops：網頁開發、設計、實用插件教程，尤以「如何提出解決方案、設計思路」文章最有價值，絕對收藏。
• CSS Tricks：前端聖地，不只 CSS，大量代碼片段、教程、論壇、分享者。
• Notepad++：著名代碼編輯器，多語言支援，站長必備。
• Enboard：靈感獲取神器，500+ 資源橫跨博客、文章、框架、圖標、靈感設計、播客，共同特徵：干貨。
• Templated：800+ 款 CSS/HTML5 代碼大合集。
• Tuts+：網頁設計師所需技巧教程全都有。
• Smashing Magazine：全球開發設計新聞技巧匯聚，經典圖書眾多，值得學習。
• SitePoint：整合網上最優秀網頁設計開發文章，按設計師、開發者、自由職業者、企業用戶分類處理。
• GoodUI：什麼算好 UI？這裡有相關技巧與指導。
• Unheap：整理海量 jQuery 插件，按 UI、媒體、輸入、導航、動畫特效分類。
• WebAppers：干貨網站，文章、插件、框架樣樣不少。

收藏這份清單，設計流程從靈感啟發到交付上線，工具資源全覆蓋，助你高效產出優質作品！