第1章初入UI设计世界1
1.1什么是UI设计/1
1.1.1UI设计的概念/1
1.1.2UI设计的发展/1
1.1.3UI设计的分类/6
1.2UI设计的发展前景与就业空间/8
1.2.1UI设计的发展前景/8
1.2.2UI设计师的就业空间/8
1.3UI设计的流程/9
第2章零基础的设计之路12
2.1软件是实现创意的基石/12
2.1.1Photoshop的功能/12
2.1.2Illustrator的功能/12
2.2UI设计风格的演变/13
2.2.1拟物化风格/14
2.2.2扁平化风格/14
2.3具有持续学习的能力/15
2.4从现实中汲取灵感/18
2.5以兴趣爱好为内驱动力/19
第3章UI设计原则20
3.1简单清晰/20
3.2便捷高效/22
3.3安全可控/24
3.4无形的界面设计/26
第4章UI设计的视觉元素28
4.1字体设计/28
4.1.1字体风格/28
4.1.2字体变形/31
4.1.3字体变形案例/33
4.1.4字体的设计原则/37
4.2图形设计/40
4.2.1图形样式和使用场景/40
4.2.2图形的设计原则/43
4.3图标设计/44
4.3.1图标的设计风格/44
4.3.2图标制作方法/45
4.3.3图标的设计原则/48
4.4按钮设计/50
4.4.1按钮的分类/51
4.4.2网页按钮的功能/53
4.4.3按钮的设计原则/54
第5章版式设计的方法论57
5.1版式设计的概念/57
5.2版式设计的构成与方法/58
5.2.1构成版面的基本图形元素/58
5.2.2版式设计的基本方法/61
5.3版式设计的原则/69
5.3.1对称与稳定/69
5.3.2对比与和谐/69
5.3.3实与虚/71
5.3.4一致与变幻/71
第6章色彩搭配技巧73
6.1什么是色彩/73
6.1.1色彩两大色系/73
6.1.2色彩三属性/74
6.1.3色彩的设计原则/76
6.2网页设计的配色技巧/79
6.2.1确定基本色调/79
6.2.2掌握基本的配色设计/80
6.2.3借助配色工具/84
6.3色彩情感的应用/85
6.3.1色彩的心理暗示/85
6.3.2色彩的视觉空间感/88
第7章网站的分类90
7.1专题网站/90
7.1.1什么是专题/90
7.1.2常见的专题类型/90
7.1.3专题页面的特点/96
7.1.4常见的版式布局/96
7.2企业网站/102
7.2.1什么是企业网站/102
7.2.2常见的企业网站类型/102
7.2.3常见的栏目架构/102
7.2.4常见的版式布局/106
7.3门户网站/107
7.3.1什么是门户网站/107
7.3.2门户网站的设计要点/107
7.4商城网站/108
7.4.1什么是商城网站/108
7.4.2商城网站的设计要点/109
7.5后台管理系统/109
7.5.1什么是后台管理系统/109
7.5.2后台管理系统的设计要点/110
7.6网页游戏/111
7.6.1什么是网页游戏/111
7.6.2网页游戏的UI设计风格/111
7.6.3网页游戏的设计要点/111
7.7应用软件/112
7.7.1什么是应用软件/112
7.7.2应用软件的设计要点/113
7.8WAP网站/113
7.8.1什么是WAP网站/113
7.8.2WAP网站与PC端网站的区别/113
7.8.3WAP网站的设计要点/115
7.9H5营销/115
7.9.1什么是H5/115
7.9.2H5页面的版式设计/115
7.10Banner/117
第8章交互设计与用户体验123
8.1关于交互设计/123
8.1.1什么是交互设计/123
8.1.2交互设计的流程/125
8.1.3交互设计的要点/131
8.2关于用户体验/134
8.2.1什么是用户体验/134
8.2.2用户体验五要素/134
8.2.3用户体验的分类/137
8.2.4用户体验的设计原则/138
8.3情感化设计/142
8.3.1情感化设计的层次/143
8.3.2情感化设计的要点/144
8.4网站的用户体验/145
8.4.1网站用户体验的内容/145
8.4.2网站用户体验的优化/148
第9章移动平台的UI设计152
9.1了解APP的UI设计/152
9.1.1APP的UI设计趋势/152
9.1.2WebUI与APPUI的区别/154
9.2iOS系统的界面设计/156
9.2.1iOS系统的界面尺寸/156
9.2.2iOS系统的界面元素/157
9.2.3iOS系统的字体/159
9.3Android系统的界面设计/160
9.3.1Android系统的界面尺寸/160
9.3.2Android系统的字体/161
9.4WindowsPhone系统的界面设计/162
9.5APP的设计要点/163
9.5.1金融类APP/163
9.5.2购物类APP/164
9.5.3社交类APP/166
9.5.4音乐类APP/167
第10章UI设计的升华之道168
10.1响应式设计/168
10.1.1响应式图片/168
10.1.2响应式导航/170
10.1.3响应式选择菜单/171
10.1.4响应式登录/171
10.1.5响应式内容栏目/172
10.1.6响应式重新布局/173
10.2栅格系统/173
10.2.1什么是栅格系统/173
10.2.2栅格系统的应用/176
10.3产品包装展示/179
10.3.1产品包装的表现形式/180
10.3.2产品包装的设计要点/181