章初识UI设计
1.1UI设计的相关概念2
1.1.1UI设计的概念2
1.1.2UI与WUI和GUI2
1.1.3UI设计常用术语中英文对照3
1.1.4UI设计常用软件3
1.2UI设计项目流程3
1.2.1项目设计流程4
1.2.2UI设计流程4
1.3UI设计的风格表现5
1.4UI设计的行业发展6
1.4.1UI设计行业现状6
1.4.2UI设计发展趋势8
1.5UI设计的学习方法9
第2章图标设计
2.1图标的基础知识12
2.1.1图标的概念12
2.1.2图标设计的流程12
2.1.3图标设计的原则14
2.2图标的设计规范16
2.2.1图标的尺寸及单位16
2.2.2图标的视觉统一18
2.2.3图标的清晰度19
2.3图标的风格类型19
2.3.1像素风格19
2.3.2扁平化风格20
2.3.3拟物化风格24
2.3.4微拟物风格25
2.3.5立体风格25
2.4课堂案例——绘制扁平化风格-单色面性图标26
2.5课堂练习30
2.5.1课堂练习——绘制扁平化风格-不透明色块面性图标30
2.5.2课堂练习——绘制扁平化风格-微渐变面性图标31
2.6课后习题32
2.6.1课后习题——绘制扁平化风格光影效果图标32
2.6.2课后习题——绘制扁平化风格折纸投影图标32
第3章App界面设计
3.1App的基础知识35
3.1.1App的概念35
3.1.2App设计的流程35
3.1.3App界面设计的原则38
3.2App界面设计的规范40
3.2.1iOS设计规范40
3.2.2Android设计规范46
3.3App常用界面类型51
3.3.1闪屏页51
3.3.2引导页53
3.3.3首页54
3.3.4个人中心页56
3.3.5详情页56
3.3.6注册登录页57
3.4课堂案例——制作侃侃App57
3.5课堂练习——制作ShineApp95
3.6课后习题——制作CircleApp96
第4章网页界面设计
4.1网页界面设计的基础知识99
4.1.1网页界面设计的概念99
4.1.2网页界面设计的流程99
4.1.3网页界面设计的原则102
4.2网页界面设计的规范104
4.2.1网页界面设计的尺寸及单位104
4.2.2网页界面设计的界面结构107
4.2.3网页界面设计的布局108
4.2.4网页界面设计的字体110
4.2.5网页界面设计的图标111
4.3网页常用界面类型114
4.4课堂案例——制作Easy Life家居电商网站118
4.4.1课堂案例—制作Easy Life家居电商网站首页118
4.4.2课堂案例—制作Easy Life家居电商网站产品列表页142
4.4.3课堂案例——制作Easy Life家居电商网站产品详情页151
4.5课堂练习——制作Artsy家居电商网站159
4.6课后习题——制作装饰家居电商网站160
第5章软件界面设计
5.1软件界面设计的基础知识162
5.1.1软件界面设计的概念162
5.1.2软件界面设计的流程162
5.1.3软件界面设计的原则165
5.2软件界面设计的规范166
5.2.1软件界面设计的尺寸及单位167
5.2.2软件界面设计的界面结构168
5.2.3软件界面设计的布局168
5.2.4软件界面设计的字体172
5.2.5软件界面设计的图标174
5.3软件常用界面类型178
5.4课堂案例——制作音乐播放器软件180
5.4.1课堂案例——制作Song音乐播放器软件首页180
5.4.2课堂案例——制作Song音乐播放器软件歌单页194
5.4.3课堂案例——制作Song音乐播放器软件歌曲列表页200
5.5课堂练习——制作More音乐播放器软件207
5.6课后习题——制作CoolPlayer音乐播放器软件208
第6章游戏界面设计
6.1游戏界面设计的基础知识210
6.1.1游戏界面设计的概念210
6.1.2游戏界面设计的流程210
6.1.3游戏界面设计的原则212
6.2游戏界面设计的规范214
6.2.1游戏界面设计的尺寸及单位214
6.2.2游戏界面设计的界面结构215
6.2.3游戏界面设计的布局215
6.2.4游戏界面设计的字体216
6.2.5游戏界面设计的图标217
6.3游戏常用界面类型217
6.4课堂案例——制作水果消消消游戏220
6.5课堂练习——制作Boom游戏229
6.6课后习题——制作PetFun游戏230

本书分为6章，第一章为初识UI设计，包括UI设计相关概念、UI设计项目流程、UI设计风格表现、UI设计行业发展、UI设计学习方法，第2章至第6章分别为图标设计、App界面设计、网页界面设计、软件界面设计、游戏界面设计，讲解设计基础知识、规范、风格类型，并以课堂案例、课堂练