扁平化設計持續演變，衍生出長投影、漸變扁平、投影扁平等子風格。本教程以一個播放圖標為例，在同一畫布中分四區示範四種風格的構建邏輯與圖層樣式參數，讓你一次掌握主流扁平化變體。

共同基礎設定

• 畫布 500×400 px，背景 #e8d59b。
• 參考線建構網格定位圖標元素。

風格一：基礎扁平化

1. 圓角矩形（半徑 40）填 #d14242 作為底座。
2. 橢圓工具畫白圓，路徑運算「減去頂層形狀」變圓環。
3. 自訂形狀工具畫白色三角箭頭置中。

風格二：長投影

1. 矩形工具畫黑矩形置於圓環與三角形下方，Ctrl+T 旋轉 45°。
2. 加圖層蒙版，Ctrl+點擊 底座縮圖載入選區 → Ctrl+Shift+I 反選 → 油漆桶填黑隱藏超出部分。
3. 鋼筆工具勾勒投影邊緣，不透明度 20%。圓環同理製作投影。

風格三：漸變扁平

1. 複製底座圖層置頂，填充 0%，鋼筆刪減/拖移錨點向中心收攏形成漸變遮罩形狀。
2. 加「漸變疊加」（正片疊底、不透明度 20%、縮放 100%）。
3. 原底座同加「漸變疊加」（正片疊底、不透明度 10%）。

風格四：投影扁平

所有圖層統一加「投影」樣式：正片疊底、不透明度 20%、距離 10 px、大小 0，統一光源方向，極速提升層次感。

實戰建議

實際專案中可混合使用：主圖標採長投影強調品牌識別，次要圖示用漸變扁平豐富層次，功能性圖標用基礎扁平保持清晰。鼓勵實驗創造專屬風格語彙。