以圓角矩形為基礎,加鋼筆調整頂點使輪廓更圓潤,套用完整圖層樣式(投影、內陰影、倒角浮雕、漸變疊加、描邊)構建主體質感;再以縮小複製+新樣式疊加內層細節;最內層白填充右向左漸變蒙版做高光過渡;自定義形狀加白色圖標;右側圓角矩形文字區同樣套用層樣式,文字再加投影/內陰影/斜面浮雕,小標題加#1d70e1 色與陰影,多色調協調統一。
成品展示

核心流程
- 500×500px 白背景,圓角矩形(半徑 10px)畫輪廓。
- 鋼筆加頂點、直接選擇工具外拖中點圓潤化。
- 輪廓層加完整層樣式(參考圖4-5)。
- Ctrl+J 複製,清除樣式,Ctrl+T 縮小 94%,加新樣式(圖7-8)。
- 再複製,清除樣式,縮小 93%,調節點位變形,柵格化填白,右向左漸變蒙版控制不透明度(圖9-10)。
- 自定義形狀工具加白色圖標(圖11-12)。
- 右側圓角矩形(半徑 7px)黑色做文字區,加層樣式(圖13-14)。
- 文字 Segoe 白色,加層樣式匹配左側質感(圖15-16)。
- 小標題
#1d70e1 加投影(圖17-18)。
- 複製變色生成完整導航組(圖19)。
參考圖示:






























