本书是一本讲解如何使用Photoshop软件进行移动UI设计的自学教程，可以帮助移动UI设计爱好者，提高UI制作能力，拓展移动UI视觉设计的创作思路。全书分为13章，依次讲解了了解移动UI设计、ios系统特点及设计规范、Android系统特点及设计规范、Photoshop在移动UI中的功能应用、移动UI常用基本元素设计、扁平化旅游APP界面、小清新电商类APP界面、绚彩美食APP界面、线性风格智能家居APP界面、时尚音乐APP界面、卡通风格早教APP界面、炫酷游戏APP界面以及古典风格书城APP界面13个章节的内容。
本书通过详尽的知识讲解、精选实战案例，使读者由浅到深，逐步了解移动UI界面设计的思路与制作过程，为读者呈现移动界面设计中的重点与制作方法，帮助读者全面深入地掌握各种风格的界面设计，从而走上高手之路。为了方便于读者学习，随书还配送了超值资料包，收录了在制作过程中所有使用实例素材和源文件，方便读者随时查阅。
Photoshop CC移动UI设计实战一本通
创锐设计 编著
面封文字：
配套资源 包含本书所有案例的源文件以及和正文配套的教学PPT
iOS+Android 系统UI设计均适用
揭秘移动UI设计法则的精髓，全流程详解设计思路与制作过程
设计原则 设计规范 界面布局 界面要素 颜色搭配 工具应用
经典案例 图解操作 讲练结合 学以致用 附赠资源 Q Q 答疑
随着移动互联网的兴起，移动设备App的开发成了一个热门领域。移动设备App的用户界面设计称为移动UI设计。本书是一本移动UI设计的案例操作型自学教程，以Photoshop为设计工具，循序渐进地带领读者掌握移动UI设计的精髓。
◎内容结构
本书共11章。第1章讲解移动UI设计的基础知识，包括移动UI设计的流程、原则、布局方式等内容。第2章和第3章分别介绍了当前两大主流移动操作系统iOS和Android的特点和UI设计规范。第4章讲解移动UI设计中常用的Photoshop功能，包括图形绘制、文本添加、图像合成、样式设置等内容。第5章讲解图标、按钮、开关、搜索栏、Tab标签、进度条、列表框、对话框等移动UI中常用元素的设计方法。第6～11章为项目实战练习，按照不同的设计风格，分别讲解了旅游、购物、美食、音乐、智能家居、儿童早教等App的UI设计和制作流程，指导读者综合应用前面所学，设计出完整的UI作品。
◎本书特色
● 案例典型，学以致用：本书通过精心设计，将知识点融入贴近实际应用的典型案例中进行讲解，让学习过程变得轻松、不枯燥，能够有效提高读者的阅读兴趣和学习效率。
● 图文并茂，清晰直观：本书在讲解操作步骤时采用“一步一图”的方式，非常清晰、直观，让读者能够轻松和快速地掌握操作要领。
● 技巧丰富，延展学习：书中穿插了许多从实践中总结出来的“技巧提示”，让读者在掌握软件操作的同时还能汲取专业设计人员的工作经验，快速提高实战能力。
● 资源完备，轻松自学：本书配套的学习资源提供所有案例的相关文件。读者按照书中讲解，结合文件动手操作，学习效果立竿见影。
◎读者对象
本书特别适合移动UI设计的初学者学习，对Photoshop使用者、平面设计师、App开发设计人员也具有较高的参考价值。
由于编者水平有限，在编写本书的过程中难免有不足之处，恳请广大读者指正批评，除了扫描二维码关注公众号获取资讯以外，也可加入QQ群736148470与我们交流。
编者
2019年9月
计算机\图形图像
底封文字：
超值附赠
云空间中可下载：·与正文内容配套的125个练习素材和案例文件·与正文内容配套的教学PPT·222段共计612分钟的Photoshop CC软件功能与应用教学视频 ·《配色手册》PDF电子书
投稿热线：(010) 88379604
读者信箱：hzit@hzbook.com
客服电话：(010) 88361066 88379833 68326294
华章网站：www.hzbook.com
网上购书：www.china-pub.com
数字阅读：www.hzmedia.com.cn
前言
如何获取学习资源
第1章 了解移动UI设计
1.1 认识移动UI设计 10
1.2 UI设计的流程 11
1.3 移动UI设计的原则 13
1.3.1 一致性原则 13
1.3.2 习惯性原则 14
1.3.3 清晰性原则 16
1.3.4 易用性原则 16
1.3.5 人性化原则 17
1.4 提升用户体验的UI设计技巧 18
1.4.1 简化操作流程 18
1.4.2 手势与动画的结合 19
1.4.3 选择适当的图像尺寸与格式 21
1.4.4 使用高对比度配色方案 21
1.4.5 使用易读的字体 22
1.5 移动UI设计常用的布局方式 23
1.5.1 列表式布局 23
1.5.2 陈列馆式布局 23
1.5.3 宫格式布局 24
1.5.4 选项卡式布局 24
1.5.5 旋转木马式布局 25
1.5.6 行为扩展式布局 26
1.5.7 多面板式布局 26
1.5.8 图表式布局 26
1.6 移动UI设计常用尺寸单位 27
第2章 iOS系统特点及设计规范
2.1 iOS系统的发展历程 31
2.2 iOS系统的UI特色 32
2.2.1 以内容为核心 33
2.2.2 保证清晰度 34
2.2.3 用深度来体现层次 36
2.3 iOS系统的基础UI组件 36
2.3.1 栏 37
2.3.2 内容视图 40
2.3.3 临时视图 43
2.4 了解主流的iOS设备 44
2.5 iOS系统的UI设计规范 46
2.5.1 文字 46
2.5.2 颜色 48
2.5.3 图标 51
2.5.4 边距和间距 56
第3章 Android系统特点及设计规范
3.1 Android系统的优势 58
3.2 Android系统UI设计的演变历程 60
3.2.1 锁屏 60
3.2.2 桌面 61
3.2.3 Android应用商店 61
3.2.4 通知面板 62
3.2.5 图库 63
3.2.6 音乐播放器 63
3.2.7 拨号界面 64
3.2.8 设置界面 64
3.3 Android系统UI的构成 65
3.3.1 主屏幕和任务列表 65
3.3.2 系统栏 66
3.3.3 通知面板 66
3.3.4 通用UI组件 66
3.4 Android系统的UI设计规范 67
3.4.1 度量单位和像素密度 67
3.4.2 UI尺寸 69
3.4.3 字体 70
3.4.4 颜色 71
3.4.5 图标 74
第4章 Photoshop常用功能
4.1 图形的绘制 78
4.1.1 基础图形的绘制 78
4.1.2 自定义形状的绘制 82
4.1.3 其他复杂图形的绘制 84
4.2 文本的应用 86
4.2.1 文本的添加 86
4.2.2 设置文本属性 87
4.2.3 编辑段落文本 88
4.3 图像的选择 88
4.3.1 规则图像的选择 89
4.3.2 不规则图像的选择 91
4.3.3 根据颜色选择图像 93
4.4 图像的合成 94
4.4.1 图层蒙版 94
4.4.2 矢量蒙版 96
4.4.3 剪贴蒙版 98
4.5 必备的样式效果 100
4.5.1 斜面和浮雕 100
4.5.2 投影和内阴影 101
4.5.3 渐变叠加 102
4.5.4 图案叠加 103
4.5.5 内发光和外发光 104
4.5.6 描边 106
第5章 移动UI常用基本元素设计
5.1 图标设计 107
5.1.1 轻拟物化图标设计 107
5.1.2 扁平化图标设计 110
5.1.3 线性图标设计 113
5.1.4 立体图标设计 116
5.2 常规按钮设计 119
5.2.1 多彩下载按钮设计 119
5.2.2 金属质感按钮设计 122
5.3 开关设计 124
5.3.1 单选按钮开关设计 124
5.3.2 复选框开关设计 127
5.3.3 ON/OFF开关设计 130
5.4 搜索栏设计 133
5.4.1 清新自然的搜索栏设计 133
5.4.2 木纹效果的搜索栏设计 136
5.5 Tab标签设计 139
5.5.1 线性风格的Tab标签设计 139
5.5.2 图文结合的Tab标签设计 141
5.6 进度条设计 144
5.6.1 线形进度条设计 144
5.6.2 圆形进度条设计 147
5.6.3 蓝色创意进度条设计 150
5.7 列表框设计 152
5.7.1 简洁列表框设计 153
5.7.2 立体化列表框设计 155
5.8 对话框设计 157
5.8.1 半透明的登录对话框设计 158
5.8.2 可爱的游戏对话框设计 160
第6章 扁平化风格的旅游App
6.1 分析用户需求 166
6.2 定义设计风格 166
6.3 颜色搭配技巧 167
6.4 案例操作详解 168
第7章 清新风格的电商App
7.1 分析用户需求 182
7.2 定义设计风格 182
7.3 颜色搭配技巧 183
7.4 案例操作详解 183
第8章 绚彩风格的美食App
8.1 分析用户需求 198
8.2 定义设计风格 198
8.3 颜色搭配技巧 199
8.4 案例操作详解 199
第9章 时尚风格的音乐App
9.1 分析用户需求 216
9.2 定义设计风格 216
9.3 颜色搭配技巧 217
9.4 案例操作详解 217
第10章 线性风格的智能家居App
10.1 分析用户需求 233
10.2 定义设计风格 233
10.3 颜色搭配技巧 234
10.4 案例操作详解 234
第11章 活泼可爱的早教App
11.1 分析用户需求 248
11.2 定义设计风格 248
11.3 颜色搭配技巧 249
11.4 案例操作详解 250
