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