設計師的核心競爭力在於細節觀察、審美直覺與耐心沉澱。Button 看似簡單，實則包含 default、hover、active 三態，設計稿放大 2-3 倍檢視才能發現決定質感的關鍵細節。

案例一：內襯線一圈，拒絕漸變蒙版

文字用圖層效果替代手工刻畫襯線。設計師須自問：陰影光源在哪？兩處同角度陰影意味多少光源？設置是否匹配光源？設計稿每一筆皆有理據，非隨意而為。

案例二：四條線構建的精致邊框

乍看是雙色雙線刻蝕效果，放大發現實為四條線。內襯線採用蒙版漸變：上下明顯，中間逐漸淡化，文字陰影呼應背景深綠，中層淡漸變營造立體感，極度友好。

案例三：頁面邊緣隱形襯線

更多襯線變奏

• 僅上襯線 + 下陰影代替立體感
• 上下雙襯線 + 漸變蒙版
• 僅下襯線，向上漸變淡化
• 複雜襯線組合營造豐富光感

為什麼需要襯線？為什麼拒絕過強漸變？

源於素描光學：高光、亮部、中間調、暗部、投影、明暗交接線共同構建 2D 平面上的立體感。過強漸變（色相、亮度、飽和度跨度過大）違背真實光學，產生廉價不適感。設計應貼近生活、源於生活。

文章來源：Hydrangea Land