第1章　UI设计入门知识
1.1　认识UI设计　002
1.1.1　UI设计概念　002
1.1.2　UI设计原则　003
1.1.3　UI设计常用软件　003
1.2　UI设计方向　004
1.2.1　交互设计　005
1.2.2　界面设计　005
1.2.3　用户研究　005
1.3　UI设计规范　006
1.3.1　一致性原则　006
1.3.2　准确性原则　006
1.3.3　可读性原则　007
1.3.4　布局合理化原则　007
1.3.5　操作合理性原则　008
1.3.6　合理的系统响应时间　008
1.4　UI设计流程　009
1.4.1　需求分析　009
1.4.2　交互分析　009
1.4.3　视觉设计　010
1.4.4　交付开发　011
1.4.5　设计走查　013
知识拓展　014
第2章　UI设计应用解析
2.1　文字的应用解析　017
2.1.1　认识字体　017
2.1.2　文字设计规范　018
2.1.3　文字排版的四大原则　020
2.2　图片的应用解析　021
2.2.1　常用的图片格式　021
2.2.2　图片比例　021
2.2.3　图片的应用技巧　023
2.3　色彩的应用解析　025
2.3.1　色彩的属性　025
2.3.2　色彩的类别　026
2.3.3　色彩的搭配　028
2.4　栅格系统的应用解析　030
2.4.1　认识栅格系统　030
2.4.2　栅格系统的组成　031
2.4.3　栅格系统的设置流程　032
2.4.4　使用栅格系统的注意事项　033
知识拓展　033
第3章　UI设计中素材的处理
3.1　图形元素的绘制　036
3.1.1　基础图形的绘制与编辑　036
3.1.2　路径的绘制与编辑　040
3.1.3　图形的颜色填充与描边　046
3.1.4　对象的选择与变换　050
3.1.5　文本的创建与编辑　052
3.2　图像元素的处理　054
3.2.1　图像大小的调整显示　054
3.2.2　图像的修饰与修复　055
3.2.3　图像的抠取与合成　056
3.2.4　图像的色彩调整　061
3.2.5　图像的特效应用　063
实战演练：制作网站登录页　067
课后练习：制作极坐标艺术效果背景　072
知识拓展　072
第4章　UI控件和组件
4.1　UI控件　075
4.2　按钮控件设计　075
4.2.1　认识按钮　075
4.2.2　常见的按钮类型　077
4.2.3　按钮的风格　078
4.3　UI组件　079
4.4　导航栏组件设计　080
4.4.1　认识导航栏　080
4.4.2　导航栏的类型　080
4.4.3　导航栏的样式　083
实战演练：制作搜索框导航栏　084
课后练习：制作新拟态圆形图标　087
知识拓展　088
第5章　UI中的图标设计
5.1　认识图标　090
5.1.1　图标的组成　090
5.1.2　图标的类型　091
5.1.3　图标的风格　092
5.2　图标的设计规范　093
5.2.1　iOS图标设计规范　095
5.2.2　Android图标设计规范　096
5.3　手机主题图标设计　098
实战演练：制作多媒体音乐功能图标　100
课后练习：制作扁平日历应用图标　110
知识拓展　111
第6章　移动端App界面设计
6.1　常见的移动端App界面　114
6.1.1　闪屏页　114
6.1.2　引导页　114
6.1.3　注册登录页　116
6.1.4　空白页　116
6.1.5　首页　116
6.1.6　个人中心页　117
6.2　iPhone界面设计规范　118
6.2.1　界面尺寸与框架　118
6.2.2　设计规范详解　119
6.3　Android手机界面设计规范　121
6.3.1　界面尺寸与框架　121
6.3.2　设计规范详解　122
实战演练：旅行类App界面设计　123
课后练习：制作旅行类App详情页　133
知识拓展　135
第7章　PC端网页界面设计
7.1　网页常用界面类型　137
7.1.1　首页　137
7.1.2　栏目页　138
7.1.3　详情页　138
7.1.4　专题页　139
7.2　网页界面设计　140
7.2.1　网页界面的设计原则　141
7.2.2　网页布局　142
7.3　网页界面设计规范　144
7.3.1　网页界面尺寸与框架　144
7.3.2　网页界面设计规范详解　145
实战演练：音乐类网页界面设计　148
课后练习：制作游戏网页首页　156
知识拓展　157
第8章　应用软件界面设计
8.1　常见的应用软件界面　159
8.1.1　启动页　159
8.1.2　着陆页　159
8.1.3　集合页　160
8.1.4　主/细节页　160
8.1.5　详细信息页　160
8.1.6　表单页　161
8.2　软件界面设计详解　161
8.2.1　软件界面设计原则　161
8.2.2　软件界面框架类型　162
8.3　Windows设计规范　163
8.3.1　界面框架　163
8.3.2　设计规范详解　164
实战演练：音乐类应用软件界面设计　168
课后练习：制作音乐类应用软件播放界面　180
知识拓展　180
附录A　在线UI设计工具
MasterGo　182
附录B　一站式UI设计协作工具Pixso　197