QQ 閱讀覆蓋 iOS、Android、iPad 等全平台，早期各端獨立研發、交互 UI 風格分化嚴重，品牌認知破碎、研發成本高企。騰訊 UI 設計師 Tina 分享統一化改版全過程：從問題診斷、原則確立、視覺系統構建到平台差異性克制，最終實現「長得像，但有個性」的多端一致體驗。

痛點診斷：多端獨立演化的代價

• 各平台獨立團隊，對產品理解不一，功能細節向不同方向發散。
• 品牌形象無法形成統一記憶點，推廣聲量分散。
• 重複造輪子，研發資源浪費。
• 無線原生產品無 PC 端用戶心智包袱，統一設計是建立品牌的關鍵窗口期。

核心原則：一致 ≠ 完全一樣

尊重平台原生交互習慣（Android Menu 鍵、iOS 導航欄），在框架層面統一，細節層面克制差異，追求「更優體驗」而非「強行對齊」。

視覺系統五大統一專項

1. 整體視覺風格：優雅擬物化寫實

從氛圍圖提煉主色調，確立「優雅、舒適」基因，貫穿所有端。

2. 控件細節規範化

圓角體系（外圓角/內圓角尺寸規律）、間距比例（適配不同分辨率）、狀態樣式（正常/按下/禁用）全定義，擴展期零偏差。

3. 光源統一：正上方單一光源

擬物寫實風下，光源方向決定質感真實感。全團隊鎖定「正上方光源」，材質共享庫配合，任意設計師產出風格一致。

4. Icon 風格與角度規範

統一線條粗細、圓角、投影、配色。Android 專屬 Menu 圖標保留平台特性，但限制只能出現兩種預設角度，其他視為錯誤。

5. 字號、行距、邊距、字色全鏈路定義

針對 320×480 基準屏：內容區僅允許 14/16px 兩種字號，Tab 等特殊文案 18px。閱讀頁另行輸出舒適閱讀字號規範（字號/行距/邊距具體數值）。

克制的差異化：尊重平台原生邏輯

同層級頁面切換：Android 用 Tab，iOS 用標題+按鈕。不強行統一，保護用戶肌肉記憶。

Android 碎片化特殊處理

• 移除所有外發光效果，避免低端機渲染異常。
• 切圖避免透明漸變，防色帶、鋸齒。
• 可點擊熱區最大化，補償觸控精度差異。

成果：三端同步發布，品牌辨譻度質變

Android 1.5 / iPad 1.0 / iPhone 1.3 同步上線。用戶調研顯示：使用體驗無差別，視覺與交互整體印象顯著提升，「是一家公司的產品」認知建立。

「我們長得很像，因為我們是一家人；但誰也阻擋不了我有我的個性。」
—— 每位 UI 設計師的使命：滿足審美的同時，有義務提高用戶審美。