效果預覽

製作流程

1. 主體按鈕 (綠色 #369904)

• 500×300px 白底，圓角矩形工具繪製
• 圖層樣式：斜面浮雕、描邊、內陰影、內發光、漸變疊加 (綠色系) → 立體綠色按鈕本體

2. 內部高光面 (白色圓角矩形)

• 白色圓角矩形 → 漸變疊加樣式 → 填充歸 0 → 保留樣式高光

3. 雙側箭頭圖標

• 鋼筆勾勒箭頭選區 → 填充 #039cd4
• 加深/減淡工具微調立體 → Ctrl+U 色相/飽和度調色
• 縮小 → 添加投影樣式 → 複製鏡像至另一側

4. 文字與完成

標準化組件思維

按鈕主體、高光面、圖標、文字四大模組獨立圖層組管理，顏色/尺寸/圓角/投影均通過圖層樣式參數控制，實現一鍵換色、尺寸響應、狀態變體 (hover/active/disabled) 快速生成，是設計系統組件庫建設的標準範式。