本书以Photoshop CC为平台编写，全面、系统地介绍了移动UI设计的基础知识、设计工具的使用及界面设计实战等内容。全书共分为3篇，分别为移动UI设计的入门篇、进阶篇和实战篇。全书共11章，分别介绍了移动UI设计基础、移动UI的图像性质、移动UI图像制作的常用环境、Photoshop制作移动UI图像的常用工具、移动UI的色彩与风格设计、移动UI的文字设计、移动UI的图像选择合成及特效处理、设计移动应用的图标、移动UI控件设计案例、移动应用的界面设计案例、移动UI设计的全流程设计案例。 本书主要面向移动UI设计的爱好者和从事移动UI教育的教师，适合全国高等学校的学生及UI设计领域相关人员使用。
用户界面是介于用户与硬件之间,为彼此沟通而设计的相关媒介，因此用户界面是人和机械沟通的桥梁。图形用户界面是指采用图形方式的计算机操作的用户界面，与早期计算机使用的命令行界面相比，图形界面对于用户来说在视觉上更易于接受。移动应用图形用户界面,简称移动UI,是指应用在各类移动终端上的使用图形用户界面的统称。其主要作用为人机交互，提供操作逻辑，达到界面美观的整体效果。一个好的移动UI可以提升产品的个性和品位，为用户带来舒适、简单、自由的使用体验，同时也可以体现出产品的基本定位和特色。
随着智能终端（包括手机、智能手表等）逐渐成为每个人生活中必不可少的一部分，随之而来的是移动终端上人们日常使用的各类应用成为手机用户和商家争相关注的焦点，同时也成为未来社会中大数据来源的重要平台，而一款移动应用的用户体验度直接决定了该款应用的成败，同时移动UI设计的优劣在很大程度上决定了用户的体验度。因此移动UI设计师成为很多公司和企业都非常看重的人才。
Photoshop是Adobe公司开发的用于图像处理的应用软件，在图像编辑、制作、处理等方面的功能强大，目前广泛应用于美术设计、彩色印刷、海报设计等。由于互联网产业的加速发展，该软件逐渐受到PC端网站、移动应用领域和各种移动智能终端智能应用的UI设计领域的欢迎，已成为这些领域流行的图像处理应用软件。该软件支持RGB模式、灰度模式、位图模式、索引模式等多种图像模式，支持PSD、BMP、TIFF、JPEG、GIF等多种文件格式图像的处理。在该软件中，可对图像进行裁剪、上色、图像参数调整，并可使用多种风格的滤镜进行处理，更适合UI设计中多种交互效果的设计。
本书主要内容
本书以Photoshop CC为平台编写。本书全面、系统地介绍了移动UI设计的基础知识、设计工具的使用及界面设计实战等。全书分为3篇，分别为移动UI设计的入门篇、进阶篇和实战篇，共11章，分别介绍了移动UI设计基础、移动UI的图像性质、移动UI图像制作的常用环境、Photoshop制作移动UI图像的常用工具、移动UI的色彩与风格设计、移动UI的文字设计、移动UI的图像选择合成及特效处理、设计移动应用的图标、移动UI控件设计案例、移动应用的界面设计案例、移动UI设计的全流程设计案例。
本书特色
（1） 适合SPOC教学和混合式教学。
本书除了提供基本的知识外，还提供了大多数学生使用的基础案例展示，也提供了有一定难度的创新任务设计，供不同学习层级的学生灵活掌握。同时，也为教师的教学模式的创新提供了便利。
（2） 重点突出、目的明确。
本书立足于基本理论，面向应用技术，以需要、实用为尺度，以掌握概念、强化应用为重点，加强理论知识和实际应用的统一。
（3） 语言通俗、图文并茂。
本书避免过多的专业词汇，尽量贴近初学者的学习视角，语言通俗易懂。在理论学习、过程实践、案例展示等多环节中融入了大量有助于理解的配图，便于读者理解。
（4） 叙述翔实，实例丰富。
本书有详细的实例，每个例子都经过精挑细选，有很强的针对性。书中的案例都有完整的操作过程，而且非常简洁和高效，便于读者学习和调试。
配套资源
为便于教学，本书配有150分钟微课视频、案例素材、软件安装包、教学课件、教学大纲、教案、教学日历、实验教学计划书。
（1） 获取微课视频方式： 读者可以先扫描本书封底的文泉云盘防盗码，再扫描书中相应的视频二维码，观看教学视频。
（2） 获取案例素材和软件安装包方式： 先扫描本书封底的文泉云盘防盗码，再扫描下方二维码，即可获取。
源文件与案例素材
软件安装包
（3） 其他配套资源可以扫描本书封底的书圈二维码下载。
读者对象
本书主要面向移动UI设计的爱好者和从事移动UI教育的教师，适合全国高等学校的学生及UI设计领域相关人员使用。
本书由西安工程大学计算机科学学院薛涛院长和牟莉副教授主审，朱欣娟教授组织规划，参加编写工作的有郭继远、孙浩文、姚艳、童小凯、周晓蕾、李惠雯、陆妍、陈潞滢、樊超宇、李堃和闫丽娟，本书后一章引用了郭继远指导大学生创新创业项目的研究资料。此外霍炜和白新国参加了的书稿的审阅工作。
由于时间仓促，加之编者水平有限，疏漏之处在所难免，诚恳地期望得到各领域的专家和广大读者的批评指正。
编者
2021年6月
第1篇移动UI设计入门
第1章移动UI设计基础
本章学习目标
1.1认识移动UI
1.1.1移动UI概念
1.1.2移动UI与平面UI的区别
1.2移动UI设计的特点
1.3移动设备的界面设计规范
1.3.1iOS的移动设备的界面设计规范
1.3.2Android的移动设备的界面设计规范
创新任务设计
第2篇移动UI设计进阶
第2章移动UI的图像性质
本章学习目标
2.1位图与矢量图形
2.1.1位图图形
2.1.2矢量图形
2.2像素与分辨率
2.3图像颜色模式
2.4存储文件格式
基础案例展示
创新任务设计
第3章移动UI图像制作的常用环境
本章学习目标
3.1移动UI制作常用环境的认识
3.1.1认识菜单栏
3.1.2认识工具箱
3.1.3认识工具属性栏
3.1.4认识图像编辑窗口
3.1.5认识调板
3.2移动UI图像文件制作辅助工具的使用
3.2.1图像文件的查看
3.2.2辅助工具的使用
基础案例展示
创新任务设计
第4章Photoshop制作移动UI图像的常用工具
本章学习目标
4.1选区工具
4.1.1选框工具组
4.1.2套索工具组
4.1.3魔棒和快速选择工具
4.2钢笔工具的使用
4.2.1钢笔工具组
4.2.2路径选择工具组
4.3选区运算
4.3.1选区相加
4.3.2选区相减
4.3.3选区相交
4.4选区的调整
4.4.1移动选区及选区内容
4.4.2修改选区
4.4.3变换选区
4.4.4反向
4.4.5色彩范围
4.4.6扩大选取
4.5填充工具组
4.5.1油漆桶工具
4.5.2渐变工具
基础案例展示
创新任务设计
第5章移动UI的色彩与风格设计
本章学习目标
5.1移动UI的色彩
5.1.1色彩的三要素
5.1.2色彩应用规律
5.1.3色彩与生活
5.1.4色彩的设计
5.1.5移动UI常用的配色方案
5.2手动调整移动UI图像的色彩
5.2.1色阶
5.2.2曲线
5.2.3色彩平衡调整
5.2.4亮度/对比度
5.2.5色相/饱和度
5.2.6曝光度
5.3自动调整移动UI图像的色彩
5.3.1去色
5.3.2反相
5.4特效调整移动UI图像的色彩
5.4.1匹配颜色
5.4.2替换颜色
5.4.3通道混合
5.4.4渐变映射
5.4.5照片滤镜
基础案例展示
创新任务设计
第6章移动UI的文字设计
本章学习目标
6.1文字设计理论
6.1.1字体基础术语
6.1.2两种设备中的字体
6.1.3文字的大小规范
6.1.4文字的颜色规范
6.1.5如何让文字在App中更有层级
6.1.6字体排版建议
6.2为移动UI图像添加文字
6.2.1文字工具的使用
6.2.2点文字的输入
6.2.3段落文字的输入
6.2.4点文字与段落文字转化
6.2.5路径文字
6.3设置移动UI图像的文字格式
6.3.1文字属性的设置
6.3.2段落属性的设置
6.3.3设置文字的方向互换
6.3.4创建变形文字
创新任务设计
第7章移动UI的图像选择合成及特效处理
本章学习目标
7.1图层的理解
7.1.1图层面板
7.1.2图层的基本操作
7.1.3常用快捷键
7.2图层的混合模式
7.2.1图层混合模式基本概念
7.2.2图层混合模式原理介绍
7.3图层样式
7.3.1图层样式的编辑
7.3.2十大图层样式
7.4使用蒙版编辑移动UI图像
7.4.1图层蒙版
7.4.2图层蒙版的基本操作
7.4.3矢量蒙版
7.4.4剪贴蒙版
基础案例展示
创新任务设计
第3篇移动UI设计实战
第8章设计移动应用的图标
本章学习目标
8.1图标设计概述
8.1.1图标设计原则
8.1.2图标设计规范
8.1.3图标手绘样稿
8.1.4图标设计的风格分类
8.2移动UI图标制作实例
8.2.1电话图标制作
8.2.2微信图标制作
8.3移动UI半扁平化图标设计
8.4移动UI立体图标的设计
8.4.1拟物时钟终图标的制作
8.4.2拟物化照相机图标制作
创新任务设计
第9章移动UI控件设计案例
本章学习目标
9.1开关设计
9.1.1系统开关设计实例
9.1.2开关优秀案例赏析
9.2搜索框设计
9.2.1常规搜索框设计实例
9.2.2搜索框优秀案例赏析
9.3对话框设计
9.3.1时尚对话框设计实例
9.3.2对话框优秀案例赏析
9.4标签设计
9.4.1科技感标签栏设计实例
9.4.2标签栏优秀案例赏析
9.5天气控件设计
9.5.1天气控件设计实例
9.5.2天气界面优秀案例赏析
9.6进度条设计
9.6.1进度条设计实例
9.6.2进度条优秀案例赏析
创新任务设计
第10章移动应用的界面设计案例
本章学习目标
10.1天气界面设计
10.1.1制作背景
10.1.2绘制个界面
10.1.3添加文字素材
10.2闹钟界面设计
10.2.1制作背景
10.2.2绘制界面内容
10.3音乐播放器界面
10.3.1音乐播放器主界面设计
10.3.2top10界面设计
10.4加载条界面设计
10.4.1制作背景并绘制状态栏
10.4.2添加文字
创新任务设计
第11章移动UI设计的全流程设计案例
本章学习目标
11.1口袋工程校园移动应用设计案例
11.1.1需求分析
11.1.2竞品分析
11.1.3交互架构设计
11.1.4导航设计
11.1.5按钮设计
11.1.6界面设计
11.2聚搭实用造型搭配移动应用设计案例
11.2.1需求分析
11.2.2竞品分析
11.2.3用户体验设计
11.2.4交互架构设计
11.2.5导航设计
11.2.6按钮设计
11.2.7界面设计
参考文献
书单推荐
