UI设计必修课: 交互+架构+视觉UE设计教程(全彩)
定 价:79.9 元
- 作者:李晓斌
- 出版时间:2017/8/1
- ISBN:9787121324567
- 出 版 社:电子工业出版社
- 中图法分类:TP311.1
- 页码:
- 纸张:胶版纸
- 版次:1
- 开本:128开
在当今互联网和信息技术快速发展的时代,人们的生活经历着各种梦幻般的变化。随着互联网长大的一代正在成为社会的主流,并以他们特有的视角和思考问题的方式影响着社会的发展,形成了所谓的互联网文化,在用户体验发展中展示出独特的一面。本书针对网站用户体验的概念和设计要点进行了深入的介绍和分析。全书共分为6章,从当前互联网经济中的用户体验相关理论和互联网产品设计的基础开始,逐步讲解了用户体验设计的核心、用户体验设计的要素、用户体验中的交互设计、网站的用户体验以及移动端的用户体验等专业知识。通过知点点的讲解与商业应用案例分析相结合的方式,使用户能够更轻松地理解和应用,培养读者在网站用户体验设计方面分析问题和解决问题的能力。本书结构清晰、内容翔实、文字阐述通俗易懂,与案例分析结合进行讲解说明,具有很强的实用性,是一本用户体验设计的宝典。
本书逐步讲解了用户体验设计的核心、用户体验设计的要素、用户体验中的交互设计、网站的用户体验以及移动端的用户体验等专业知识。 一本书培养读者在网站用户体验设计方面分析问题和解决问题的能力。是一本用户体验设计的宝典。
近十年来,互联网产品发生了巨大的变革,Web成为遍及全球的、最具代表性的互联网信息资源组成系统,这些系统包含了大量文本、图像、音频与视频文件等信息资源。全球许多知名企业和组织都十分重视网站的设计和开发质量,从网站作用、品牌形象、操作便利性、网速流畅性以及细节设计等多方面考虑,研究用户访问和使用网站的主观体验,以达到最佳的效果。网站用户体验是指用户在访问网站时享受网站提供的各种服务的过程中建立起来的心理感受。一个好的网站除了内容精彩、定位准确以外,还要方便用户浏览,使用户可以方便快速地在网站中找到自己感兴趣的内容。本书内容本书在借鉴国内外交互设计和用户体验的前沿理念和实践成果的基础上,对用户体验设计进行了全面而详细的介绍。作为专业人才培养教材,本书力图以最清晰、最有条理的语言和生动翔实的案例向读者系统地介绍网站的用户体验设计,本书的主要内容如下 。第1章 网络交互与用户体验,在本章中向读者介绍了有关用户体验的相关基础知识,包括什么是用户体验、用户体验的范畴、特点,以及网站与用户体验的关系和用户体验的设计原则等相关内容,使读者对用户体验有一个全面、清晰的认知。第2章 认识用户,用户作为网络交互的主体,在交互过程中时刻感受着交互设计带给感官和心灵的震撼。在本章中从用户感官、用户心理和用户需求等多个方面来阐述用户需要的是什么样的设计,以及如何设计出用户满意的网站。第3章 用户体验要素,在本章中详细向读者介绍了用户体验要素的5大层面,并且分别对这5大层面中的相关要素以及设计重点进行了分析讲解,使读者对用户体验设计的细节能够了然于胸,并在设计过程中注意这些用户体验细节的处理。第4章 关注用户体验的交互设计,本章主要向读者介绍了交互设计对于用户体验的作用以及其表现的方式,包括可用性设计、可用性原则、心流体验、沉浸感设计、情感化设计、美感设计和用户体验差异等内容,使读者能够从心理和情感层面提升产品的用户体验。第5章 Web产品用户体验,提供良好的用户体验就成为网站吸引并留住用户的一个重要因素。在本章中对网站的用户体验设计进行了详细的介绍,包括网站产品的解构、网站设计的原则、网站的用户体验设计、网站用户体验设计的细节等内容,全方位的介绍提升网站用户体验的方法和技巧。第6章 移动端用户体验,随着移动互联网的兴趣,智能移动设备已经成为人们日常生活中不可或缺的产品之一,移动设备的用户界面及体验受到用户越来越多的关注。在本章中向读者全面介绍了有关移动端的用户体验设计的相关知识,从而提升移动端应用界面的用户体验。本书特点本书从网站用户体验设计的各个方面进行介绍,使读者在了解用户体验设计基础的同时,能够综合运用所学内容。紧扣主题本书全部章节均围绕网站用户体验设计的主题进行展开,并结合案例的分析讲解,使读者能够更加容易理解,实用性很强。易学易用在对用户体验的每个细节要素进行分析讲解的过程中,采用基础知识与案例分析相结合的方式,图文并茂的讲解方式使读者能够更好的理解,使学习的成果达到最大化。
李晓斌,资深UI设计师,有丰富的UI设计经验,先后从事电商设计,软件界面、网站界面和游戏界面的设计工作,先后出版多本设计图书。
Chapter 01 网络交互与用户体验
1.1 关于用户体验 2
1.1.1 什么是用户体验 2
1.1.2 用户体验设计的历史与现状 2
1.1.3 6种基础体验 3
1.1.4 用户体验相关术语 5
1.2 用户体验设计范畴及其特点 6
1.2.1 用户体验设计范畴 6
1.2.2 用户体验设计的特点 7
1.2.3 用户体验设计的5个着手点 9
1.3 网站与用户体验 10
1.3.1 用户体验所包含的内容 10
1.3.2 用户体验对于网站的重要性 13
1.3.3 网站设计如何寻求突破 13
1.3.4 提升网站用户体验 14
1.4 交互设计的内容和习惯 16
1.4.1 什么是交互设计 16
1.4.2 需要考虑的内容 16
1.4.3 需要遵循的习惯 17
1.4.4 用户体验与交互设计 18
1.5 用户体验设计的原则 18
1.5.1 快速引导用户找到需要的内容 19
1.5.2 设置期望并提供反馈 21
1.5.3 基于人类工程学设计 21
1.5.4 与标准保持一致 22
1.5.5 提供纠错支持 22
1.5.6 靠辨识而非记忆 23
1.5.7 考虑到不同水平的用户 23
1.5.8 提供上下文帮助和文档 24
1.6 用户体验要素的应用 24
1.6.1 由现状决定的设计 24
1.6.2 由模仿决定的设计 25
1.6.3 由领导决定的设计 25
1.7 拓展阅读用户体验设计师 25
1.8 本章小结 26
Chapter 02 认识用户
2.1 用户的感官特征 28
2.1.1 视觉 28
2.1.2 听觉 29
2.1.3 触觉 31
2.2 用户认知心理 31
2.2.1 设计心理学 31
2.2.2 设计心理学的设计原则 35
2.3 用户的心理需求 38
2.3.1 人的需求层次理论 38
2.3.2 用户体验的需求层次 39
2.3.3 用户体验的生命周期模型 42
2.4 以用户为中心设计 43
2.4.1 了解用户需要什么 43
2.4.2 遵循用户的习惯 44
2.4.3 颠覆用户的习惯 45
2.5 网站的目标与用户需求 46
2.6 用户激励机制 49
2.6.1 用户激励的方式 49
2.6.2 等级与积分激励方式的表现 49
2.6.3 网站常用的具体激励方法 51
2.7 拓展阅读用户行为分析 54
2.8 本章小结 55
Chapter 03 用户体验要素
3.1 用户体验的分类 58
3.1.1 信息架构 58
3.1.2 交互设计 63
3.1.3 视觉形象设计 65
3.2 用户体验的要素模型 66
3.2.1 5个层面 66
3.2.2 要素模型 70
3.3 战略层详解 72
3.3.1 确定产品定位 72
3.3.2 了解用户需求 74
3.4 范围层详解 76
3.4.1 从哪里获得需求 76
3.4.2 对需求进行分析筛选 77
3.4.3 确定需求优先级 78
3.5 结构层详解 79
3.5.1 交互设计 80
3.5.2 信息架构 81
3.6 框架层详解 82
3.6.1 界面设计 82
3.6.2 导航设计 83
3.6.3 信息设计 87
3.6.4 线框图 88
3.7 表现层详解 90
3.7.1 如何评估网站的视觉设计 90
3.7.2 对比 91
3.7.3 一致性 92
3.7.4 配色方案 93
3.7.5 字体选择 94
3.8 拓展阅读用户体验的一般设计流程 95
3.9 本章小结 97
Chapter 04 关注用户体验的交互设计
4.1 可用性设计 100
4.1.1 什么是可用性 100
4.1.2 可用性的表现 100
4.2 可用性设计原则 101
4.2.1 简洁性 101
4.2.2 易于学习 106
4.2.3 减少用户记忆 108
4.2.4 一致性 111
4.2.5 提供反馈 112
4.2.6 错误提示及避免错误的发生 114
4.2.7 高效率 115
4.3 心流体验 115
4.3.1 什么是心流体验 116
4.3.2 两种不同的心流体验类型 116
4.3.3 心流体验设计的要点 118
4.3.4 用户体验的经验设计 122
4.4 沉浸感设计 126
4.4.1 什么是沉浸感 126
4.4.2 沉浸感设计原则 126
4.4.3 沉浸感在游戏网站中的应用 129
4.5 情感化设计 131
4.5.1 什么是情感化设计 131
4.5.2 互联网产品设计的3层次 131
4.5.3 互联网产品的情感化设计 133
4.6 美感设计 135
4.6.1 什么是美感设计 135
4.6.2 交互设计中的美感体验 136
4.7 用户体验差异设计 137
4.7.1 可访问性设计 137
4.7.2 文化差异设计 139
4.7.3 经验水平差异设计 144
4.8 用户体验与前端设计 145
4.8.1 认识前端设计 146
4.8.2 前端设计优化与用户体验 150
4.9 拓展阅读网站信息架构 151
4.10 本章小结 152
Chapter 05 Web产品用户体验
5.1 Web产品解构 154
5.1.1 网站解构 154
5.1.2 网站页面的构成元素 154
5.1.3 网站页面的视觉层次 157
5.1.4 基于用户体验的网站设计原则 161
5.2 网站界面设计的基本原则 165
5.2.1 对比突出 165
5.2.2 条理清晰 167
5.2.3 整齐平衡 168
5.2.4 简洁一致 169
5.3 Web用户体验设计 170
5.3.1 清晰的网站结构 170
5.3.2 合理的页面功能布局 173
5.3.3 优化网站内容 180
5.4 网站配色 182
5.4.1 色彩属性 183
5.4.2 网页配色的方法 184
5.4.3 网页文本配色 188
5.4.4 网页元素的色彩搭配 190
5.4.5 色彩情感在网页设计中的应用 192
5.5 网站用户体验设计细节 197
5.5.1 网站图标设计 197
5.5.2 网站按钮设计 200
5.5.3 网站Logo设计 206
5.5.4 网站导航设计 211
5.6 拓展阅读创建网站
设计的标准 219
5.7 本章小结 220
Chapter 06 移动端用户体验
6.1 了解移动端用户体验 222
6.1.2 移动端与PC端的区别 222
6.1.3 移动设备用户体验发展趋势 224
6.1.4 移动设备的交互设计 225
6.1.5 移动端应用的用户体验设计 226
6.2 移动端设计流程及视觉设计 230
6.2.1 移动端设计流程 230
6.2.2 视觉设计 231
6.2.3 如何提升移动端应用的用户体验 232
6.3 移动端界面设计内容 234
6.3.1 视听元素设计 235
6.3.2 版式设计 244
6.4 移动端界面色彩搭配 247
6.4.1 色彩在移动端界面设计中的作用 247
6.4.2 移动端界面配色原则 249
6.5 移动端界面设计原则 251
6.5.1 实用性 251
6.5.2 统一的色彩与风格 252
6.5.3 合理的配色 252
6.5.4 规范的操作流程 253
6.5.5 视觉元素规范 253
6.6 拓展阅读常见移动设备
尺寸标准 254
6.7 本章小结 256