設計思路確立

分析實物：翻蓋手機 = 屏幕上蓋 + 機身下蓋 + 鉸鏈 + 翻蓋按鍵。圖標 1:1 比例需壓縮原本 1:3 長條形態，變形原則：保留關鍵識別特徵（屏幕比例、按鍵排布、頂部厚度），犧牲非關鍵長度。

紙筆草圖快速分區明暗，雖醜但能理清結構層級與光影邏輯，避免盲目開工。

PS 精修流程

Part 1：形狀與顏色分區

全程使用形狀工具（矩形、圓角矩形、橢圓、自訂形狀）構建向量基礎，保證邊緣銳利可無限縮放。圖層命名與分組對應實物結構：主體、頂層厚度、屏幕、按鍵、鉸鏈、翻蓋把手。

Part 2：扁平細節豐富

在不加圖層樣式前提下，用形狀工具繪製所有細節：屏幕圖標、按鍵符號、鉸鏈孔洞、鍵盤字符等。中間灰層加 1px 內描邊增強分層。

Part 3：圖層樣式賦質感（核心環節）

自上而下逐圖層添加樣式，關鍵參數：

• 頂層厚度： 漸變疊加（中間透明節點 0%、兩側 60%）、斜面浮雕（內斜面、平滑）。
• 頂層金邊： 漸變描邊（中間亮黃、兩側深橙），滑鼠滾輪微調節點位置極高效。
• 鎖頻鍵： 按鍵（圓角矩形組合＋圖層樣式）、槽（深灰 #212121）、飾品孔（#191919）、投影/高光分層。
• 屏幕外框： 小投影（黑、正片疊底）定厚度。
• 屏幕主體： 複雜漸變疊加模擬玻璃反射，內發光邊緣發亮。
• 界面適配： 原始長屏界面（上中下三段）重排為寬屏左中右三段，進度條貫穿，保持資訊架構不變。

核心方法論

1. 紙筆先行：低成本驗證結構與光影邏輯。
2. 向量優先：形狀工具構建可縮放、可編輯的幾何骨架。
3. 扁平先行：無樣式狀態下完成所有細節幾何，再統一加樣式，避免反覆調參。
4. 樣式參數化：關鍵數值（角度、距離、大小、不透明度）建立個人預設庫。
5. 比例變形有取捨：識別度＞比例準確，關鍵特徵保留，次要空間壓縮。