接到 Apple Watch 專案，零經驗、一周交付。網易設計師曾素釵實戰複盤：如何在極短時間內從「完全不懂」到「交付上線」。核心心法：善用人脈網絡快速建立認知、死磕官方規范、最小化交互模型、前端同席視覺調適、全局風格先行。

前置準備：半天建立認知框架

1. 激活弱連結：聯繫做過智能手錶項目的設計師/工程師，1 小時獲取核心知識點 + 參考網站
2. 官方權威源：
   • Apple 官方 App 展示：https://www.apple.com/watch/apps/
   • 第三方收錄站：https://watchaware.com/watch-apps
3. 核心認知： Watch ≠ 縮小版 iPhone，獨特交互模型（Digital Crown、Force Touch、Glance、Complication）

法則一：規范速讀 —— 只看關鍵約束，不求全懂

關鍵尺寸（兩個版本）

• 38mm：272 × 340 pt (@2x = 544 × 680 px)
• 42mm：312 × 390 pt (@2x = 624 × 780 px)

字體系統

• 系統字體：San Francisco（SF Compact）
• 動態字體支援：標題/正文/說明/腳註 4 級語意字階
• 用色：高飽和主色 + 中性灰（不可太暗，確保戶外可讀）

佈局約束（致命坑點）

• 非全螢幕背景：頁面分塊組合（上/下/中/模態），不能用單張全螢幕背景圖
• 紅區 = 可放圖片/圖形區，白區 = 文字區，右上角固定 Loading 區必須留白
• 作者初稿犯錯：大圓環進度條超出紅區 → 前端拒收 → 重讀規範 → 縮小進度條 → 文字無處安放 → 改用文字區留白策略

法則二：交互拆解 —— 只做三大核心模塊

模塊	入口	核心任務	設計重點
App	主畫面圖標 / 通知點擊	完整功能體驗	分層導航、Digital Crown 滾動、Force Touch 選單
Notification	系統推送 / 本地提醒	輕量資訊預覽 + 快速動作	標題+副標+動作按鈕，左滑查看更多、右滑關閉
Glance	錶面上滑	極簡核心指標（單屏、唯讀、高頻）	一眼讀懂、無交互深度、載入極快

專案範圍收斂：只做 App 主流程 + 關鍵 Notification + 1 個 Glance，砍掉所有非核心頁面。

法則三：前端同席視覺調適 —— 像素級對齊，效率提升 3-5 倍

1. 前端先搭建所有頁面結構、佈局容器、數據綁定（無視覺細節）
2. 設計師帶著筆電/顯示器坐到前端工位旁
3. 實時調整：間距 1pt、顏色 #HEX、字重、圖標對齊、動效曲線
4. 優先適配小尺寸 (38mm) → 放大適配 42mm（避免大改小的截斷問題）
5. 單獨開發兩套尺寸最精細，但工作量雙倍；時間緊時採用自適應佈局 + 關鍵斷點微調

副作用：前端極樂意配合（省去來回溝通標註圖、截圖比對、微信語音描述的無效時間）。

法則四：全局把控 —— 風格統一先於細節完美

1. 熟記交互稿，畫出流程圖掛在工位牆上
2. 優先完成 3-5 個關鍵頁面（首頁、核心任務頁、錯誤態、空態）確立：色系、字階、圓角、圖標風格、動效語言
3. 建立元件庫：按鈕、列表項、卡片、輸入框、Toast、Loading
4. 後續頁面只組裝元件、微調文案，杜絕風格漂移

專案產出與複盤

• 交付：38mm/42mm 兩套視覺稿、元件庫、動效標註、切圖資產（@2x/@3x）
• 上線：核心流程零 Bug、用戶反饋「流暢度超預期」
• 心得：陌生領域不怕，怕的是「不敢問、不敢砍、不敢坐前端旁邊」

通用化模板：下次遇到陌生平台，套用此清單

1. [ ] 1-2 小時內找到 2-3 位領域內行 + 3 個官方/優質參考源
2. [ ] 列出「硬性約束清單」：尺寸、字體、色域、佈局限制、交互模型
3. [ ] 定義 MVP 頁面集（≤ 8 頁），砍掉所有 Nice-to-have
4. [ ] 與前端約定「同席調適」時間段，準備好像素眼
5. [ ] 先做風格基準頁 + 元件庫，再批量產出
6. [ ] 交付清單：視覺稿 + 切圖 + 規範文檔 + 動效參數 + 異常狀態

限制是創意的催化劑。一周、零基礎、新平台——這正是驗證設計師核心能力（快速學習、決策取捨、跨職能協作、交付閉環）的最佳試煉場。下次老闆說「這個急，你先看看能不能做」，請微笑接住：「沒問題，給我半天上手，一周交付。」