你是否想系統掌握移動 UI 設計,卻苦于知識零散、沒有成體系的學習路徑?作為專注 UI 與體驗設計的蘭亭秒微,我們結合站酷經典書籍《術與道:移動應用 UI 設計必修課》核心內容,為你整理出從基礎到進階、從規范到實戰的完整移動 UI 設計體系,幫你打通設計邏輯,快速成長為專業移動 UI 設計師。
一、書籍核心定位:移動 UI 設計師的成長指南
《術與道:移動應用 UI 設計必修課》是面向初中級 UI 設計師、平面轉移動設計師、交互設計師、產品經理的系統性專業書籍,不講軟件基礎,只講設計思路、規范邏輯、實戰方法,填補移動互聯網設計領域的體系化知識缺口。
全書分為兩大核心篇章:
- 術之篇:App 設計基礎,吃透屏幕原理、硬件邏輯、基礎規范、圖標設計方法,打好設計根基。
- 道之篇:進階設計體系,從搭建設計規范,到組件應用、完整設計流程,掌握從 0 到 1 做 App 的全能力。
二、創作背景:時代需要,設計師剛需
-
行業浪潮
2007 年 iPhone 發布,開啟移動互聯網時代,國內 UI 設計快速崛起,UI 設計師成為市場最緊缺、薪資最高的設計崗位之一。
-
市場痛點
大量平面、網頁設計師轉型移動設計,新人入門無體系教材;市面書籍要么淺顯、要么理論化,
無實戰、不落地,無法滿足工作需求。
-
創作初衷
作者結合多年設計經驗,打造一本
實用、系統、有案例的移動 UI 專業書,授之以漁,幫助設計師真正掌握移動設計核心能力。

三、內容全解:12 章吃透移動 UI 設計
第 1 章 手機屏幕核心知識(設計根基)
設計師必須先懂載體,再做設計,本章搞定屏幕所有關鍵知識點:
- 分辨率、物理尺寸、PPI(視網膜屏幕)計算邏輯
- iOS 邏輯分辨率與像素倍率:@1x、@2x、@3x
- 主流機型參數:iPhone 3GS/4/5/6/Plus 分辨率與適配基準
- PPI 計算公式:
PPI=√(長度像素數²+寬度像素數)÷屏幕對角線英寸數
第 2 章 設計風格:配色與字體(第一印象)
App 的顏值核心,決定用戶第一感受:
- 設計風格定位方法,貼合產品屬性
- HSB 配色體系,UI 設計最實用配色邏輯
- 色彩性格:白 / 黑 / 紅 / 藍等顏色在 App 中的情感表達
- 個性化內嵌字體使用規范
第 3 章 圖標與圖片設計(視覺核心)
圖標是 App 的門面,本章講透創意與規范:
- App 圖標三大特點:圖形獨特、表意準確、用色謹慎
- 圖形創意方法,跳出同質化設計
- iOS 與 Android 雙平臺圖標設計規范
- 配圖在界面中的烘托與輔助作用
第 4 章 iOS 系統界面規范(深度解析)
吃透 iOS 官方設計邏輯,做合規又好看的界面:
- 系統組件規范、布局規則
- 導航、控件、交互的原生邏輯
- 界面層級與視覺節奏把控
第 5 章 Android 系統設計哲學(差異對比)
明確安卓與 iOS 的核心區別,不做 “照搬式” 設計:
- 導航模式、界面布局、操作邏輯差異
- 安卓 Material Design 設計理念
- 雙平臺適配的取舍原則
第 6 章 搭建完整設計規范(從 0 到 1)
優秀 App 的核心是規范統一,本章教你建立自己的設計體系:
- 設計規范搭建流程
- 色彩、字體、間距、組件的統一規則
- 規范落地與復用方法
第 7 章 界面組件全解(實戰核心)
界面由組件構成,掌握組件等于掌握界面:
- 系統組件與自定義組件用法
- 按鈕、表格、輸入框、標簽等規范
- 組件狀態:正常 / 點擊 / 禁用 / 選中
- 美團外賣等實戰案例解析
第 8 章 導航布局設計(用戶路徑)
導航決定用戶操作效率,主流模式全覆蓋:
- 標簽導航(底部 Tab):微信、大眾點評同款,清晰不迷路
- 扁平導航:入口直接,操作便捷
- 舵式導航:突出核心操作,適合主功能明確的 App
- 雙平臺適配:一套 iOS 設計適配安卓的成本與方法
第 9 章 差異化與個性化設計(破局同質化)
市場 App 太多,特色才是競爭力:
- 跳出同質化的設計思路
- 用戶個性化體驗打造
- 典型頁面設計要點與案例
第 10 章 屏幕適配方案(解決碎片化)
安卓 + iOS 多分辨率,一套設計稿通吃所有設備:
- 設計基準:首選 iPhone 6(750px/375pt),上下兼容成本最低
- iOS 適配:320pt、375pt、414pt 尺寸換算
- 安卓 dp/px 換算、多密度適配邏輯
- 切圖輸出規范:@2x、@3x 輸出規則
第 11 章 手勢操作設計(交互體驗)
大屏手機必備,提升操作流暢度:
- 單擊、滑動、捏合、長按等常用手勢
- 手勢與界面功能的結合邏輯
- 符合用戶習慣的交互設計原則
第 12 章 設計師成長:多看多練(進階之路)
設計能力提升沒有捷徑:
- 優質設計網站推薦,拓展視野
- 多練、多拆、多總結的學習方法
- 他山之石,可以攻玉的成長邏輯
四、書籍亮點:為什么值得讀
- 體系完整:從基礎到進階,從理論到實戰,閉環學習。
- 落地性強:大量商業案例,學完就能用在工作中。
- 雙平臺通透:iOS+Android 規范與適配一次搞定。
- 大咖推薦:站酷、UI 中國創始人,小米、途牛設計負責人聯合力薦。
- 受眾廣泛:設計師、產品、開發都能讀懂用透。
五、蘭亭秒微總結
移動 UI 設計不是 “畫圖”,而是邏輯 + 規范 + 體驗的綜合能力?!缎g與道》把零散的知識點串成體系,幫你從 “會做界面” 變成 “懂設計、會做產品” 的專業 UI 設計師。
蘭亭妙微(藍藍設計)m.jjddy.com 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。