本教學示範如何利用圖層樣式，從零繪製具有 iOS 風格質感的網頁導航選單。核心在於巧用漸變疊加、內發光、投影等樣式疊加，營造玻璃質感與層次深度。

最終效果預覽

製作步驟

1. 建立基礎背景

新建 450×450 px 文件，背景填 #32363c。新增圖層繪製白色矩形，不透明度 6% 做為頂部高光帶。

2. 繪製選單列基底

新增圖層，前景色 #5b6573 繪製頂部矩形。複製 6 層，調整顏色：第 1、2、7 層同色，第 3 層紅色（強調當前頁），其餘白色。

3. 核心：圖層樣式設定

對紅色圖層添加「斜面與浮雕」「內發光」「漸變疊加」「投影」等樣式，營造凸起按鈕質感。白色圖層樣式參數略有不同（如內發光顏色、漸變方向）。

4. 整體微調與素材填入

調整圖層順序、間距，放入圖示與文字，完成導航列。

圖層樣式可儲存為 .asl 檔，方便在不同專案間復用，保持視覺語言一致性。