設計資源
進行網頁介面設計時，若能夠熟練地應用工具對於設計人員來說顯得非常重要。這意味著能節省更多的時間，直接完成從草圖到原型的設計，對設計資源方面有更多了解，也越來越重要。我們應該考慮哪些資源呢？這些工具有哪些可能？隨著科技進步，了解用於傳遞和轉換內容的技術也變得相對重要。
網頁設計資源整理
1. Awwwards
非常多優秀的網站設計案例，提供完整功能，是追蹤最新網頁設計趨勢的重要資源。
2. Collect UI
許多設計案例參考與靈感啟發，作品按照類別區分，介面直觀好用。
3. FontAwesome
有大量完整的向量圖型文字可以選擇。能夠輕鬆在網頁加入icon。
4. ANIMATE.CSS
由於網頁增添動態效果能有效地提升使用體驗，所以在製作時增加微動畫，已經算是必備的元素，但程式製作動畫撰寫 CSS 相當費時，因此 Animate.css 預建了多種不同的動態效果，您能夠簡單為元件加上動畫！
5. Dynamics.js
Dynamics.js 是一個JS庫，提供9種標準的動畫，您可以自定持續時間、頻率、尺寸和強度等，做出符合效果的動畫。
免費高質量圖庫
1. Unsplash
高質量圖片，且皆為 CC0 授權。可自由使用。
2. Pexels
圖片分類很仔細，能夠快速、準確找到各種照片及影片素材。
3. Pixabay
除了CC0圖庫外，一樣也是有提供免費影片素材。
4. Getty Images
全世界最大圖庫網站，圖片種類非常豐富，目前只提供免費嵌入的服務，並不是免費下載。
