icon 設計

製作概念和重點

• 簡單且能夠清楚表達意涵
  (例如:幾何圖形)

• 先搜尋圖片觀察造型

• 同層級的 icon 大小和線條粗細要統一

• 建立外框，來判斷不同 icon 的量體是否平衡

• 依據目標風格，可加上不同色塊或是調整角度

• 不要加入過多細節，避免畫面太滿太雜亂

• 不要選擇太多顏色

• 在色彩的運用上嘗試替換

• 細節跟色彩的統一性

• 適當使用灰階作為配角，襯托出主要顏色

• icon 建立群組，較易使用

  
  

工具

• Illustrator
• Photoshop
• Sketch
• Figma
  …等

檔案 (illustrator)

1. 將 icon 群組複製到畫面外
2. 新增工作區域
3. 刪除框線
4. 保持背景顏色空白(透明)
5. 檔案轉存
6. 使用工作區域
7. 選擇 png 格式 / SVG 格式