簡約風相機圖標是 UI 設計基礎練習佳作。本教學採用形狀工具(向量)構建主體,配合圖層樣式快速賦予金屬、玻璃、塑膠質感,流程清晰易上手。
繪製步驟
- 圓角矩形工具繪製機身主體,圖層樣式:漸變疊加(金屬拉絲感)、內陰影(邊框)、描邊(邊緣高光)。
- 橢圓工具繪製鏡頭鏡筒(多層同心圓),漸變疊加模擬鏡片鍍膜(藍紫反光)、內發光深度。
- 圓角矩形/橢圓繪製快門鍵、閃光燈、對焦輔助燈,各加內陰影/斜面浮雕立體感。
- 細節:矩形工具繪製機身縫線、品牌 Logo 文字/形狀置入。
- 背景:淡色漸變或純色,添加投影使圖標浮於畫面。
- 導出:按平台規範輸出 @1x/@2x/@3x PNG 或 SVG 向量格式。
過程示意圖









掌握向量+圖層樣式工作流,設計任何簡約圖標都能得心應手。