4 分钟阅读
品牌色与字体如何影响网站可信度
颜色和类型影响商业网站的易读性、识别性和表面上的关注。实际工作是选择一个能够满足真实内容、可访问性要求和日常更新的系统。
信任始于易读性
访问者无法评估他们难以阅读的报价,因此对比度、字体大小和行长都是功能性决策。浅色品牌颜色可以保留在调色板中,而深色相关色调则带有正文和重要控件。
在常见屏幕尺寸下根据实际背景测试文本、链接、禁用状态并形成反馈。
易读性检查应使用最小的实际文本,而不仅仅是最大的标题。查看导航标签、价格、标题、同意文本、错误消息以及它们可以出现的每个背景上的链接。在明亮和昏暗的条件下以及浏览器缩放时测试页面。独特的调色板可以保持表现力,而深色色调可以处理重要的文本和控件。目的是防止访问者猜测在哪里阅读或点击。
排版需要清晰的工作
可靠的系统会为标题、正文、标签和数据分配角色,而不是为每个部分选择不同的处理方式。富有表现力的字体可以引导简短的标题,而安静的字体则可以处理定价、法律文本和说明。
计算所使用的字重和样式,删除不添加层次结构的装饰变体,并检查特定于语言的字符。
版式通过可预测的角色赢得信任。限制字体系列和粗细的数量,然后定义每个字体的使用位置。显示面可能适合矮个英雄,但在说明或合法副本中会变得令人厌倦。在批准字体包之前检查数字、货币符号、重音符号和汉字。仅加载所需的文件还可以减少页面变得可见时文本发生变化的可能性。
颜色应该一致地传达状态
界面颜色除了承载品牌之外,通常还需要显示操作、警告、成功和选择。如果主要品牌颜色也用于错误和不活动的控件,那么人们必须猜测每个状态的含义。
列出每个语义状态并确认颜色由文本、形状或位置支持,而不是单独起作用。
颜色需要超越品牌调色板的语义层。决定界面如何显示主要操作、选定的过滤器、警告、错误、成功和不可用状态。不要只依赖色调;添加标签、图标、形状或位置,以便其含义能够克服色觉差异和低质量屏幕的影响。状态库存很有用,因为它会暴露冲突,例如同一红色同时用于促销和失败的付款。
用普通页面查看系统
在演示文稿中有效的调色板可能会在较长的服务页面、密集的常见问题解答或结账页面上失败。仅测试英雄会隐藏重复的链接、微妙的边界和访问者可以进一步看到的内容组合。
实际检查
- 在批准完整构建之前,将系统应用于一个长页面、一个表单和一个移动流程。
在批准之前,在一个很长的普通页面上测试系统。主页模型很少包含密集的常见问题解答文本、重复的链接、禁用的表单控件、表格或多层标题。使用最终副本构建一个代表性服务页面和一个移动表单。如果层次结构保持清晰,而无需为每个部分添加新样式,则系统就可以在网站的其余部分进行扩展。
相关服务