Illustrator 「外觀面板」支援單一物件擁有多重填色與多重描邊，這是矢量繪圖區別於像素編輯的核心優勢。本系列教程首篇以繪製知乎風格按鈕為例，詳細演示如何疊加底色、明暗漸層、內發光、描邊、投影等屬性，並保持圓角效果可編輯，實現完全非破壞、可無限修改的 UI 元件構建流程。

知乎風格按鈕拆解

環境設定關鍵

• 單位設為像素（偏好設定 > 單位）。
• 新建文件 320×480 px、RGB、**不勾選**「使新建物件與像素網格對齊」（後期再開啟對齊較靈活）。
• 背景層填 #E6E6E6 淺灰，鎖定。

按鈕構建步驟

1. 新增圖層「Button」，繪製 72×31 px 圓角矩形（效果 > 風格化 > 圓角 5px），置中偏上修正視覺誤差。
2. 外觀面板：底色填色 #8CE01E。
3. 「新增填色」→ 白→黑線性漸層（上→下）、不透明度 20%、混合模式「明度」，疊加立體明暗。
4. 保持「圓角」效果在最上層，確保所有後續屬性遵循圓角邊界。