UI界面设计与制作(全彩慕课版)

第 1章初识UI设计 1
1．1 UI设计的基本概念 2
1．2　UI设计的常用软件 2
1．3　UI设计的发展趋势 2
1．4　UI设计的学习方法 3
1．5　UI设计的项目流程 4
1．6　UI设计的规范与规则 5

第 2章UI设计中的图标设计 12
2．1　线性图标 13
2．1．1　基本概念 13
2．1．2　使用场景 13
2．1．3　设计要点 13
2．1．4　课堂案例—制作旅游类App线性图标 16
2．2　面性图标 22
2．2．1　基本概念 22
2．2．2　使用场景 22
2．2．3　设计要点 23
2．2．4　课堂案例—制作旅游类App面性图标 24
2．3　线面图标 28
2．3．1　基本概念 28
2．3．2　使用场景 29
2．3．3　设计要点 29
2．3．4　课堂案例—制作旅游类App线面图标 30
2．4　课堂练习——制作电商类App线性图标 35
2．5　课后习题——制作餐饮类App面性图标 35

第3章UI设计中的控件设计 36
3．1 初识控件 37
3．1．1　控件的概念 37
3．1．2　控件的获取 37
3．2　按钮控件 38
3．2．1　按钮控件的概念 38
3．2．2　按钮控件的类型 38
3．2．3　按钮控件的规则 39
3．2．4　课堂案例—制作旅游类App按钮控件 42
3．3　选择控件 43
3．3．1　选择控件的概念 44
3．3．2　选择控件的类型 44
3．3．3　选择控件的规则 44
3．3．4　课堂案例—制作旅游类App选择控件 45
3．4　加减控件 47
3．4．1　加减控件的概念 48
3．4．2　加减控件的类型 48
3．4．3　加减控件的规则 48
3．4．4　课堂案例—制作旅游类App加减控件 49
3．5　分段控件 51
3．5．1　分段控件的概念 52
3．5．2　分段控件的类型 52
3．5．3　分段控件的规则 53
3．5．4　课堂案例—制作旅游类App分段控件 54
3．6　页面控件 57
3．6．1　页面控件的概念 57
3．6．2　页面控件的类型 57
3．6．3　页面控件的规则 57
3．6．4　课堂案例—制作旅游类App页面控件 58
3．7　反馈控件 60
3．7．1　反馈控件的概念 60
3．7．2　反馈控件的类型 60
3．7．3　反馈控件的规则 61
3．7．4　课堂案例—制作旅游类App反馈控件 64
3．8　文本框控件 65
3．8．1　文本框控件的概念 65
3．8．2　文本框控件的类型 65
3．8．3　文本框控件的规则 66
3．8．4 课堂案例—制作旅游类App文本框控件 67
3．9　课堂练习——制作电商类App文本框控件 69
3．10 课后习题——制作餐饮类App按钮控件 70

第4章UI设计中的组件设计 71
4．1　初识组件 72
4．1．1　组件的概念 72
4．1．2　组件的获取 72
4．2　导航栏 73
4．2．1　导航栏的概念 73
4．2．2　导航栏的类型 73
4．2．3　导航栏的规则 75
4．2．4　课堂案例—制作旅游类App导航 77
4．3　标签栏 83
4．3．1　标签栏的概念 84
4．3．2　标签栏的类型 84
4．3．3　标签栏的规则 85
4．3．4　课堂案例—制作旅游类App标签栏 90
4．4　金刚区 102
4．4．1　金刚区的概念 102
4．4．2　金刚区的类型 103
4．4．3　金刚区的规则 103
4．4．4　课堂案例—制作旅游类App金刚区 107
4．5　瓷片区 117
4．5．1　瓷片区的概念 117
4．5．2　瓷片区的类型 117
4．5．3　瓷片区的规则 118
4．5．4　课堂案例—制作旅游类App瓷片区 121
4．6　课堂练习——制作电商类App标签栏 130
4．7　课后习题——制作餐饮类App标签栏 131

第5章UI设计中的页面设计 132
5．1　闪屏页 133
5．1．1　闪屏页的概念 133
5．1．2　闪屏页的类型 133
5．1．3　课堂案例—制作旅游类App闪屏页 135
5．2　引导页 137
5．2．1　引导页的概念 138
5．2．2　引导页的类型 138
5．2．3　课堂案例—制作旅游类App引导页 139
5．3　首页 149
5．3．1　首页的概念 149
5．3．2　首页的类型 149
5．3．3　课堂案例—制作旅游类App首页 152
5．4　个人中心页 171
5．4．1　个人中心页的概念 171
5．4．2　课堂案例—制作旅游类App个人中心页 172
5．5　详情页 193
5．5．1　详情页的概念 193
5．5．2　课堂案例—制作旅游类App酒店详情页 193
5．6　注册登录页 217
5．6．1　注册登录页的概念 217
5．6．2　课堂案例—制作旅游类App登录页 218
5．7　课堂练习—制作电商类App页面 226
5．8　课后习题—制作餐饮类App页面 227

第6章UI设计输出 229
6．1　UI页面标注 230
6．1．1　标注原因 230
6．1．2　标注内容 230
6．1．3　标注规则 232
6．1．4　标注工具 232
6．1．5　课堂案例—标注旅游类App登录页 234
6．2　UI页面切图 239
6．2．1　切图目的 239
6．2．2　切图类型 239
6．2．3　切图规则 241
6．2．4　切图方法 242
6．2．5　大小优化 242
6．2．6　课堂案例—制作旅游类App登录页切图 243
6．3　UI页面命名 246
6．3．1　命名原因 247
6．3．2　命名规则 247
6．3．3　常用名称 247
6．3．4　课堂案例—命名旅游类App登录页切图 247
6．4　课堂练习—标注电商类App登录页并切图命名 248
6．5　课后习题—标注餐饮类App登录页并切图命名 249