移动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设计的核心，在于构建系统化的知识框架与设计思维。北京兰亭妙微 通过解读《术与道》的核心内容，将分散的知识点整合为完整的知识链条，帮助设计师建立从基础规范到实战应用的系统化能力。从iOS与Android的双平台适配，到导航布局与手势交互的设计逻辑------每一个知识模块的掌握，都在为设计师的专业成长注入系统化的力量。希望本文的原创解读能够为设计从业者提供有价值的参考，北京兰亭妙微也将继续深耕UI设计领域，与行业同仁共同探索设计师成长的更多可能性。北京兰亭妙微，与你一起共成长！