| 樣式 | 關鍵參數 |
|---|---|
| 投影 | 混合模式正常,顏色深棕,不透明度 40%,距離 3px,大小 5px |
| 內陰影 | 混合模式正片疊底,顏色深金,角度 -90°,距離 5px,噪點 5% |
| 斜面與浮雕 | 外斜面、平滑、深度 200%、方向向上、大小 10px、柔化 3px、高光模式線性減淡(白)、陰影模式正片疊底(深金) |
| 顏色疊加 | 金色 #c9a84c,混合模式正常,不透明度 30% |
| 技術 | 應用對象 | 核心要點 |
|---|---|---|
| 蒙版布爾運算 | 外圓環 | 大圓蒙版隱藏小圓選區,非破壞性 |
| 斜面與浮雕 | 金屬邊框/外環 | 外斜面/內斜面 + 高光陰影模式模擬金屬 |
| 組混合模式 | elements 組 | 「顏色減淡」統一發光特性,蒙版限制範圍 |
| 矢量形狀可編輯 | 同心圓刻度 | 複製縮放保持銳利,樣式同步更新 |
| 角度漸變+對齊 | 掃射區域 | 模擬雷達掃描光暈旋轉感 |
| 智能物件/矢量 | 全流程 | 隨時可縮放輸出多尺寸,無損畫質 |
「圖標設計的精髓在於:有限畫面內的無限細節。每一個高光、每一條刻度、每一層疊加模式,都是為了在 32px 甚至 16px 時依然清晰可辨、質感可感。」