應用時代來臨，圖標設計風格定調至關重要。本教學以 UC 瀏覽器「遊戲中心」圖標為例，分享從草圖構思、風格定調（立體寫實）、外框與手柄分解、圓角矩形漸變著色、高光雙重混合模式疊加（疊加+濾色）、1px 亮邊強化質感、藍色標簽漸變與高光、GAME 文字效果、手柄外形與陰影立體、操作盤凹凸漸變描邊、按鈕凹槽與斜面浮雕、底部操作桿平移邏輯、手柄置入外框投影層次、光點倒影收尾的完整專業流程。

成品效果

風格探索與草圖

外框製作

1. 分解結構： 外框 + 遊戲手柄。
2. 雙層圓角矩形： 圓角矩形工具疊兩層，漸變著色，圓角高光、明暗分界 1px 亮邊。
3. 暗底高光雙重疊加： 選區內縮 1px，第一層「疊加」、第二層「濾色」，再加 1px 亮邊。
4. 藍色 GAME 標簽： 45° 漸變基礎上加同向高光亮邊（同雙重疊加法），文字漸變+投影（黑色正片疊底 1px/2px），暗底層疊藍色高光。

手柄製作

5. 外形與基礎立體： 鼠繪外形、線性漸變、邊界陰影。
6. 左操作盤凹凸感： 暗色漸變外側加反向漸變描邊，方向鍵漸變區隔柔和。
7. 右操作按鈕： 四凹槽+四按鈕，按鈕純色+斜面浮雕，外層深色值細化立體。
8. 底部操作桿： 兩圓形平移邏輯，斜面浮雕高光，加附屬小物件。

合成與收尾

手柄置入外框，暗區選區內加投影拉開層次，添加光點、倒影，大功告成！

圖標設計貴在細節與練習，多繪多練孰能生巧！