新書推薦:
《
Python贝叶斯深度学习
》
售價:HK$
91.8
《
文本的密码:社会语境中的宋代文学
》
售價:HK$
69.0
《
启微·狂骉年代:西洋赛马在中国
》
售價:HK$
80.5
《
有趣的中国古建筑
》
售價:HK$
68.8
《
十一年夏至
》
售價:HK$
78.2
《
如何打造成功的商业赛事
》
售價:HK$
91.9
《
万千教育学前·透视学前儿童的发展:解析幼儿教师常问的那些问题
》
售價:HK$
59.8
《
慈悲与玫瑰
》
售價:HK$
89.7
|
內容簡介: |
本书针对网站用户体验设计的概念和设计要点进行了深入讲解和分析,并以实例的形式对每一个重要的知识点进行演示。
本书共分7章,从网站用户体验基础开始,逐步讲解了用户体验的要素、网站创建的原则、网站色彩搭配、网站设计的基本知识点、网站导航设计和合理规划网站页面结构,并通过实例深入剖析了网站色彩搭配、网站导航和规划网站的方法,也对不同分类网站的设计要点进行了分析。同时也对Photoshop制作网页的方法和技巧进行了介绍,并通过制作实例引导读者使用该软件设计和制作各类网站页面。
本书附赠1张CD光盘,其中提供了丰富的练习素材、源文件,并为书中所有实例都录制了多媒体教学视频,方便读者学习和参考。
本书结构清晰、由简到难,实例精美实用、分解详细,文字阐述通俗易懂,与实践结合非常密切,具体很强的实用性,是一本用户体验设计的宝典。
|
目錄:
|
1.1 用户体验的重要性1
1.2 用户体验与网站1
1.3 用户体验包含的内容2
1.3.1 品牌2
1.3.2 使用性3
1.3.3 功能性4
1.3.4 内容5
1.4 网站的竞争优势5
1.4.1 提升网站竞争优势5
1.4.2 提升网站用户体验5
1.5 以用户为中心设计6
1.5.1 了解用户需要什么6
1.5.2 遵循用户的习惯7
1.5.3 颠覆用户的习惯7
1.6 如何设计用户体验8
1.6.1 用户体验的生命周期模型8
1.6.2 用户体验需要满足的层次9
1.7 网页用户体验的层面10
1.7.1 用户体验的五个层面10
1.7.2 如何实现好的用户体验12
1.8 网页用户体验的原则13
1.9 本章小结16
2.1 网站的目标和用户需求17
2.2 交互设计的内容和习惯18
2.2.1 需要考虑的内容19
2.2.2 需要遵循的习惯19
2.3 网站信息的架构20
2.4 网站的界面设计21
2.4.1 什么是好的界面设计21
2.4.2 应用技术与界面设计21
2.4.3 关于界面元素22
2.5 网站的导航设计23
2.5.1 导航设计的目标23
2.5.2 导航的分类23
2.6 搞定信息设计26
2.7 使用线框图27
2.8 网站的视觉设计29
2.8.1 网页设计中的对比29
2.8.2 网页设计中的一致性29
2.9 网站的配色方案30
2.10 网页的排版方案32
2.11 用户体验要素的应用34
2.11.1 由现状决定的设计34
2.11.2 由模仿决定的设计34
2.11.3 由领导决定的设计34
2.12 本章小结35
3.1 为网站设计好的引导系统36
3.1.1 了解当前位置36
3.1.2 用户想要访问的地方37
3.1.3 如何到达想要访问的地方37
3.1.4 曾经搜索过的位置37
3.2 让用户随时知道结果38
3.2.1 让用户时刻掌控动作38
3.2.2 提醒用户所处阶段38
3.3 基于人体工程学设计39
3.3.1 考虑用户操作的便捷39
3.3.2 考虑用户视觉的体验39
3.3.3 考虑用户听觉的体验40
3.4 创建网站设计的标准40
3.5 为用户提供纠错功能41
3.6 帮助用户记忆42
3.7 为不同水平的用户考虑43
3.8 提供帮助文档44
3.9 本章小结44
4.1 色彩基础45
4.1.1 色彩学45
4.1.2 色彩管理46
4.2 色彩传达的意义48
4.2.1 色彩的生理反应48
4.2.2 色彩的象征50
4.3 网页色彩搭配基础51
4.3.1 色彩的面积和形状51
4.3.2 色彩的位置52
实例01+视频:设计图片网站52
4.4 色彩搭配的原则57
4.4.1 整体色调协调统一58
4.4.2 把握配色的节奏58
4.4.3 配色要有重点色59
4.4.4 配色的平衡59
实例02+视频:设计减肥网站60
4.5 色彩联想与作用配色65
4.5.1 红色65
4.5.2 橙色66
4.5.3 黄色66
4.5.4 绿色67
4.5.5 蓝色67
4.5.6 紫色67
4.5.7 黑色68
4.5.8 白色68
4.5.9 灰色69
4.6 网页中色彩的特性70
4.6.1 网页色彩的特性70
4.6.2 网页色彩的表现原理70
4.6.3 网页安全色70
4.6.4 颜色模式71
4.7 网页配色的基本方法72
4.7.1 文本配色72
4.7.2 网页配色关系73
4.7.3 文本配色平衡74
4.7.4 确定网页的主题色74
4.8 本章小结75
5.1 确定网页的尺寸76
实例03+视频:设计一个家居网页79
5.2 合理的页面布局82
5.2.1 网站页面布局的要素82
实例04+视频:设计美食类的网站页面84
5.2.2 布局中文本的应用88
实例05+视频:设计工作室页面89
5.3 了解网页设计的视觉层次93
5.3.1 控制层次的尺寸94
5.3.2 丰富的层次色彩95
5.3.3 对比的应用95
5.3.4 对齐页面层次96
5.3.5 重复分配元素96
5.3.6 元素的分开与接近97
5.3.7 页面密度和空白97
5.3.8 巧用样式和纹理98
实例06+视频:设计家居类网站98
5.4 本章小结103
6.1 用户如何在网站中查找信息104
6.1.1 有目的地查找104
6.1.2 试探的查找104
6.1.3 不清楚需要查找什么104
6.1.4 重复查找104
6.2 导航的分类105
6.2.1 结构导航105
6.2.2 关联导航105
6.2.3 可用性导航106
6.3 全局导航的设计106
实例07+视频:设计一个全局导航107
6.4 局部导航的设计109
6.4.1 局部导航的位置110
6.4.2 局部导航的层级110
实例08+视频:设计环保网站局部导航111
6.5 导航的访问模型114
实例09+视频:设计旅游网站导航115
6.6 想方设法留住用户119
6.6.1 考虑“下一步”120
6.6.2 安全网120
实例10+视频:设计家具网站链接121
6.6.3 关联导航的元数据126
实例11+视频:设计博客关联导航127
6.7 巧用可用性导航130
实例12+视频:制作设计网站131
6.8 导航设计的技巧134
6.8.1 如何组织内容135
6.8.2 满足用户的希望135
6.8.3 希望用户做什么136
6.9 导航多个页面136
实例13+视频:设计博客导航页面137
6.10 本章小结143
7.1 创建网站路径图144
7.1.1 完成网站的原型设计145
7.1.2 利用设计讲故事145
7.1.3 如何创建角色146
7.1.4 巧妙应用场景148
7.1.5 创建任务分析149
实例14+视频:设计科技通信网页150
7.2 串链网站页面154
实例15+视频:设计科技网站页面156
7.3 了解页面的类型161
7.3.1 导航页面161
7.3.2 消费页面162
7.3.3 交互页面163
7.4 组合类似的任务163
7.4.1 使用向导完成交互任务164
7.4.2 使用控制面板完成交互任务165
7.4.3 使用工具条完成交互任务165
实例16+视频:设计理财投资网站166
7.5 使用网站图171
7.5.1 树图布局171
7.5.2 梳状图布局172
7.5.3 星状图布局173
7.5.4 标签页图布局174
实例17+视频:设计数码产品网站175
7.6 页面分区与交互180
7.6.1 页面分区181
7.6.2 划分模块181
实例18+视频:设计科技产品网站182
7.7 本章小结186
|
|