| 作者 |
| [美] 帕特里克·J.林奇(Patrick J. Lynch) 莎拉·霍顿(Sarah Horton) |
| 丛书名 |
| UI/UE系列丛书 |
| 出版社 |
| 机械工业出版社 |
| ISBN |
| 9787111607984 |
| 简要 |
| 简介 |
| 内容简介书籍计算机书籍 从1999年出版第1版到今天,《Web Style Guide》已经更新到了第4版。相对于之前的版本,新版本不再局限于关注如何从零开发一个网站,而是告诉读者如何选择和利用市面上的内容管理系统,并将更多的关注点放在讨论如何建立良好的用户体验、信息结构以及内容策略上。另外,新版本中列举了网站制作过程中的很多佳实践,例如针对很多设计师关注的移动优先设计方法,以及网站的可访问性和搜索优化问题等,作者都给出了很多建议以及相应的案例分析。 |
| 目录 |
| 译者序 序言 前言 致谢 第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 |