项目1　走进UI设计的世界——UI设计基础　1
相关知识
了解UI　设计的发展趋势　2
任务1.1　理解UI设计的基本概念　2
1.1.1　任务引入　2
1.1.2　任务知识　2
1.1.3　任务实施　3
任务1.2　了解UI设计的常用软件　4
1.2.1　任务引入　4
1.2.2　任务知识　4
1.2.3　任务实施　5
任务1.3　熟悉UI设计的项目流程　6
1.3.1　任务引入　6
1.3.2　任务知识　6
1.3.3　任务实施　6
任务1.4　掌握UI设计的规范与规则　8
1.4.1　任务引入　8
1.4.2　任务知识　8
1.4.3　任务实施　14
项目2　设计趣味的图标——UI图标设计　16
相关知识
UI　图标的风格类型　17
任务2.1　设计旅游类App线性图标　17
2.1.1　任务引入　17
2.1.2　设计理念　17
2.1.3　任务知识　18
2.1.4　任务实施　18
任务2.2　设计旅游类App面性图标　24
2.2.1　任务引入　24
2.2.2　设计理念　25
2.2.3　任务知识　25
2.2.4　任务实施　25
任务2.3　设计旅游类App线面图标　30
2.3.1　任务引入　30
2.3.2　设计理念　30
2.3.3　任务知识　30
2.3.4　任务实施　31
任务2.4　项目演练——设计电商类App
线性图标　36
2.4.1　任务引入　36
2.4.2　设计理念　36
任务2.5　项目演练——设计餐饮类App
面性图标　36
2.5.1　任务引入　36
2.5.2　设计理念　37
项目3　制作别致的控件——UI控件设计　38
相关知识
UI　控件的基础知识　39
任务3.1　设计旅游类App按钮控件　39
3.1.1　任务引入　39
3.1.2　设计理念　39
3.1.3　任务知识　40
3.1.4　任务实施　40
任务3.2　设计旅游类App选择控件　42
3.2.1　任务引入　42
3.2.2　设计理念　42
3.2.3　任务知识　42
3.2.4　任务实施　42
任务3.3　设计旅游类App加减控件　47
3.3.1　任务引入　47
3.3.2　设计理念　47
3.3.3　任务知识　47
3.3.4　任务实施　47
任务3.4　设计旅游类App分段控件　52
3.4.1　任务引入　52
3.4.2　设计理念　52
3.4.3　任务知识　52
3.4.4　任务实施　53
任务3.5　设计旅游类App页面控件　56
3.5.1　任务引入　56
3.5.2　设计理念　56
3.5.3　任务知识　56
3.5.4　任务实施　57
任务3.6　设计旅游类App反馈控件　59
3.6.1　任务引入　59
3.6.2　设计理念　60
3.6.3　任务知识　60
3.6.4　任务实施　60
任务3.7　设计旅游类App文本框控件　64
3.7.1　任务引入　64
3.7.2　设计理念　64
3.7.3　任务知识　64
3.7.4　任务实施　64
任务3.8　项目演练——设计电商类App文本框控件　67
3.8.1　任务引入　67
3.8.2　设计理念　67
任务3.9　项目演练——设计餐饮类App按钮控件　68
3.9.1　任务引入　68
3.9.2　设计理念　68
项目4　搭建丰富的组件——UI组件设计　69
相关知识
UI　组件的基础知识　70
任务4.1　设计旅游类App导航栏　70
4.1.1　任务引入　70
4.1.2　设计理念　70
4.1.3　任务知识　71
4.1.4　任务实施　71
任务4.2　设计旅游类App标签栏　77
4.2.1　任务引入　77
4.2.2　设计理念　77
4.2.3　任务知识　77
4.2.4　任务实施　77
任务4.3　设计旅游类App金刚区　88
4.3.1　任务引入　88
4.3.2　设计理念　88
4.3.3　任务知识　88
4.3.4　任务实施　89
任务4.4　设计旅游类App瓷片区　98
4.4.1　任务引入　98
4.4.2　设计理念　98
4.4.3　任务知识　98
4.4.4　任务实施　99
任务4.5　项目演练——设计电商类App标签栏　108
4.5.1　任务引入　108
4.5.2　设计理念　108
任务4.6　项目演练——设计餐饮类App标签栏　109
4.6.1　任务引入　109
4.6.2　设计理念　109
项目5　打造生动的页面——UI页面设计　110
相关知识
UI　页面的类型　111
任务5.1　设计旅游类App闪屏页　113
5.1.1　任务引入　113
5.1.2　设计理念　114
5.1.3　任务知识　114
5.1.4　任务实施　114
任务5.2　设计旅游类App引导页　116
5.2.1　任务引入　116
5.2.2　设计理念　116
5.2.3　任务知识　117
5.2.4　任务实施　117
任务5.3　设计旅游类App首页　121
5.3.1　任务引入　121
5.3.2　设计理念　121
5.3.3　任务知识　122
5.3.4　任务实施　122
任务5.4　设计旅游类App个人中心页　135
5.4.1　任务引入　135
5.4.2　设计理念　135
5.4.3　任务知识　136
5.4.4　任务实施　136
任务5.5　项目演练——设计旅游类App详情页　147
5.5.1　任务引入　147
5.5.2　设计理念　147
任务5.6　项目演练——设计旅游类App注册登录页　148
5.6.1　任务引入　148
5.6.2　设计理念　148
任务5.7　项目演练——设计电商类App页面　149
5.7.1　任务引入　149
5.7.2　设计理念　149
任务5.8　项目演练——设计餐饮类App页面　151
5.8.1　任务引入　151
5.8.2　设计理念　151
项目6　快速输出UI设计——UI设计输出　154
相关知识
UI　设计输出的基础知识　155
任务6.1　标注旅游类App注册登录页　158
6.1.1　任务引入　159
6.1.2　任务知识　159
6.1.3　任务实施　159
任务6.2　制作旅游类App注册登录页切图　164
6.2.1　任务引入　164
6.2.2　任务知识：Cutterman　164
6.2.3　任务实施　164
任务6.3　命名旅游类App注册登录页切图　167
6.3.1　任务引入　167
6.3.2　任务知识：命名规则　167
6.3.3　任务实施　168
任务6.4　项目演练——命名电商类App注册登录页切图　168
6.4.1　任务引入　168
6.4.2　任务实施　169
任务6.5　项目演练——命名餐饮类App注册登录页切图　170
6.5.1　任务引入　170
6.5.2　任务实施　170