Web风格:用户体验设计基本原则及实践(原书第4版)
经典畅销书全新升级,近20年长销不衰,被翻译为近10种文字在全球范围内出版,广受好评紧随市场变化,新版更关注用户,深入探讨打造良好用户体验的原则、方法、工具及实践。
商品已成功飞到您的手机啦!快登录手机站看看吧!
> 扫一扫 下载客户端
> 微信关注“互动出版网”,便捷查询订单,更多惊喜天天有
编辑推荐
经典畅销书全新升级,近20年长销不衰,被翻译为近10种文字在全球范围内出版,广受好评
紧随市场变化,新版更关注用户,深入探讨打造良好用户体验的原则、方法、工具及实践
内容简介
书籍 计算机书籍
从1999年出版第1版到今天,《Web Style Guide》已经更新到了第4版。相对于之前的版本,新版本不再局限于关注如何从零开发一个网站,而是告诉读者如何选择和利用市面上的内容管理系统,并将更多的关注点放在讨论如何建立良好的用户体验、信息结构以及内容策略上。另外,新版本中列举了网站制作过程中的很多佳实践,例如针对很多设计师关注的移动优先设计方法,以及网站的可访问性和搜索优化问题等,作者都给出了很多建议以及相应的案例分析。
作译者
[美] 帕特里克·J.林奇(Patrick J. Lynch) 莎拉·霍顿(Sarah Horton)著:
目录
译者序
序言
前言
致谢
第1章 策略 1
1.1 策略规划 1
1.1.1 创建一个策略规划 2
1.1.2 制定策略规划 3
1.2 便捷的用户体验 8
1.3 内容策略 11
1.4 社交媒体策略 17
1.4.1 创建一个社交媒体策略 17
1.4.2 通过社交媒体渠道获得用户 22
1.4.3 配置你的社交媒体团队 27
第2章 调研 29
2.1 头脑风暴 29
2.1.1 用设计思维指导头脑风暴 30
2.1.2 用户调研 33
2.1.3 指导设计决策 35
2.1.4 设计评估 38
2.1.5 调研的过程要考虑到残障人士 40
2.2 分析 41
第3章 流程 44
3.1 项目资源 44
3.2 项目规划 50
3.2.1 创建一个项目实现计划 50
3.2.2 避免需求扩张 57
3.3 项目管理 57
3.4 项目开发的生命周期 66
3.4.1 网站定义和计划 68
3.4.2 内容开发 68
3.4.3 信息架构 70
3.4.4 网站设计 70
3.4.5 网站构建 71
3.4.6 网站的跟踪、评估和维护 72
3.4.7 常见的项目开发事故 74
第4章 信息架构 83
4.1 网站开发中的信息架构 84
4.2 信息架构方法 85
4.2.1 盘点和审核内容 85
4.2.2 组织内容 87
4.2.3 分割信息 92
4.3 信息架构设计 94
4.3.1 支持浏览和搜索 95
4.3.2 选择网站结构 95
4.3.3 设计网页架构 100
4.3.4 展示信息架构 102
第5章 网站结构 108
5.1 网站组件 108
5.1.1 使用超文本标记语言(HTML) 109
5.1.2 使用层叠样式表 112
5.1.3 交互式脚本 114
5.1.4 其他文档格式 114
5.1.5 搭建一个坚固的结构 115
5.2 内容管理系统 117
5.2.1 建立编辑工作流程 119
5.2.2 选择一个CMS 121
5.2.3 组织内容和功能 122
5.2.4 创建主题和模板 125
5.3 SEO 128
5.3.1 了解搜索 129
5.3.2 使用关键字和关键词组 131
5.3.3 提交一个网站索引 136
第6章 页面结构 137
6.1 页面结构的基础 137
6.1.1 标记页面结构 137
6.1.2 使用CSS设计页面布局 142
6.1.3 编码网页,使其具有最佳可访问性和可读性 143
6.2 响应式设计 144
6.2.1 流式布局和比例度量 145
6.2.2 响应式设计和移动优先设计 149
6.2.3 从内容和功能开始 151
6.2.4 最佳实践总结 151
6.3 页面结构组件 152
6.3.1 构建一个页面 152
6.3.2 优化页面,提升加载速度 157
6.3.3 围绕“折叠线”进行设计 159
6.3.4 信息屏设计 161
6.4 页面模板 161
6.4.1 创建内层页面模板 161
6.4.2 设计一级页面模板 164
第7章 界面设计 166
7.1 媒介设计 166
7.1.1 无止境的页面 167
7.1.2 直接访问 167
7.1.3 简单性与一致性 167
7.1.4 完整性与稳定性 169
7.1.5 反馈和对话 169
7.1.6 带宽与交互 170
7.1.7 显示 171
7.2 导航和寻路 172
7.2.1 支持搜索和浏览导航 173
7.2.2 设计导航 175
7.2.3 提供导航系统 184
7.3 交互 186
7.3.1 交互设计 187
7.3.2 提供交互组件 190
7.3.3 引导式交互 193
7.4 信息设计 197
7.5 移动界面设计 199
7.6 企业界面设计 202
第8章 平面设计 204
8.1 利用设计逻辑 204
8.1.1 流体逻辑 204
8.1.2 商业逻辑 205
8.2 不断变化的样式 206
8.3 注重吸引力的影响 206
8.3.1 眼球追踪与美感反应 207
8.3.2 本能反应 207
8.3.3 情感反应与决策 208
8.4 视觉设计 211
8.4.1 塑造视觉平面 211
8.4.2 使用知觉完形原则 213
8.5 视觉结构 215
8.5.1 理解视觉结构的起源 216
8.5.2 建立视觉层次 219
8.5.3 使用页面网格系统 223
第9章 排版 229
9.1 网页排版的特点 229
9.1.1 语义 230
9.1.2 使用样式表 231
9.1.3 网页排版实践 234
9.2 排版设计元素 235
9.2.1 显示样式 236
9.2.2 对齐与空白空间 236
9.2.3 行宽度 238
9.2.4 行间距 238
9.2.5 缩进 238
9.2.6 文本大小 238
9.2.7 强调 240
9.3 字体 243
9.3.1 字体术语 243
9.3.2 字体大小 244
9.3.3 文字间距和字距调整 244
9.3.4 传统字体的改进 245
9.3.5 专为屏幕设计 245
9.3.6 其他媒介中的字体 245
9.4 选择字体 245
9.4.1 指定操作系统的字体 246
9.4.2 通过CSS @ font-face元素使用网络字体 246
第10章 编辑样式 249
10.1 样式 249
10.1.1 写吸引人的作品 249
10.1.2 把内容放在第一位 253
10.1.3 让链接有意义 255
10.2 文章结构 256
10.2.1 提供视觉地标 257
10.2.2 结构标记 258
10.2.3 提供清楚的链接 260
第11章 图像 261
11.1 网络图像策略 261
11.1.1 界面和品牌 261
11.1.2 内容图像 261
11.2 关于网络图像 263
11.2.1 了解图像类型 263
11.2.2 了解图像文件格式 265
11.3 使用网络图像 268
11.3.1 选择正确的文件格式 268
11.3.2 为图像提供alt标签 271
11.3.3 优化屏幕图像 271
第12章 多媒体 277
12.1 网站视频策略 277
12.1.1 提供良好的体验 278
12.1.2 为音频和视频提供其他选择 279
12.1.3 选择发布渠道 279
12.2 视频制作 282
12.2.1 制作视频短片的装备 282
12.2.2 拍摄计划 285
12.2.3 拍摄采访 286
12.2.4 拍摄b-roll和其他镜头 289
12.2.5 组合视频镜头 291
12.3 视频剪辑 292
12.3.1 构建故事 292
12.3.2 剪辑视频 293
前言
我最喜欢的高中英语老师有一个小习惯:初秋时节,在每一个新班级开始之前,他都会倚靠着教室前面的黑板,将满是粉笔灰的手插在口袋里。只要他一站在那里,就会开始给我们讲关于教学的趣事,比如接下来一年中我们将阅读什么样的作品,了解什么样的作者,我们会探索怎样的主题,进行怎样的课堂讨论。
在介绍的末尾他也会提醒我们,尽管大家有一整年的时间待在一起,却没有足够的时间让整个班级完全深入探索一个主题。他说:“这门课程就像一场国外旅行。接下来我们将花费几个月探索这一新的领域,并一起讨论那些精彩的书籍。像所有的旅行一样,我们只有很少一段时间是在一起的……但如果我做足功课,并竭尽所能向你们展示我所看到的风景,这样条件成熟时你们一定会再回来这里。我也会提供足够多的地标,这样你们就可以用自己的方式尝试更多的探索。”
现在我想告诉读者一个小秘密:这不是一本仅供阅读的图书。这是一张地图。
网站是一个广阔而又陌生的地方,充斥着丰富的专业术语。的确,它是一个可以令人心生畏惧的探索之地。但庆幸的是你拥有了本书。本书由Patrick Lynch和Sarah Horton撰写,他们都是优秀的教育家兼作家,同时也是制图师,即绘制网站图表领域的专家。Patrick和Sarah十分了解网页布局的复杂性,并且精通如何定义设计项目的范围、网页基本排版等内容。
无论你是新手还是有经验的设计师,本书都可以为你以后的项目提供很多好的方法,并介绍一些你应该会想再次重温的想法、概念和地标。
那么就让我们开启本书之旅吧。
Ethan Marcotte
媒体评论
来自Ethan Marcotte的推荐序
你正在阅读的不是一本书,而是一张地图。《Web风格》可以为你以后的项目提供很多好的方法,并介绍一些你应该会想再次重温的想法、概念和地标。
对于从事互联网工作的人来说,这是一本很好的入门书籍,Horton和Lynch将现实可行的技术与实际案例结合起来,为如今复杂的网络项目提供了一个全面且实用的指南。
——Sara Wachter-Boettcher,《Design for Real Life and Content Everywhere》作者
一本管理现代网页设计复杂性的实用手册。它强调了可塑的、响应式的内容,这为创造良好数字体验打造了重要的基础。
——Senongo Akpem
《Web风格》概述了一个复杂的网站项目中出现的每一个步骤,并且出色地展示出每一个步骤是如何组合在一起的;对于任何一个参与网站项目的人来说,这都是一本必读书籍。
—— Aaron Gustafson, 《Adaptive Web Design》作者
网站设计师的风格指南。
——J. D. Biersdorfer, 《纽约时报》
本书一直被誉为网站设计领域的经典著作,已翻译成多种文字在全球发行。随着网站设计师不再从零开发网站,而是转向利用内容管理和聚合工具来协助开发网站,本书的重点也从代码示例转向了良好实践,特别是关于移动体验、社交媒体和可访问性的实践案例。本书不仅阐述了很多普遍的设计原则,还深入探讨了网页设计的方方面面 ——从计划到生产,再到维护。另外,本书还举例说明了这些原则是如何应用在网站设计过程中的,可以帮助你更好地完成信息设计、界面设计以及高效的搜索和导航设计。