本书被誉为网站设计领域的经典著作，已翻译成多种文字在全球发行。随着网站设计师不再从零开发网站，而是转向利用内容管理和聚合工具来协助开发网站，本书的重点也从代码示例转向了良好实践，特别是关于移动体验、社交媒体和可访问性的实践案例。

本书不仅阐述了很多普遍的设计原则，还深入探讨了网页设计的方方面面——从计划到生产，再到维护。另外，本书还举例说明了这些原则是如何应用在网站设计过程中的，可以帮助你更好地完成信息设计、界面设计以及高效的搜索和导航设计。

《Web Style Guide》的最新版本，相较于以往版本，新版本不再仅仅关注如何从零开始开发一个网站，而是更侧重于如何选择和利用市面上的内容管理系统，以及如何构建良好的用户体验、信息结构和内容策略。书中详细阐述了网站制作过程中的许多最佳实践，如移动优先设计、网站可访问性和搜索优化等，并提供了丰富的案例分析。这本书被许多人视为一本实用手册，涵盖了网站建设的全过程，从规划决策到上线后的维护和内容运营。无论你是UI/UX设计师、程序员、内容编辑，还是产品经理、项目赞助商，都能从书中找到日常工作中容易被忽视的细节，并了解其他角色的工作。对于刚进入互联网行业的从业者，这本书可以帮助他们快速入门，了解创建网站项目的全部流程。



译者序

策略规划是识别风险并采取应对措施的过程，它不仅仅是技巧或预测未来。它包含三个步骤：诊断情况、创建指导原则和设计连贯行动。在规划策略时，明确项目管理角色和职责，采用以用户为中心的方法，并制定战略路线图至关重要。

用户体验在策略规划中占有重要位置，它贯穿产品生命周期，关注网站使用是否简单、愉悦、有效。用户体验的核心属性包括易学性、定位、效率、可访问性等。适应性设计和灵活性是实现通用可用性目标的关键，以适应不同用户和设备的需求。

在网站设计中，灵活性和用户控制同样重要。用户应能通过调整浏览器设置来适应个人阅读习惯。设计应考虑不同用户的交互需求，确保键盘操作也能实现网站元素的交互性。内容策略需关注多渠道部署，确保内容在多种媒介中有效传达。移动优先的设计理念要求简化内容，提升用户体验。内容创作过程中，需明确关键信息和商业价值，选择合适的分发媒介，并制定编辑工作流程，确保内容的质量与更新。

社交媒体策略同样重要，它对用户和企业形象都有着重要影响。社交媒体不仅汇聚了人们的多样性和人性，还为企业提供了前所未有的互动和营销机会。企业需明确商业目标，定义受众，建立品牌形象，并产出吸引人的内容。同时，要掌握发布时机，协调多个社交媒体渠道，并应对潜在的风险。内容管理、用户互动和数据分析是成功社交媒体策略的关键。

以Twitter企业账户为例，运营策略建议每天发布3到5条推文，保持推文简短，70到100个字符最佳。图片链接可以增加推文的关注度，但需注意图片大小，建议不超过440×220像素。合理使用话题标签，不要超过两个。企业可以借助调度软件来管理推文，以保持活跃度。团队配置也很重要，与设计师合作获取高质量的视觉材料，保持社交媒体内容的更新和多样性。

第1章 策略

在网站设计中，创意构思与头脑风暴扮演着关键角色。这首先要求我们优先进行用户需求调研，深入了解用户。设计思维的核心在于创造力与约束之间的平衡，这一点在IDEO的H-C-D框架中得到了体现。该框架通过倾听用户声音、提出解决方案以及交付设计，实现了产品的迭代开发。

筛选创意时，我们可以运用“渴望程度-可实现性-成功概率”的过滤方式，从众多创意中挑选出最有价值的方案。同时，文章也探讨了头脑风暴的原则和技巧，以及如何克服团队和个人创意的局限性。用户调研在设计决策中的关键作用不容忽视，通过用户画像、目标分析和使用场景，可以更好地指导设计过程。

以用户为中心是网站设计中的核心原则。通过可操作线框图和可用性测试，设计师可以深入理解用户需求，优化网站功能和交互体验。可用性测试有助于发现潜在问题，并通过用户反馈不断改进设计。此外，关注残障人士需求，强调包容性设计，对提升用户体验具有重要意义。

网站分析工具和A/B测试在收集用户行为数据、指导设计决策方面发挥着重要作用。然而，这些方法并非万能，需要结合实际情况进行分析和运用。在网站设计中，我们要充分运用各种方法，确保设计符合用户需求，提升用户体验。

第2章 调研

项目资源在网站开发中的重要性，强调了团队组建和人力资源分配对项目成功的关键作用。指出小型项目同样需要全功能团队，并强调了盘点团队能力，利用外部资源的重要性。详细列举了网站开发团队所需的核心职能，如策略、项目管理、信息架构、视觉设计、编程等。接着，阐述了不同职能的具体责任和使命，强调了跨团队合作的必要性。随后，介绍了项目赞助商、项目总监、用户体验总监等关键角色，并详细描述了他们的职责和作用。最后，对设计总监、技术总监、产品总监等角色进行了详细介绍，强调了他们在网站开发中的重要作用。



3.1 项目资源

项目规划的重要性，强调了项目章程在指引项目方向和避免需求蔓延方面的作用。详细阐述了项目计划书应包含的几个部分，如项目概述、成功标准、网站开发团队、项目范围、不同角色及其职责、项目预算及时间线、项目风险测评等。特别指出需求扩张是导致项目失败的主要原因，强调了严格设定时间表、预算清单和工作范围的重要性。



3.2 项目规划

项目管理在网站开发中的重要性，强调平衡工作范围、开销和时间表是关键。书中对比了瀑布式和敏捷式管理方法，前者强调线性流程和详尽的文档，后者则注重灵活性和迭代改进。瀑布式管理适用于内容密集型项目，但容易导致“分析麻痹”和需求蔓延。敏捷式管理则强调快速迭代和用户反馈，但需要团队协作和灵活调整。书中还提到了精益UX和混合式项目管理方法，它们分别强调了用户体验和结合两种管理方式的优势。



3.3 项目管理

网站开发的生命周期是一个系统化的过程，包含以下七个关键阶段：

首先，是网站的定义和计划阶段。在这一步，明确网站的目标，收集相关信息，并确定预算和资源需求。

接着，是内容库存阶段。此阶段主要评估实现计划所需的内容，构建内容库存或数据库，并检查现有内容资源。

随后，进入内容制作阶段。这一阶段是网站开发中最艰难且耗时最长的一部分。需要制定明确的内容生产计划，确保内容能够按时交付。

紧接着是信息架构阶段，这一步是确定网站的结构和内容布局。

之后是网站设计阶段，这一阶段主要设计网站的外观和用户体验。

网站构建阶段是根据设计开发网站。

最后，进入网站运营阶段，即网站上线后的维护和运营。

在整个生命周期中，确保有足够的组织支持、预算和人力资源至关重要。

在网站开发过程中，关键环节包括确保导航结构完整、代码和数据库正常运行，以及平面设计和内容校对等。

同时，测试网站功能、分析用户行为和进行维护同样重要。网站管理员需要记录和分析访问数据，以便调整网站内容。

此外，还需注意避免常见开发陷阱，如忽视用户需求、设计过于复杂、会议频繁等问题，并据此提出建议。

项目领导者、技术选择、数据驱动决策和内容管理在确保网站成功和持续发展中扮演着重要角色。

3.4 项目开发的生命周期

第3章 流程

信息架构在网站开发中扮演着至关重要的角色，它与内容策略紧密相连，不仅关注内容的组织与分类，还确保内容易于浏览和搜索。它需要不同领域的专业人士共同协作，以构建一个组织合理、易于使用的网站。

信息架构设计的基本步骤包括：梳理现有内容，确保其完整性和相关性；构建内容层次结构，制定受控词汇表，保证内容标识、网站结构和导航元素的一致性；将内容模块化，便于用户浏览；绘制网站结构图和核心导航链接，提供清晰的导航路径；最后，通过真实用户测试，分析用户行为，优化网站设计。

对于大型网站，合理的结构设计尤为重要，因为它们通常包含成百上千页内容。用户需要有效的搜索工具来快速找到所需信息，而不仅仅是通过浏览。文章介绍了三种基本网站结构：顺序结构、层次结构和网状结构。顺序结构适用于培训和教育网站；层次结构适合企业或机构网站；网状结构则模仿联想思维，但可能造成混乱。

在设计网页架构时，应考虑用户的阅读习惯和浏览模式，如“Gutenberg Z型”阅读模式。制作网站组织图和线框图对于规划网站内容和导航至关重要，这些图能清晰地展示网站的结构和布局。

第4章 信息架构

在构建网站时，HTML5作为基础标准，是网页标记的核心。掌握HTML代码和规则对于网站搭建至关重要。文章详细解释了HTML的语义标记和文档结构，以及<head>和<body>元素的重要性。CSS用于控制网页视觉样式，而JavaScript则负责网页交互。将JavaScript代码放在外部文件中，有助于避免影响搜索引擎排名。

选择合适的文档格式也很关键，如PDF可保留文档原始外观，但需注意在移动设备上的显示问题。网站结构同样重要，模块化元素可提高效率和可维护性。开发者需确保网页在主流浏览器和操作系统上正常显示。

原生、Web和混合式App各有优劣，提供良好的手机端体验至关重要。文件命名规范和内容管理系统的应用也很重要，使用友好的URL命名和CMS可简化内容创建、协作和发布流程。

Drupal作为内容管理系统，具有强大的内容和分类构建工具，灵活的工作流程和编辑访问权限设计。其模块化结构吸引了众多开发者，扩展基础功能变得简单。Drupal拥有庞大的用户和开发者社区，提供丰富多样的功能。

文章还探讨了网站内容管理的内部结构，强调了CMS软件的功能结构层。Drupal如何组织内容结构、编辑工作流程和访问权限，以及可视化展示内容和交互功能，都有详细说明。此外，文章还介绍了“block”和“view”的概念，以及如何利用分类系统构建受控词汇表，强调了主题和模板在网站视觉设计中的重要性。

搜索引擎优化（SEO）对于网站排名至关重要。关键词合理使用，避免过度堆砌，图片、视频等元素的适当描述都是关键。网站地图对于搜索引擎爬虫有效爬行至关重要，XML网站地图的构建和使用方法也有介绍。移动端优化、服务器性能和网站地图对提升网站排名同样重要。通过链接建立网站的权威性和提交网站索引以提升网站可见度也是SEO的重要策略。

第5章 网站结构

网页设计经历了从XHTML和CSS布局到HTML5的巨大变革。CSS3的引入提升了设计的灵活性，却增加了复杂性。HTML5的推出解决了这一问题，提供了更多逻辑性和语义性标签，如header、nav、main、aside和footer等，使页面结构更清晰，便于搜索引擎优化和提升可访问性。此外，它还引入了新的内容语义元素，如article、figure、mark、section等，丰富了内容标记。

响应式网页设计成为趋势，适应不同尺寸屏幕，提供更好的用户体验。其关键在于灵活的页面布局、适中的图像和媒体比例，以及CSS3媒体查询的应用。流式布局网格和成比例度量使页面适应不同屏幕尺寸，使用em排版尺寸可调整字体大小，提高可读性。媒体查询根据屏幕尺寸调整布局、排版和媒体内容。响应式设计还倡导“移动优先”理念，即首先考虑移动设备设计，再逐步扩展到其他屏幕尺寸。

在网站设计时，应优先考虑移动优先策略，并逐步提升用户体验。页面结构包括页眉、主页链接、全局导航、面包屑导航、搜索、购物车、广告、侧边栏、主要内容、页脚等元素。页眉是视觉标识和全局导航的重要部分，侧边栏常用于放置导航链接和搜索框。主要内容区包括标题、面包屑导航、跳到顶部链接等，提高页面易用性。页面设计还需考虑折叠线以上区域的重要性，以及信息屏的设计。页面模板设计应从内层页面开始，确保全局和本地导航一致性，并建立一个稳定、可复用的设计框架。

内层页面模板的重要性在于提供全局和本地导航、建立稳定的设计框架以及设定图形基调。这些模板有助于保持网站内容一致性和外观风格。在大型网站中，内层页面模板根据具体需求设计，二级页面模板需建立分层页眉标签，提供独特外观。一级页面设计需考虑视觉标识、导航、内容焦点和工具，根据网站目标确定重点。下拉菜单和关注点导航等设计策略对提高网站可用性和用户体验至关重要。

第6章 页面结构

等
网站设计中的关键要素，如信息组织、导航和用户体验。用户需要明确了解自己在网站中的位置，并通过链接轻松导航。设计者应确保网站所有页面都包含回到主页的链接，并设计高效的信息层次结构，以减少用户点击次数。简单、一致的设计和界面对于提升用户体验至关重要。此外，网站设计还应考虑不同屏幕尺寸和分辨率，采用响应式设计，以适应各种设备。最后，为了确保网站功能稳定，需要定期检查链接有效性，并避免使用占用带宽的视频内容。



7.1 媒介设计

寻路是复杂空间中辅助导航的建筑环境元素，包括定位、路线决定、心理地图和终点四个核心部分。定位帮助我们了解自己的位置，路线决定指引我们到达目的地，心理地图则预测下一步行动，而终点帮助我们确认是否到达。网站导航同样重要，即使没有具体空间，我们也需要清晰的提示，如页眉、页脚、标签和链接以及面包屑路径。搜索和浏览导航是两种关键模式，共同构成网站导航系统。

交互设计约定强调利用用户已有知识提升网站可用性。页眉提供主要导航和搜索功能，面包屑路径帮助理解网站结构和定位。文章探讨了超级菜单和区块导航的优缺点，以及响应式设计中的导航栏位置。遵循这些原则，网站能更有效地引导用户搜索和操作。

定位、路线决定、心理地图和终点是寻路的核心组成部分。定位帮助我们了解自己的位置，路线决定指引我们到达目的地，心理地图则预测下一步行动，而终点帮助我们确认是否到达。

在网站导航中，虽然没有具体空间，但我们需要清晰的提示，如页眉、页脚、标签和链接以及面包屑路径。这些提示帮助我们定位，了解网站结构和功能。

搜索和浏览导航是两种关键模式，共同构成网站导航系统。搜索导航帮助我们快速找到所需信息，而浏览导航则引导我们探索网站内容。

交互设计约定强调利用用户已有知识提升网站可用性。页眉提供主要导航和搜索功能，方便用户快速找到所需信息。面包屑路径帮助用户理解网站结构和定位，减少迷失感。

文章探讨了超级菜单和区块导航的优缺点。超级菜单提供丰富的导航选项，但可能导致用户选择困难。区块导航则提供清晰的结构，但可能限制选项。响应式设计中的导航栏位置也很重要，需根据屏幕大小和设备类型进行调整。

遵循这些设计原则，网站能更有效地引导用户搜索和操作。清晰、简洁的导航提示，合理的导航模式，以及利用用户已有知识，都能提升网站可用性。

7.2 导航和寻路

网站交互行为主要涉及用户与网页的互动，如点击链接和提交表单。这通常是通过客户端（如浏览器）与服务器之间的对话实现的，其中浏览器发送数据和请求，服务器处理这些数据并返回页面。现代网站更注重客户端交互，利用动态表单提供实时反馈，以减少错误。Ajax技术使得页面可以在不重新加载整个页面的情况下进行动态更新。

为了提高网站可用性，现代网站和应用程序常常使用如Dojo、JQuery和AngularJS等代码库和框架，提供丰富的交互功能。在设计交互时，强调用户需求，避免需求蔓延，并通过使用设计模式来提高网站的可访问性。同时，需要考虑不同用户群体的交互方式，如键盘、触摸和屏幕阅读器，确保网站对所有人都是可访问的。

在设计过程中，还需考虑各种交互场景，如触摸和键盘导航。交互组件必须满足WCAG 2.0标准，以确保界面清晰、易用。

在网页中，内容展开/收起控件是一种常见的设计，尤其在FAQ页面，它允许用户选择是否展开隐藏内容。此外，树控件也常用于帮助用户以大纲格式导航。

交互设计的一个关键要素是引导式交互，它通过指示、标签、提示和设计模式等方式，帮助用户理解页面功能。控件标签应提供足够的信息，使用户明白其功能。在表单设计中，必填字段通常用星号标注，并给出明确的填写格式提示。

错误处理是交互设计中的重要环节，应尽量避免错误发生，但在错误发生时，必须提供详细的说明，并指导用户如何纠正错误。此外，在设计过程中，要考虑辅助设备用户的需求，如屏幕阅读器。

为了帮助用户在使用过程中获得指导，上下文帮助和向导也是非常重要的设计元素。这些设计元素共同确保了网站的用户体验既直观又高效。

7.3 交互

7.4 信息设计

移动互联网的快速发展，智能手机和平板电脑成为人们日常生活的必需品。然而，移动设备的物理和认知限制对用户体验产生了巨大影响。为了提升移动用户体验，设计师提倡使用移动专用网站和响应式网页设计，确保网站在不同屏幕尺寸下都能良好展示。移动设计需要关注小屏幕的局限性，如触摸目标大小、排版适应和性能优化。同时，还要考虑到移动用户的特定需求，如支付简便、可访问性和提供桌面版本选择。此外，移动设备的屏幕尺寸和方向也会影响界面设计，需要遵循菲茨定律来优化触摸目标的大小和位置。



7.5 移动界面设计

企业界面设计的重要性，强调了网站的一致性、用户体验和品牌形象。指出大多数企业网站设计混乱，缺乏统一标准，导致用户困惑。建议通过建立一致的企业界面，使网站清晰、易于导航，提升企业凝聚力和竞争力。一致的设计不仅有利于用户体验，还能增强企业地位和竞争力。



7.6 企业界面设计

第7章 界面设计

在平面设计中，设计逻辑的运用至关重要，它关乎视觉与文本信息的和谐平衡。缺乏对比度和视觉缓冲的页面难以吸引观众，但过度的图形化也会导致用户失望。设计需在传统与创新之间找到平衡，遵循排版原则。

响应式设计的挑战不容忽视，设计师需拥抱网络的灵活性，注意视觉效果与功能的连续性。设计完整性对用户体验至关重要，视觉美学则直接影响用户情感和网站可用性。

大脑对图像的反应过程复杂，用户能在短时间内对网页进行美学判断。格式塔心理学等领域的学者揭示了这一过程，它几乎在瞬间完成，对信息的信任感有着强烈影响。情感反应和认知反应在大脑中形成三个阶段的过程，从本能处理到行为处理，再到反思处理。

视觉设计需应对屏幕大小不一的设备，适应动态和无处不在的视觉平面。平面设计通过图形、排版等手段建立视觉秩序，网页设计则要考虑响应式设计。知觉完形原则，如邻近原则、相似性原则等，对视觉推理和模式识别具有重要作用。视觉结构应有助于突出和加强内容，页面设计需遵循结构和内容相对重要性的原则。

Sage杂志的排版设计以简洁的布局和清晰的页面结构吸引读者快速扫视和阅读。视觉层次和负空间在页面设计中的重要性不言而喻，合理的布局能提升页面的易读性。利用格式塔视觉原则和白色空间构建页面结构，通过统一、简单、专注的设计原则引导读者。有效的对比、颜色选择和页面网格系统在网页设计中的应用，模块和程序设计在现代设计中的关键作用亦不容忽视。

构建模式库的重要性也不容忽视，它能提升网站设计和开发效率。

第8章 平面设计

网页排版与印刷排版在许多方面存在差异，尤其是在编码语义和适应性显示上。在网页设计中，通过使用语义标记，我们可以将页面结构和意义编码到代码中，这不仅便于文本阅读软件和搜索引擎的检索，还提升了网页的可用性。

为了适应不同的用户设置、设备和视口大小，网页排版需要考虑多种因素。此外，通过样式表（CSS）来管理网页设计和控制文档集，可以实现视觉逻辑和结构逻辑的分离，使网站更具逻辑性。

用户体验在网页设计中至关重要，因此设计细节必须得到重视。避免使用presentation选项和文本符号，以及正确使用语义标记，都是提高用户体验的关键。排版设计元素，如显示样式、对齐与空白空间、行宽度和行间距等，对文本易读性和页面美观性有显著影响。

在印刷行业中，行间距的设置规则对于可读性至关重要。网络排版建议使用更大的行距，以提升阅读体验。段落缩进和空白行是两种常见的排版方法，保持网站中样式的一致性对于整体美观同样重要。

可伸缩文本对于通用可用性至关重要，建议使用相对长度单位来控制页面排版。响应式设计在适应不同屏幕尺寸方面发挥重要作用，通过调整布局和排版设置，可以提升大号字体的可读性。

在强调文本时，应适度使用粗体、斜体或下划线等，以免影响阅读体验。字体选择方面，应考虑指定操作系统的字体，并可能通过CSS@font-face元素使用网络字体。然而，网络字体可能会影响性能，因此在设计时需平衡美观与性能。

第9章 排版

网络写作的精髓在于以简洁明了的文本风格展现内容，确保信息的清晰与相关。吸引人的内容是关键，同时尊重读者，通过对话或有趣的形式解答问题。内容块的设计也至关重要，建议合理划分，让用户能迅速定位所需信息。标题、关键字和链接对搜索引擎优化和用户导航不可或缺，它们的作用不容忽视。为了保持内容的一致性和专业性，创建风格指南同样重要。

在网站设计中，感染力和理性是两个不可忽视的要素。感染力可以激发用户的积极情绪，而理性则通过逻辑和数据建立可信度。主页设计对用户的情感和认知有着深远影响。以下是一些建议，以优化用户体验：

1. 链接设计：简洁明了的链接有助于用户快速找到目标页面。
2. 下划线使用：合理使用下划线，让用户一眼就能识别出可点击的链接。
3. 已访问链接显示：通过改变已访问链接的颜色，让用户区分已访问和未访问的链接。

通过以上方法，我们可以使网站设计更具感染力和理性，从而提升用户体验。

第10章 编辑样式

网页设计中，图像扮演着至关重要的角色。即使没有图像，网站仍可存在，但缺少图像会使网站显得不完整，不符合用户期望。图像不仅可以补充文本内容，还能量化信息、解释概念和展示因果关系。文章详细介绍了多种图像类型，包括位图、矢量图、SVG图像和图标字体，并对GIF、JPEG和PNG等常见图像文件格式进行了特点与适用场景的分析。同时，强调了为图像添加alt标签的重要性，并探讨了如何根据屏幕分辨率优化图像，以提升用户体验。

HTML5为网页中图像的响应效率提供了优化方案。通过使用新的<picture>元素和source-set属性，可以智能地根据屏幕宽度选择合适的图像尺寸。此外，文章还涉及色彩术语和色彩组合模型，解释了颜色在计算机屏幕上的生成方式，以及在高分辨率屏幕上如何描述图像尺寸和距离。最后，探讨了如何利用HTML5和CSS3的@media查询和srcset属性自动发送合适大小的图像，以及这些技术目前的发展状况。

第11章 图像

在企业的宣传部门负责拍摄工作时，必须遵守一定的授权规定。对于采访公司内部或外部人士，需事先获取其签名的书面同意。若采访对象为组织机构内部员工，地方政策可能还要求获取他们的同意。而在公共场合进行采访，除非采访对象是知名人士，否则通常无需同意书。针对儿童或未成年人的采访，除非父母在场，否则必须获得父母的书面授权。

采访过程中，要确保受访者的舒适，提出引人入胜的问题。摄影设备应放置在受访者较远的位置，并调整三脚架的高度以确保摄像机的稳定。为了提高效率，建议两人合作，一人负责提问，另一人则监控摄影机和声音。在采访中，应避免交叉对话，确保采访双方有充足的休息时间。同时，保持摄影机的稳定对于获得高质量的采访视频至关重要。

在进行拍摄前，应当准备好所有设备，包括摄像机、三脚架、麦克风和灯光等。这些设备的选择和设置对视频质量有着直接的影响。摄像机的高度调整要适宜，以便捕捉到受访者的表情和动作。三脚架的稳定性是保证画面清晰的关键，因此，在实际操作中，要确保其稳固地放置。

在采访过程中，提问者应专注于引导受访者，使其自然地表达观点。同时，提问者也要注意倾听，以便捕捉到有价值的信息。采访者与受访者之间的互动对于构建良好的采访氛围至关重要。为了提高采访效果，采访者可以准备一系列有趣且具有针对性的问题。

在处理采访内容时，要考虑到视频的可访问性和搜索性。为音频和视频提供文字版、字幕和视频描述，有助于提高视频的搜索排名，让更多人能够接触到内容。此外，针对不同视频发布平台（如YouTube、Vimeo和Facebook）的特点和优势，应采取多渠道策略，以最大化视频的曝光度。

综上所述，视频制作是一个系统化的过程，从前期准备到后期制作，每一个环节都需要精心策划和执行。在保证内容质量的同时，也要注重用户体验，确保视频在吸引观众注意力方面发挥最大效用。

Web风格：用户体验设计基本原则及实践（原书第4版）