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