「光澤」是圖層樣式中最反直覺、參數敏感度最高、也最能產出「綢緞/水波/金屬拉絲/全息干涉」等高級質感的功能。其核心機制是：生成兩組同心「不完整光環」（僅在圖層輪廓轉角處顯示），通過距離、大小、等高線控制它們的疊加/交疊/相位差。本文以矩形/圓形/不規則三種基礎形狀為實驗對象，逐項拆解 7 大參數，揭示「形狀決定光環顯示區域」的底層邏輯，並提供四大材質參數預設。

核心機制：兩組不完整光環的交疊舞蹈

• 光澤在圖層上方生成兩組同心波浪光環，每組光環包含多個同心環（由等高線波峰數決定）。
• 兩組光環僅在圖層輪廓轉角/曲率變化處「顯露」：矩形只在四個角、圓形均勻環繞、不規則形狀隨曲率分佈。
• 參數本質上在控制：光環數量(等高線)、光環寬度(大小)、兩組間距(距離)、相對相位(角度)、混合方式(模式/不透明度/顏色)。

7 大參數深度拆解（以矩形為例）

參數	核心作用	視覺效果	避坑提示
混合模式	光環與下層混合算法	默認正片疊底(壓暗)；改正常/螢幕/疊加可顯色彩/發光	正片疊底下顏色改變不明顯，需改模式見效
不透明度	光環整體強度	大→明顯；小→隱約。建議 30-70%	過高易產生髒污感
顏色	光環固有色	配合模式「正常」時顯色；配合「正片疊底」偏暗	改模式為「正常」再調色最直觀
角度	光源方位/光環相位偏移	旋轉光環在輪廓上的分佈起始點	矩形下角度改變四角亮暗分佈非線性
距離	兩組光環中心偏移量	遠→分離雙環；近→相切；負/過大→交疊/反相	距離 0 時兩組重合，效果等同單組雙倍不透明度
大小	每組光環寬度/羽化	小→銳利細線；大→柔和寬帶。配合距離控制交疊區寬度	大小過大超出圖層邊界會被裁切
等高線	光環數量與亮度分佈	波峰數=光環數；波峰高=光環亮；波谷深=暗環深	自定義等高線最強：可造任意數量/間距/強度光環組合

距離參數的三態演示

距離大：兩組光環分離，四角各見兩組獨立光環
距離中：兩組光環相切，形成單一寬光環帶
距離負/過大：光環交疊，產生干涉條紋/莫爾紋效果

大小參數對比

大小小：銳利細線條，像鋼筆勾邊
大小大：柔和寬帶，像水彩暈染邊緣

等高線控制光環數量

雙波峰等高線
產生雙光環
三波峰等高線
產生三光環

四大材質參數預設

材質	模式/不透明度/顏色	角度/距離/大小	等高線	核心邏輯
綢緞/絲綢	正片疊底/50%/深暖灰	45°/10px/15px	雙波峰	兩組寬光環交疊模擬經緯線交織高光
水面/波紋	疊加/40%/環境反射色	90°/5px/20px	三波峰	三組光環模擬波峰波谷反光，角度 90° 順應水平波紋
金屬拉絲	正常/30%/金屬高光色	0°/2px/3px	密集鋸齒波(多峰)	極細密光環模擬拉絲溝槽反光，距離極小疊加成線條
全息干涉/光碟	螢幕/60%/彩虹漸變	180°/15px/30px	多波峰+抖動 20%	彩虹漸變+多光環+抖動色彩噪點=全息干涉彩虹紋

進階心法與避坑

1. 形狀決定一切：同一組參數，套用在圓形/矩形/星形/文字上，效果截然不同。必須在目標形狀上實時調參，不可跨形狀複製參數。
2. 光澤不改變圖層像素邊界：它只在現有輪廓內/外產生光環。需配合描邊/斜面浮雕/投影共同構建完整立體邊緣。
3. 「正片疊底+深色」=壓暗邊緣，「螢幕/線性減淡+亮色」=發光邊緣，「正常+彩色」=著色邊緣。根據材質物理屬性選模式組合。
4. 抖動需彩色漸變啟用：單色漸變至透明，抖動無效。必須定義≥2 色停靠點的漸變。

光澤不是「加個花紋」，而是「用程序化波浪光環模擬各向異性表面反光」。下次做綢緞質感、水面倒影、金屬拉絲、全息防偽、賽博龐克干涉色，別再找素材貼圖了——打開光澤，調對等高線波峰數、距離大小比、模式顏色組合，幾分鐘出專業級程序化材質，且無限分辨率、參數可動畫、風格可遷移。這才是圖層樣式的高階用法。