单元一 UI 设计基础
项目一 初识 UI 设计..............................................3
1.1 UI 设计概念..............................................................4
1.2 UI 设计流程..............................................................5
1.3 UI 设计原则..............................................................8
1.4 UI 设计风格............................................................10
1.5 UI 设计色彩............................................................16
1.6 UI 设计字体............................................................17
1.7 UI 设计常用工具....................................................18
1.8 拓展.........................................................................32
项目二 设计制作图标 ..........................................33
2.1 认识图标.................................................................34
2.2 制作便签图标.........................................................37
2.3 制作天气图标.........................................................48
2.4 制作闹钟图标.........................................................59
2.5 制作下载图标.........................................................66
2.6 实战习题.................................................................69
项目三 设计制作 UI 控件 .....................................71
3.1 认识 UI 控件...........................................................72
3.2 学习目标.................................................................73
3.3 绘制简洁音乐进度条.............................................74
3.4 绘制质感下载进度条.............................................85
3.5 绘制伪扁平按钮...................................................103
3.6 质感开关按钮交互设计.......................................112
3.7 能力拓展:搜索框交互设计...............................120
3.8 实战习题...............................................................123
单元二 UI 的设计与交互
项目一 AUI 设计...............................................127
1.1 认识 AUI 设计......................................................128
1.2 学习目标及任务分析...........................................128
1.3 创意 App 开屏界面..............................................130
1.4 App 开屏界面设计...............................................132
1.5 手机登录注册界面设计.......................................134
1.6 手机主题图标设计...............................................139
1.7 手机天气显示界面设计.......................................146
1.8 手机红旅 App 首页设计......................................151
1.9 手机红旅 App 详情页设计..................................156
1.10 能力拓展:手机红旅 App 列表页设计 ...........161
1.11 实战习题.............................................................165
项目二 WUI 设计..............................................167
2.1 认识 WUI 设计.....................................................168
2.2 浏览器图标设计...................................................174
2.3 红旅网 Logo 设计................................................180
2.4 网页按钮设计.......................................................184
2.5 网页导航栏设计...................................................189
2.6 网站 Banner 设计................................................193
2.7 网站首页设计.......................................................202
2.8 能力拓展:红旅网项目列表页设计...................208
2.9 实战习题...............................................................215
项目三 GUI 设计 ..............................................217
3.1 GUI 设计概念.......................................................218
3.2 汽车智能中控界面设计.......................................218
3.3 “初恋边城”红旅 App 界面设计......................227
3.4 华为手表界面设计...............................................240
3.5 虚拟现实界面设计...............................................243
3.6 实战习题...............................................................246
参考文献 ...........................................................249