設計亮點

純矢量實現「木紋材質 + 玻璃反光 + 立體陰影」三重質感疊加，核心技法：底紋填充模擬木紋 + 透明漸變疊加層次 + 圖框精確裁切限制反光區域 + 互動陰影落地。

分步構建

1. 基礎外殼：圓角矩形

• 矩形工具 Ctrl 繪正方形，圓角半徑 16mm（屬性欄直接輸入）。

2. 木紋底紋填充

• F11 → 底紋填充 > 樣品 > 窗簾（或木紋類樣式）。
• 調整底紋參數：大小、角度、行距，顏色參數設定暖棕色系。

3. 疊加深色木紋 + 橢圓透明漸變 = 體積感

• 複製圓角矩形，底紋顏色調深（增加對比）。
• 透明工具拖曳 橢圓形漸變透明度，中心透明、邊緣不透明，模擬圓柱受光陰影。

4. 鬧鐘面板：線性漸變模擬凹面

• 繪製小圓角矩形，深色線性漸變（上淺下深），模擬凹陷面板。

5. 圖層順序與水晶反光

• 順序：深木紋(底) → 淺木紋(中) → 面板 → 反光層(頂)。
• 反光層：白色橢圓形漸變填充 + 線性透明漸變（上不透明→下透明）。
• 圖框精確裁切：將反光層置入圓角矩形容器，反光不溢出邊框。

6. 底部立體陰影

• 再複製一層深色圓角矩形置底，偏移 2~3mm，模擬厚度與落地陰影。

可複用素材庫建議

• 將「木紋圓角矩形組」存為 符號 或 樣式，命名 `UI_木紋_圓角矩形_基礎`。
• 反光層、陰影層同理存符號，新建圖標直接拖放組合，修改尺寸/顏色參數即可批量產出系列圖標。

總結

木紋鬧鐘圖標展示了 CDR「底紋填充材質化 + 透明漸變光影化 + 圖框精確裁切邊界控制 + 圖層疊序立體化」的輕量級擬真工作流。無需 PS 圖層樣式、無需 3D 軟體，純矢量輸出 SVG/PDF/EPS，適配印刷、網頁、App 多端輸出。