許多開發者到最後才想起圖標,實則圖標如實體店招牌/櫥窗——既要體現核心價值,又要吸引點擊。圖標有問題,應用再好也無濟於事。一開始便嚴謹設計、測試篩選最合適方案,至關重要。

把應用比作產品,圖標就是營銷。出色圖標對發布至關關重要。測試設計,看哪款讓用戶忍不住點「安裝」!設計時牢記五點:

圖標出現於各種屏幕/菜單,需適配視網膜/非視網膜等分辨率。
AppIconTemplate.com 建議:
• 設計不同尺寸並在多環境測試
• 設計簡單,聚焦單一要素/形狀
• 縮放時保持清晰可辨
多數設計師用 Illustrator/Photoshop/Sketch 實現可縮放性;新手最好用模板(AppIconTemplate.com 提供免費 PS 模板)。

應用商店數百萬應用,用戶瀏覽順序:圖標 → 標題 → 預覽圖。圖標能傳達功能最省力。預覽圖不可靠(如進熱門榜單不顯示)。
經驗法則:
• 優秀圖標共同點:簡單明了
• 非 Facebook/Google 級品牌,別過度依賴 Logo
• 圖標應代表核心品牌價值(主要功能/角色)
• 配色醒目且反映應用內配色方案
Gmail、Dropbox、《跳跳先生》圖標在傳達理念與獨特賣點上極優。


用戶裝滿應用時,找特定 App 花時間。一眼認出 = 體驗加分。
• 專注獨特形狀/物體(Instagram 老式相機、Snapchat 幽靈)
• 結合獨特賣點(Instagram 精美照片、Snapchat「閱後即焚」)
• 形狀不夠,需高對比度醒目色(LINE/印象筆記綠色+強對比色,綠色讓它們脫穎而出)

• 文字在小圖標難閱讀(窄菜單中更甚)
• 應用商店/手機桌面/菜單中,應用名稱已標註於圖標下方/旁邊,再用文字屬多此一舉
並非人人用默認壁紙。測試圖標顏色時,務必在以下背景驗證「醒目」:
• 常見默認設備壁紙
• 支持平台的應用商店背景
• ROYGBIV + 黑白灰譜系
聽起來乏味,但能省下因背景衝突重設計的巨大時間成本。

已介紹快速上手模板與核心原則。可用不同配色/圖案模擬概念、請設計師出圖、多方案測試。記住:給出多個設計方案。
註:更多精彩教程請關注三聯設計教程欄目。