UI设计项目化实战教程 微课版

本书采用“项目—任务”体例，全书贯穿两个商业制作项目，突出实用性和可操作性；操作内容配备微课视频，扫码即可观看；配套资源丰富，如PPT课件、教材大纲等

本书基于UI设计师所需的岗位技能，聚焦UI设计工作流程，围绕“伴游”App和“博学苑”App的UI设计展开讲解，集图标设计、主界面设计、登录界面设计、引导页界面设计、搜索产品列表页界面设计、详情页界面设计、个人中心页界面设计为一体，再现项目功能需求确定，原型图绘制、视觉规范设计、页面效果图制作、标注及切图等环节的设计思路和工作流程，使学生对UI设计师这一岗位及UI设计行业的环境有一个清晰的认识。

于丽娜，河北工业职业技术学院平面设计专业主任，多年来从事Photoshop图像图像设计、Illustrator平面设计、UI设计等专业课程教学，并出版过多本相关专业教材，有丰富的教学和写作经验。

项目1认识UI设计
1．1相关知识2
1．1．1UI设计的概念2
1．1．2UI设计分类3
1．1．3UI设计师简介4
1．1．4UI设计的发展趋势5
1．1．5UI设计基础6
1．2项目小结16
1．3课后习题16

项目2设计“伴游”App图标
2．1任务导入18
2．2相关知识18
2．2．1图标的概念18
2．2．2图标的设计规范19
2．2．3图标的风格类型20
2．2．4图标网格22
2．3任务实施23
2．3．1思路解析23
2．3．2应用图标的设计与制作23
2．3．3面性“首页”图标的设计与制作31
2．3．4渐变“攻略”图标的设计与制作36
2．4创意设计实践46
2．5项目小结48
2．6课后习题48

项目3设计“伴游”
App主界面和登录界面
3．1任务导入50
3．2相关知识50
3．2．1主界面中的主要元素50
3．2．2App产品原型57
3．2．3标注60
3．2．4卡片式设计60
3．3任务实施61
3．3．1主界面设计思路解析61
3．3．2主界面的设计与制作62
3．3．3登录界面设计思路解析67
3．3．4登录界面的设计与制作68
3．4创意设计实践70
3．5项目小结72
3．6课后习题72

项目4设计“伴游”App引导页界面
4．1任务导入74
4．2相关知识74
4．2．1引导页的分类74
4．2．2引导页界面的表现方式76
4．2．3UI设计中的MBE风格78
4．3任务实施79
4．3．1引导页界面设计思路解析79
4．3．2引导页界面的设计与制作79
4．4创意设计实践88
4．5项目小结89
4．6课后习题89

项目5设计“伴游”App
搜索列表页和详情页界面
5．1任务导入91
5．2相关知识92
5．2．1了解搜索列表页和详情页92
5．2．2详情页界面版面布局92
5．2．3字体规范93
5．3任务实施94
5．3．1搜索列表页界面设计思路解析94
5．3．2搜索列表页界面的设计与制作95
5．3．3详情页界面设计思路解析102
5．3．4详情页界面的设计与制作103
5．4创意设计实践108
5．5项目小结109
5．6课后习题109

项目6设计“伴游”App个人中心页界面
6．1任务导入111
6．2相关知识111
6．2．1了解个人中心页111
6．2．2个人中心页界面的组成112
6．2．3界面中的色彩系统112
6．3任务实施114
6．3．1个人中心页界面设计思路解析114
6．3．2个人中心页界面的设计与制作115
6．3．3设置页界面的设计与制作119
6．4创意设计实践122
6．5项目小结123
6．6课后习题123

项目7设计“伴游”网页端首页界面
7．1任务导入125
7．2相关知识126
7．2．1网页界面设计的概念126
7．2．2网页界面设计的流程126
7．2．3栅格系统127
7．3任务实施130
7．3．1网页端首页界面设计思路解析130
7．3．2网页端首页界面的设计与制作131
7．4创意设计实践138
7．5项目小结139
7．6课后习题140

项目8设计“伴游”网页端搜索列表页和详情页界面
8．1任务导入142
8．2相关知识143
8．2．1常用网页界面的类型143
8．2．2常见的网页界面布局方式144
8．3任务实施147
8．3．1网页端搜索列表页界面设计思路解析147
8．3．2网页端搜索列表页界面的设计与制作148
8．3．3网页端详情页界面设计思路解析153
8．3．4网页端详情页界面的设计与制作154
8．4创意设计实践168
8．5项目小结169
8．6课后习题169

项目9设计“伴游”网页端个人中心订单页和下载页界面
9．1任务导入171
9．2相关知识172
9．2．1网页界面设计规范172
9．2．2了解下载页174
9．3任务实施175
9．3．1网页端个人中心订单页界面设计思路解析175
9．3．2网页端个人中心订单页界面的设计与制作176
9．3．3网页端下载页界面设计思路解析179
9．3．4网页端下载页界面的设计与制作179
9．4创意设计实践182
9．5项目小结182
9．6课后习题182