網站 Favicon / App 圖標設計流程演示

本教學展示一個網站圖標從構思到成品的創作過程，強調在極小尺寸（16×16, 32×32, 48×48px）下的識別度優化、品牌色提煉、隱喻圖形簡化。最終效果見圖 1。

圖 1 完成效果圖（含多尺寸預覽）

創作流程核心步驟

1. 品牌核心提煉：分析品牌關鍵詞，提煉核心視覺符號（首字母、吉祥物、核心業務隱喻）。
2. 矢量草圖：CorelDRAW 中用基本形狀/貝塞爾快速畫出多組草案，僅保留關鍵特徵線。
3. 網格對齊優化：啟用「對齊網格」，將關鍵節點吸附像素網格，保證小尺寸銳利無模糊。
4. 品牌色標準化：套用品牌標準色 (CMYK/RGB/HEX)，建立色板庫，確保多尺寸輸出色彩一致。
5. 多尺寸導出：建立畫板/頁面對應 16/32/48/256px，同一矢量源無損縮放導出 PNG/ICO/ICNS。
6. 實測驗證：瀏覽器標籤、書籤欄、桌面快捷方式實測清晰度與辨識度。

圖標設計精髓：「減法思維、網格紀律、色彩規範、多尺寸驗證」。