設計資源
進行網頁介面設計時,若能夠熟練地應用工具對於設計人員來說顯得非常重要。這意味著能節省更多的時間,直接完成從草圖到原型的設計,對設計資源方面有更多了解,也越來越重要。我們應該考慮哪些資源呢?這些工具有哪些可能?隨著科技進步,了解用於傳遞和轉換內容的技術也變得相對重要。
網頁設計資源整理
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
全世界最大圖庫網站,圖片種類非常豐富,目前只提供免費嵌入的服務,並不是免費下載。