從基礎圖形工具（圓角矩形、弧形、橢圓）出發，結合漸層、描邊輪廓化、對齊分布、不透明度蒙版，完整繪製出標準 RSS 圖標與極具質感的 Web 2.0 風格按鈕。涵蓋圖標設計規範與按鈕狀態設計精髓。

最終效果

RSS 圖標繪製（標準規範）

1. 新建 500×500px RGB 文件。
2. 圓角矩形工具，Shift 拖曳畫正圓角方形，無描邊。
3. 淺橙→深橙徑向漸層填色（模擬立體按鈕基底）。
4. 弧形工具 (Shift+拖曳) 畫 1/4 圓弧，白色描邊、無填色，調整描邊粗細（約 20pt）。
5. 旋轉 45° 定位左下角，複製縮放得第二條較小弧線。
6. 左下角畫小圓（白色、無描邊），做訊號源點。
7. 對象 → 路徑 → 輪廓化描邊，將描邊轉為可縮放路徑。
8. 對齊面板：水平左對齊 + 垂直底對齊，微調位置大小，得標準 RSS 形狀。

Web 2.0 風格按鈕繪製（玻璃/膠囊質感）

1. 圖層 1：大圓角矩形，黑色填色，無描邊，鎖定 (Ctrl+2)。
2. 圖層 2：稍小圓角矩形，白→黑線性漸層（上亮下暗），模擬凸起體積。
3. 圖層 3：矩形蓋住上半部，白色填色，建立不透明度蒙版（透明度面板選單 → 建立不透明蒙版），蒙版不透明度 62%，產生頂部高光漸隱。
4. 置入 RSS 圖標，添加按鈕文字（如「訂閱 RSS」），調整大小位置。

按鈕狀態變體（一鍵切換）

• 解鎖所有 (Ctrl+Alt+2)，選中最底層黑色圓角矩形改色（藍/綠/紅）。
• 同步修改第 2 層漸層色相，蒙版層無需進入編輯模式直接改漸層色板即可聯動。
• 得多色按鈕家族，保持一致光影邏輯。

設計規範要點

• RSS 圖標標準比例：圓角半徑 ≈ 邊長 × 0.2，弧線粗細 ≈ 邊長 × 0.1，圓點直徑 ≈ 邊長 × 0.08。
• 按鈕觸控熱區：最小 44×44pt (iOS) / 48×48dp (Android)。
• 狀態反饋：Normal/Hover/Pressed/Disabled 四態漸層/陰影/透明度參數表標準化。
• 無障礙：對比度 ≥ 4.5:1，色盲安全配色。

掌握此套「圖標+按鈕」標準化製作流，構建一致性設計系統的基石。