本教程以單張效果圖展示股市類圖標設計核心視覺元素：紅綠 K 線、成交量柱狀圖、趨勢線、漲跌幅箭頭，採用扁平化風格配合微立體倒角，適合金融 App、數據看板、理財網站圖標快速產出。

一、效果圖解析

圖標在正方形安全區內，以深灰圓角矩形為底板，中央佈置簡化 K 線(紅陽線/綠陰線)、底部成交量細條、右上角紅色上漲箭頭，色彩對比強烈，24px 仍清晰可識。

二、核心製作邏輯（可 10 分鐘完成）

1. 底板：圓角矩形(8 px)、填充 #2D2D2D、圖層樣式「內陰影」(距 1、大小 3、不透明 30%) +「描邊」(1 px、#444)。
2. K 線主體：矩形工具繪製 3-4 根紅/綠陽陰線，高度隨機、寬度一致，圖層樣式「倒角浮雕」(內部、大小 2 px)賦予微厚度。
3. 成交量：1 px 高矩形排列，顏色同對應 K 線但不透明度 40%，群組命名「Volume」。
4. 趨勢線/均線：鋼筆勾勒 2 條曲線路徑 → 描邊(1 px、虛線、#FFD700/#00FFFF)。
5. 漲跌箭頭：多邊形工具(3 邊)繪製三角形，紅色填充，置右上角，投影分層。
6. 高光/倒角收尾：頂部邊緣 1 px 白(疊加 20%)、底部 1 px 黑(正片疊底 20%)，導出 PNG/SVG。

三、擴展變體設計

• 跌幅版：紅綠互換、箭頭向下藍色。
• K 線圖標：單根帶上下影線的 K 線 + 日期標籤。
• 組合圖標：多個小圖標拼貼成儀表盤 widget。
• 動態圖標：After Effects 導入 PSD 分層，制作 K 線生長/箭頭彈跳動效，導出 Lottie/JSON 供前端使用。