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

设计,微课
分享 推荐 0 收藏 87 阅读 5.2K
陈彦 王雨捷 高金宝 (主编) 978-7-115-60605-1

关于本书的内容有任何问题,请联系 王亚娜

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

内容摘要

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

60605效果图

目录

项目1 认识UI设计
1.1 相关知识 2
1.1.1 UI设计的概念 2
1.1.2 UI设计分类 3
1.1.3 UI设计师简介 4
1.1.4 UI设计的发展趋势 5
1.1.5 UI设计基础 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.2 App产品原型 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.3 UI设计中的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

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

陈彦,副教授,硕士,现任教于河北工业职业技术大学,主讲课程《图形图像处理(Photoshop)》,主要从事平面设计、移动端界面设计领域的教学与研究工作。河北省电子信息行业技术能手,主编教材2部,副主编教材7部,发表论文20余篇。

相关图书

  • 速写基础

    速写是指在短时间里快速概括人物、风景等特征的一种绘画方式,是绘画艺术的基础学科。速写是一种最快捷最方便的造型语...

    ¥59.80
  • 电子商务客户服务(微课版)

    王璐

    本书根据电商客服实际岗位分工,以售前客服和售后客服为依托,将电商客服岗位的工作内容分为基础篇和进阶篇来进行介绍...

    ¥49.80
  • 短视频运营与案例分析(微课版 第2版)

    乔陆 李旭东 王一方 陈静

    在新媒体时代,短视频已经成为重要的流量入口和营销渠道,而各类短视频平台成为商业营销和打造个人IP的重要阵地。本...

    ¥49.80
  • PHP程序设计(慕课版 第3版)

    明日科技(杨松 胡杨箭 王艳)

    本书作为PHP程序设计的教程,系统、全面地介绍了有关PHP程序开发所涉及的各类知识。全书共16章,内容包括PH...

    ¥79.80
  • HTML5+CSS3+JavaScript Web前端开发案例教程(慕课版 第2版)

    明日科技(王方 朱凯)

    本书作为HTML5程序设计课程的教材,系统、全面地介绍了利用HTML5进行网站前端开发所涉及的常用知识。全书共...

    ¥59.80
人邮微信
本地服务
人邮微信
教师服务
二维码
读者服务
读者服务
返回顶部
返回顶部