术与道 移动应用UI设计必修课
出版日期:2016-4-1
ISBN:9787115418810
作者:余振华
页数:212页
作者简介
这是一本系统介绍移动设计知识的书籍， 全书分为上下两篇。
上篇为术之篇，主要讲解了移动应用设计相关的基础知识。通过基础知识的学习，使大家了解手机屏幕显示的原理及各种手机硬件的传感器使用方法。通过讲解基本的设计规范及图标设计方法，使读者初步掌握移动应用设计知识。
下篇为道之篇，是进阶应用设计知识，详细讲解了从如何组建设计规范，到各种组件的功能介绍及应用设计方法，使读者完整掌握移动应用的设计方法和流程。本书通过大量的案例演示，使读者可以灵活运用设计方法理论。
本书适合想要从事和已经从事UI设计行业相关工作的读者学习使用，也可以作为高校平面设计、网页设计等相关专业和相关培训机构的教学参考书。
书籍目录
术之篇
01 基础知识
1.1 什么是UI设计 / 20
1.1.1 UI的相关概念 / 20
1.1.2 UI的学习方法 / 22
1.2 什么是App / 25
1.2.1 App的概念 / 25
1.2.2 App的开发流程 / 25
1.3 智能手机的屏幕 / 26
1.3.1 英寸（Inch） / 27
1.3.2 像素（Pixel） / 27
1.3.3 分辨率（Resolution） / 28
1.4 网点密度与像素密度 / 28
1.4.1 网点密度（DPI） / 28
1.4.2 像素密度（PPI） / 29
1.4.3 DPI与PPI / 29
1.4.4 逻辑分辨率与像素倍率 / 30
1.4.5 视网膜屏幕 / 30
1.5 常见手机屏幕规格 / 31
1.5.1 热门手机规格 / 31
1.5.2 热门手机分辨率 / 33
1.6 iPhone 6 Plus的屏幕 / 34
1.7 智能手机的传感器 / 37
1.7.1 摄像头 / 37
1.7.2 麦克风 / 38
1.7.3 GPS / 38
1.7.4 电子罗盘 / 39
1.7.5 重力感应器 / 39
1.7.6 加速度传感器 / 40
1.7.7 光线传感器 / 41
1.7.8 距离传感器 / 41
1.7.9 气压传感器 / 42
1.7.10 三轴陀螺仪 / 43
02 设计风格
2.1 风格 / 46
2.1.1 什么是设计风格 / 46
2.1.2 如何确立设计风格 / 47
2.2 颜色 / 50
2.2.1 认识色彩 / 50
2.2.2 RGB与HSB / 50
2.2.3 颜色搭配基础 / 52
2.3 如何选择颜色 / 53
2.3.1 常见App的颜色 / 53
2.3.2 颜色的性格 / 55
2.4 字体 / 61
2.4.1 衬线体和无衬线体 / 61
2.4.2 系统内置字体 / 62
2.4.3 什么时候选择内嵌字体 / 62
2.4.4 如何使用内嵌字体 / 63
03 图标与图片
3.1 App图标特点 / 66
3.1.1 独特的图形 / 66
3.1.2 表意准确 / 67
3.1.3 谨慎用色 / 67
3.1.4 避免使用大量文字 / 68
3.1.5 避免使用照片 / 68
3.1.6 适应不同场景 / 69
3.2 App图标设计流程 / 69
3.2.1 第一步：寻找隐喻 / 69
3.2.2 第二步：抽象图形 / 70
3.2.3 第三步：竞品分析 / 71
3.2.4 第四步：确定风格 / 71
3.2.5 第五步：调整细节 / 72
3.2.6 第六步：场景测试 / 73
3.3 App图标设计方法 / 74
3.3.1 正负形组合 / 74
3.3.2 折叠图形 / 75
3.3.3 局部提取 / 75
3.3.4 线性图标 / 75
3.3.5 透明渐变 / 76
3.3.6 色块拼接 / 76
3.3.7 图形复用 / 76
3.3.8 背景组合 / 77
3.4 iOS图标规范 / 77
3.4.1 iOS图标适配 / 77
3.4.2 iOS图标标准 / 78
3.5 Android图标规范 / 79
3.5.1 Android图标适配 / 79
3.5.2 图标的视觉统一 / 80
3.5.3 Android图标标准 / 81
3.6 设计线性图标 / 83
3.6.1 线性图标的风格 / 83
3.6.2 线性图标的绘制方法 / 84
3.7 像素对齐 / 87
3.7.1 像素为什么要对齐 / 87
3.7.2 像素如何对齐 / 88
3.7.3 像素缩放的对齐 / 89
3.7.4 像素对齐的微调 / 89
3.8 图片的使用 / 89
3.8.1 矢量图与位图 / 89
3.8.2 图片的格式 / 90
3.8.3 图片的使用 / 91
3.8.4 图片的存储 / 92
3.8.5 图片的比例 / 92
04 iOS系统界面
4.1 栏 / 94
4.1.1 状态栏 / 94
4.1.2 导航栏 / 94
4.1.3 标签栏 / 95
4.1.4 工具栏 / 96
4.2 内容视图 / 97
4.2.1 表格视图 / 97
4.2.2 文本视图 / 99
4.2.3 Web视图 / 99
4.3 临时视图 / 100
4.3.1 对话框 / 100
4.3.2 操作列表 / 100
05 Android系统界面
5.1 导航机制 / 102
5.1.1 硬件特性 / 102
5.1.2 iOS导航机制 / 102
5.1.3 Android导航机制 / 103
5.2 界面布局 / 105
5.2.1 结构差异 / 105
5.2.2 操作栏 / 106
5.2.3 多任务 / 107
5.3 消息推送 / 108
5.3.1 推送方式 / 108
5.3.2 通知方式 / 109
5.4 操作方式 / 110
5.4.1 编辑 / 110
5.4.2 选择 / 111
5.4.3 复制粘贴 / 112
5.4.4 删除 / 113
5.5 Android系统的插件 / 114
5.5.1 桌面插件 / 114
5.5.2 设计趋势 / 114
道之篇
06 建立规范
6.1 组建规范 / 116
6.1.1 设计规范的目的 / 116
6.1.2 规范的组成 / 116
6.2 颜色规范 / 119
6.2.1 为什么选择HSB / 119
6.2.2 创建调色板 / 120
6.2.3 调色板应用 / 121
6.3 文字规范 / 123
6.3.1 iOS系统 / 123
6.3.2 Android系统 / 123
6.3.3 系统字号 / 123
6.4 布局 / 125
6.4.1 框架 / 125
6.4.2 顶部导航栏 / 126
6.4.3 顶部标签栏 / 126
6.4.4 底部标签栏 / 127
6.5 图片规范 / 127
6.5.1 用户头像 / 127
6.5.2 商品图片 / 129
6.5.3 无数据图片 / 129
07 设计组件
7.1 控制元素 / 132
7.1.1 活动指示器 / 132
7.1.2 进度指示器 / 132
7.1.3 页码控制器 / 134
7.1.4 刷新控件 / 134
7.1.5 滑动器 / 137
7.1.6 开关 / 137
7.1.7 步进器 / 137
7.2 筛选器 / 138
7.2.1 选择器 / 138
7.2.2 日期时间选择器 / 138
7.2.3 分段控件 / 139
7.2.4 选项卡 / 139
7.2.5 排序 / 140
7.2.6 地区选择 / 140
7.3 表单控件 / 141
7.3.1 单选框 / 141
7.3.2 复选框 / 142
7.3.3 文本框 / 142
7.3.4 下拉框 / 143
7.3.5 表格 / 144
7.4 按钮规范 / 144
7.4.1 背景+文字 / 144
7.4.2 背景+图标 / 145
7.4.3 图标+文字 / 146
7.4.4 文字 / 146
7.5 其他组件 / 147
7.5.1 加载更多 / 147
7.5.2 非模态浮层 / 147
7.5.3 模态浮层 / 148
08 导航设计
8.1 扁平导航 / 150
8.1.1 标签导航 / 150
8.1.2 舵式导航 / 151
8.1.3 宫格式导航 / 152
8.2 内容主导式导航 / 153
8.2.1 陈列式导航 / 153
8.2.2 旋转木马式导航 / 154
8.3 列表式导航 / 155
8.3.1 列表式 / 155
8.3.2 抽屉式 / 156
8.4 其他导航 / 157
8.4.1 点聚式导航 / 157
8.4.2 瀑布式导航 / 158
09 界面设计
9.1 首页 / 160
9.1.1 搜索栏 / 160
9.1.2 标签栏 / 161
9.1.3 卡片式设计 / 161
9.1.4 楼层设计 / 162
9.2 列表页 / 163
9.2.1 消息列表 / 163
9.2.2 横向卡片 / 163
9.2.3 瀑布流 / 164
9.3 详情页 / 165
9.3.1 全局按钮 / 165
9.3.2 快速通道 / 166
9.4 个人中心 167
9.4.1 头像区域 / 167
9.4.2 个人信息 / 168
9.4.3 功能模块 / 169
9.5 启动页 / 170
9.5.1 品牌宣传类 / 170
9.5.2 首页样式类 / 171
9.5.3 情感故事类 / 172
9.5.4 节日氛围类 / 173
9.6 引导页 / 173
9.6.1 功能介绍类 / 173
9.6.2 使用说明类 / 176
9.6.3 情感故事类 / 177
10 设计适配
10.1 iOS系统适配 / 180
10.1.1 设计基准 / 180
10.1.2 设计适配 / 181
10.1.3 适配规则 / 182
10.2 Android系统适配 / 183
10.2.1 密度独立像素 / 183
10.2.2 设计基准 / 184
10.2.3 适配方法 / 185
10.3 iOS系统适配Android系统 / 185
10.3.1 设计目的 / 185
10.3.2 换算关系 / 185
10.3.3 适配方法 / 186
10.4标注设计 / 186
10.4.1 标注基准 / 187
10.4.2 标注方法 / 187
10.5 点九图 / 189
10.5.1 什么是点九图 / 189
10.5.2 如何制作点九图 / 191
10.6 切图 / 191
10.6.1 界面切图 / 191
10.6.2 图标切图 / 192
10.6.3 命名规则 / 192
11 手势应用
11.1 为什么使用手势 / 194
11.2 常用手势操作 / 195
11.2.1 单击 / 195
11.2.2 双击 / 195
11.2.3 上下滑动 / 196
11.2.4 左右滑动 / 196
11.2.5 拖曳 / 197
11.2.6 张开 / 闭合 / 197
11.2.7 长按 / 198
11.2.8 摇晃 / 198
11.3 手势设计禁忌 / 199
11.3.1 使用标准手势 / 199
11.3.2 定义标准手势 / 199
11.3.3 使用简单手势 / 199
11.3.4 手势使用说明 / 199
12 设计资源
12.1 网站资源 / 201
12.2 图标资源 / 202
12.3 图片资源 / 203
参考文献 / 204
内容概要
余振华是站酷最早一批推荐设计师、十余年GUI、WUI设计从业经历。国内专业网站发表过多篇设计研究文章。多年设计团队管理经历，负责过流量千万级的电商网站，以及下载量亿级应用的无线设计团队管理。目前正积极探索视觉设计在工作流程中的职能和方法，整理和实施视觉设计的相关设计规范和标准，指导更多的设计师成长 。
发布书评
精彩书评 (总计2条)
-
看完完全不知道他要讲什么，基本都是凑数，骗钱啊失望，本来他还不错但是看了他的书感觉没有用心去写这本书。 -
该书的适用对象：该书封面号称是UI设计师、平面设计师、交互设计师、产品经理等相关人士必读之书。通读完全书之后，该书其实只适用于UI设计师，特别是移动端的，对于网页设计师帮助都不大。该书适用的人群是刚接触UI设计不久的的小白。像我这样的，靠自学的，帮助其实很大的。讲道理，书里面的内容并没有什么机密或者诀窍，现在互联网如此的发达，这些内容完全可以找到。但该书的好处是讲得系统，经过了作者的筛选。看得出，作者还是很用心在写这本书的。有一些确实是作者的私人心得，特别是对于icon那章节，对于个人来说帮助很大。*对于想快速系统了解App设计是怎么回事的人来说，该书是值得一读的。*但对于已经有了工作经验，该书能提供的帮助是很有限的。如果你是想进阶，提升自己的设计水准，我建议不要买。古典老师提出过一个721学习法则，10%的时间用于学习新知识，20%时间用于讨论，70%时间用于实际操练。入门之后，想进阶，就得靠自己多看，多亲手操练了。
精彩短评 (总计49条)
-
关于UI要涉及的各个方面讲解的很透彻，很棒！希望接下来能出一本关于APP具体设计流程的书！图灵那本讲得太分散了 -
全面，基础，新手可以通过这个书对UI设计有一个全面了解 -
这本书带我走出对ui的疑惑和迷茫，很适合ui新人认真细读。 -
很浅显，适合新人读读，但是，很没有营养…… -
很适合基础入门的设计师们，书中内容写的很好，应该算是做UI设计必读的书了，赞！ -
浓浓的过气感的个人工作笔记 -
评分刷的都是托吗？干货在哪里？本人没有接触过UI设计，我以为这本书是教我如何操作的，原来不是，更像是一个规格说明书，对于本身略懂设计的人看这本书就觉得是废话。看完依旧不知道怎么做UI -
太初级了，就像一台手机的操作说明书，这个是导航，那个是下拉按钮，这个真的有必要写在书里面吗
还有一个是举了一个例子说，头像不要用圆形太呆板，结果给的图大部分都是圆形 -
很勉强的3星 -
入门书。刷刷的看完。不怎么喜欢这么沉的方形开本，端着看好费劲。 -
非常基础，没什么干货，半小时翻完。3星。但是作者在站酷的个人魅力，多加一颗星。 -
太浅显 -
这是第二次购买了，读完书觉得非常系统有条理性，买来送给朋友！ -
基础扫盲，小错漏很多 -
写的很实用的一本书 -
内容覆盖的挺全面，不够深入，但可以形成知识面了。自己可以朝着感兴趣的地方深入研究下~ -
这本书写的非常详细，很适合初学ui又无从下手的同学。每个部分都讲的详细到位。配图也很容易看明白。应该算是ui设计的必读书了 -
基础知识，很详细 -
首先排版很漂亮，书的形状是正方形，很有意思，有点像读儿童画册的感觉；其次内容很基础，很实用，对于初入UI设计行业的人来说是不可多得的好书！ -
看了一些 简介及内容，好期待这本书的到来。作为新人,我相信这本书会有很好的地方 很棒的东西。期待！期待！! -
跟余大大是老熟人了，老余真的很棒，很用心，十余年ui经历，花了大半年来写这本书。。工作字典必备 -
浅显易读，很快能读完并对UI有大致概念 -
书中内容全面，详实，值得反复翻阅，特别对于我这种新手来说 -
2016年8月，每个月读一本书。这本书的内容就是移动端设计规范，几乎等同于教科书。虽然也有案例的介绍，但是我觉得它主要讲述的还是“数据”。对于刚入门的我来说，很多术语都看不懂。也许等真正入门了，做了作品了可以去书上找些“数据”来参考。 -
稍微有些过时了，算是本很系统的规范书。 -
太。太。。。太。。基础了。。。只要有一定基础的都会觉得废话连篇 -
很全面，浅显易懂，都是UI设计师工作中面临的问题，适合新手和对规范不是很了解的人。但要想提高设计思路之类的还是多看点大师的书。 -
基本上就是一本设计规范书，适合初学者 -
这是一本针对Ui界面设计新手的视觉规范书籍。内容讲的浅显易懂更多的是讲规范条理，有部分内容是在网上都能容易找到，这里做了整合分析。书里有些规范其实有时候在做设计时可以用来自查。 -
书很详细，也是工作上常遇到的，加了读书群，读者和作者都很耐心回答问题 -
新手入行值得一读。有app设计项目经验的小伙伴不推荐，整本书相对较为肤浅。 -
写的还算详细，推荐给小白 -
一次很偶然的机会在朋友圈看到了这本书，感谢作者的分享，书中作者以平淡的语言介绍了当下移动UI设计的知识，也更多融入了自己工作中的感悟。对于我个人来说是一次知识系统的梳理，但是我看重背后带给我的一种精神，一位优秀设计师敬业，奉献的精神。
值得一看的一本书，相信能带给你单独的收获和感悟。收藏一本好书和一位优秀设计师对话，这一段历程也将成为你设计路上的良师益友。 -
适合入门的设计师 -
写的比较实在，以前参加设计的分享会也见过一眼作者 -
UI 入门级可看 -
只是简单的介绍一些大众知识，纯属鸡肋，新手还是不建议买感觉好坑，就是消费粉丝的。 -
干货实在不多，内容比较适合初学者或者想了解UI读者 -
太……基础……了……。很多篇幅是凑数的。我是产品经理，不是设计师，从业余角度来看，讲的内容也太基础了。 -
这是一本非常不错的ui设计流程指南，第一次有些不太明白。第二次就感到豁然开朗了。作为UI设计的新手来说 ，读懂了受益颇深。本书详细介绍了一个app从无到有的流程构架。每一点都有一个说明。这对陷入在学习UI设计的混乱思维中有一个非常好的知识梳理。作者本人也极其谦虚，加群学习私聊咨询问题总能得到解答（非常忙除外）。真的非常感谢。对我本人的帮助极大。 -
关注作者几年了，在发行的第一时间我就买了，花了一周多的时间阅读记录和实践，不愧是良心之作，本人是UI零基础，我觉得这本书非常适合UI新人设计师打基础学习，书中没有太多华丽的形容词，很实在的干货内容，就如书名一样，术与道，可能这本书看一遍不足矣解决人生大事，作为以后工作备用书还是比较不错的，随用随查...
其实国内设计书我看的很少，这也算是唯一读完的一本，良心之作，值得选择，期待第二本。 -
7分 -
说真的，这本书我只能给两颗星，最多了！这本书完全讲的是规范，定价59，我觉得可以去借来看就够了，或者熟读安卓规范和ios规范就可以了，浪费钱！大神们热推，结果就是一本叫术，术都不太算有，就是规范，其实如果不懂，手机里多个app截屏就查看就可以了。道的话，根本就没有！这本书比较好的就是封面设计得还不错，不建议已经从事UI的人阅读！（评分都是刷出来的，头像都没有，而且就评这一本） -
很棒 -
不错的入门书，有些小的印刷错误，比如数字 -
连贯性差 看了下就看不下去了 现在豆瓣拖也多 没意思 -
本书分为两个部分，前面的“术”之篇讲的是理论的一些移动设计的知识，后面的“道”之篇讲解的设计规范内容都很详细，可作为工作中的工具书，不过此书只适合初学者 -
适合初级入门的。。。。规范整理。 -
适合刚接触UI的人，都是很基础的知识，很喜欢规范那部分，最好就能有一本写如何做规范的书