應用化浪潮下，UC 8.0 正式引入應用中心。圖標作為入口首觸點，風格定調至關重要。團隊最終確立立體質感風格，下面以「遊戲中心」圖標為例拆解全流程。

風格定調與草圖探索

平面/立體？寫實/卡通？靈感難測，先畫草圖找感覺，定下大體形態再精細化。

UC 8.0 應用中心整體視覺

草圖探索：確定第二個方案

八步精細繪製流程

Step 1：結構拆解

「遊戲中心」= 外框 + 遊戲手柄 兩大模塊。

Step 2：外框基礎建模

• 圓角矩形工具繪製兩個疊加立體矩形
• 漸變著色 + 圓角高光 + 明暗分界 1px 高光邊線 → 質感躍然

Step 3：暗部高光精修（關鍵質感步驟）

• 高光區在暗部選區基礎上內縮 1px，形成明顯間隔
• 二次混合模式疊加：先「疊加」後「濾色」，色彩飽滿通透
• 高光基礎上再加 1px 亮邊 → 晶瑩剔透感

Step 4：右下角藍色 GAME 標簽

• 45° 藍色漸變基礎 + 同向高光亮邊（同樣二次疊加）
• 文字「GAME」：淡漸變 + 黑色正片疊底投影（距離 1px/大小 2px）
• 暗部上層疊加藍色高光 → 整體剔透感貫通

Step 5：手柄主體建模

• 手繪外形 + 線性漸變 + 邊界陰影 → 立體感建立

Step 6：左側方向操作盤

• 暗色漸變外側添加反向漸變描邊 → 凹凸感
• 方向鍵漸變與背景低對比度區隔，避免喧賓奪主

Step 7：右側功能按鈕群

• 四個「凹槽」+ 四顆按鈕
• 按鈕：純色 + 「斜面浮雕」簡易高光
• 按鈕外層疊加更深色值 → 精細立體分層

Step 8：底部操作桿 + 合成收尾

• 兩圓形平移疊加模擬立體按鈕，「斜面浮雕」處理高光
• 加入附屬細節 → 手柄完成
• 放入外框：暗部選區內給手柄四周打陰影 → 拉開層次
• 點綴微光點 + 倒影 → 大功告成

最終成品：「遊戲中心」圖標

結語

圖標設計是細活，多練多畫，孰能生巧。掌握結構拆解→基礎建模→高光邏輯→混合模式疊加→合成收尾標準化流程，質感把控不再靠玄學。