專業圖標設計核心在於圖層樣式參數化堆疊。本教學拆解鐘表圖標為 5 大組件（底座、表盤底、表盤數字指針、金屬蓋、高光），每組件僅用 1-2 個形狀圖層配合精細圖層樣式完成，展示非破壞向量繪圖的極致效率。

最終效果

組件拆解與圖層結構

核心圖層樣式參數（關鍵數值供參考，需依實際尺寸微調）

1. 時鐘底座（單圖層完成）

橢圓形狀層 → 圖層樣式：
— 倒角浮雕：外倒角、平滑、深度 200%、大小 15 px、角度 120°、高光「螢幕」白 70%、陰影「正片疊底」黑 50%
— 輪廓：環形/圓錐配合倒角細節
— 漸變疊加：線性、金屬拉絲色標 (深灰→淺灰→深灰)、角度 90°
— 內陰影：距離 3px、大小 5px、黑色正片疊底 30%
— 投影：距離 5px、大小 8px、黑色正片疊底 40%

2. 表盤底座（單圖層）

較小正圓形狀層置於底座上方 → 圖層樣式：
— 倒角浮雕：內倒角、淺凹陷感
— 漸變疊加：徑向、深灰→黑→深灰 (碳纖維感)
— 內陰影：加深邊緣立體感
— 描邊：1px 深灰、內部

3. 表盤細節（數字、指針、中心蓋）

• 數字：文字圖層極座標複製 (Ctrl+Shift+Alt+T)，顏色疊加金色 #D4A843
• 時/分針：矩形形狀層 → 錨點工具拉尖尾部 → 顏色 #724042、模式「疊加」
• 秒針：顏色 #162020、模式「正常」
• 指針陰影：複製指針層 → 顏色黑 → 高斯模糊 2px → 移動位置 → 不透明度 30%
• 中心金屬蓋：圖層樣式參見截圖 (倒角浮雕球狀 + 金屬漸變)

4. 高光系統（兩組件疊加）

• 主高光：橢圓形狀層、填充 0%、漸變疊加 (白→透明、角度 -45°、線性)、模式「螢幕」、不透明度 60%
• 邊緣高光：筆刷手繪細線條、模式「濾色」、不透明度 40%

輸出建議

• 合併可見圖層 (Ctrl+Alt+Shift+E) → 濾鏡 > 銳化 > 智慧銳化 (量 50%、半徑 0.3 px) 增強邊緣銳度
• 導出 PNG-24 透明背景供 UI 使用，或 SVG (形狀圖層右鍵「匯出為 SVG」) 供無損縮放

設計方法論

「一圖層一組件，樣式疊加建材質」—— 向量形狀層保持無限可編輯，圖層樣式參數化記錄材質邏輯。修改尺寸/顏色/光源只需調整對應參數，無需重繪。這才是專業圖標設計的標準化工作流。