手機客戶端設計不是 Web 端的縮小移植。基於成熟 PC 產品延展移動端，作者總結出功能決策雙維度、交互設計雙原則、UI 服務易用三大核心心法。

一、 功能與框架：雙維度決策模型

面對龐大功能樹，通過兩個維度篩選首發版本：

1. 產品核心價值 × 使用頻度：高頻核心功能（如電商的搜尋/下單/支付/物流）必上；低頻邊緣功能（如設置/幫助/關於）延後或刪減。
2. 移動場景適配度：用戶「躺在床上/坐在車上/走在路上」能否單手、碎片化完成？不適配場景的功能，果斷砍掉。

原則：寧缺毋濫，易用優於全面。 功能清單應隨版本迭代動態調整，而非一勞永逸。

二、 交互設計：守規範、減認知、找專家

1. 平台規範為準：iOS 人機介面指南、Material Design、各廠商定製規範——照著做，別創新基礎交互。
2. 與 PC 端關鍵頁保持一致：登錄、支付、核心列表等高頻頁面，保持信息架構與操作邏輯一致，降低遷移學習成本。
3. 關鍵節點請資深交互設計師把關：新手易忽略邊界情況、空狀態、錯誤恢復、無障礙訪問。

三、 UI 設計：為功能服務，而非炫技

案例對比：新浪微博 WEICO 版 vs 官方版

• WEICO 視覺精美，但底部 Tab 圖標無文字、寓意模糊（最後一個像核反應堆水溫表），用戶需猜測功能。
• 官方版 UI 極簡近乎「無 UI」，但 Tab 圖標+文字雙重編碼、右上角刷新按鈕符合平台慣例、圖片圓角處理細膩。
• 結果：受訪者一致認為官方版更好用。易用性 > 視覺華麗度，尤其在手機端。

閱讀類產品（網易新聞 vs 周末畫報）的視覺細節

• 圖片處理：陰影、半透明疊字、圓角、邊距呼吸感。
• 區塊渲染：漸變色塊、卡片式容器，讓大拇指易於點擊區塊而非微小文字鏈接。
• 圖標細節：進度條、陰影、圓角、狀態反饋，微交互賦予質感。
• 主題色克制：僅用於頂部導航欄、關鍵文字、用戶名，維持品牌識別與視覺一致性平衡。
• 排版設計：行高、字重、留白、圖文穿插，直接決定長文閱讀舒適度。

四、 迭代閉環：上手把玩，數據驗證，再重來

真機測試不可替代。觀察真實用戶（含非技術背景家人）操作，收集埋點數據（點擊熱力、完成率、崩潰率），快速迭代。好的產品是迭代出來的，不是設計出來的。