用持续工作而不是首页截图定义可读性
首页截图通常文字很少,而且会选择最有利于背景的窗口尺寸,因此不能代表真实可读性。日常任务包含长段落、代码、链接、状态、报错、菜单和输入框。可读性的标准是在正常距离和正常亮度下快速分辨,而不是盯着几秒后勉强看见。选择一个包含多种内容的普通任务,滚动页面,让不同文字经过多个背景区域。如果必须靠近屏幕、反复选中文字或不停调整窗口才能阅读,说明背景正在增加认知成本,应优先修改原图,而不是要求用户适应。
- 选择内容结构丰富的真实任务。
- 按正常距离与亮度检查。
- 滚动并覆盖多个背景区域。
- 以轻松浏览为通过标准。
控制局部亮度,而不是只看平均暗度
两张平均亮度相同的暗图,文字表现可能完全不同。平滑深灰能提供稳定对比,夜景中的白色窗格却会切断字形。检查小字所在位置的局部亮度,寻找穿过阅读列的亮线、硬边、高光和明暗条带。临时灰度预览很有帮助,因为饱和蓝色或红色看似很暗,却仍会形成强边缘。降低孤立高光,避免阴影完全压死,并压缩阅读区内部的明暗变化。右侧主体区可以保留更强对比,但要确保响应式裁切不会把它移动到正文下面。
- 使用灰度预览。
- 重点检查小号弱化信息。
- 减少文字后的孤立高光。
- 把强对比集中在右侧焦点区。
识别会像噪声一样干扰文字的纹理
星点、雨丝、发丝、树叶、电路、织物、颗粒和生成微细节会制造大量边缘,即使它们单独看很精致,也会在小字号后面与笔画竞争。后期模糊不一定可靠,高对比细节可能变成发光斑块。更好的起点是大面积渐变、柔云、宽阔几何形和有限景深。必须在图片最终显示尺寸下判断;全分辨率中漂亮的纹理缩小后可能变成闪烁噪声。还要检查压缩块和渐变断层,避免它们看起来像禁用态或边界线。
- 按最终显示尺寸判断纹理。
- 优先大形状与缓慢渐变。
- 检查模糊光晕和压缩块。
- 从阅读区移除生成微细节。
测试静态设计稿看不到的原生状态
使用键盘依次聚焦导航、按钮、项目卡片、链接和输入框控件;选择文字、悬停操作元素、打开菜单,并观察安全的验证提示和禁用标签。焦点环、选中颜色和链接状态必须与壁纸明显区分。输入框在空白、聚焦和已输入文字时都应有清楚边界。代码高亮和行内链接要在面板及暴露背景上可读。如果会切换基础明暗外观,就应分别检查,不能假设深色模式通过后浅色状态也会自动通过。真实交互比任何静态预览更容易暴露冲突。
- 检查悬停、焦点、选中和禁用状态。
- 查看代码、链接、警告与弱化标签。
- 测试空白和聚焦输入框。
- 重复检查日常使用的基础外观。
在不同窗口和显示缩放下重复检查
背景会随窗口宽高裁切,系统显示缩放又会改变文字和控件的视觉密度。至少测试全宽、常用半屏和最窄可用桌面窗口,并在每个尺寸打开首页与任务页。宽屏中的左侧安静区可能在窄屏中消失,右侧安全的人脸可能移动到正文后面,输入框也会占用更多垂直空间。应使用实际工作的 Windows 缩放或 macOS 显示模式。网页式响应预览可以用于早期设计,但最终判断必须来自官方应用和实际视觉工作流。
- 测试宽、中、窄三种窗口。
- 使用实际系统显示缩放。
- 每个尺寸检查首页与任务页。
- 不要只在设计画布中批准。
用明确清单决定保留、修改或发布
只有当主阅读列安静、弱化文字清楚、焦点可见、输入框边界明确、主体在两个裁切中都完整时,才应保留主题。高频细节穿过文字、重要画面被控件遮住,或必须依赖过厚面板时,应继续修改。每次只调整一个变量:减少细节、移动或缩小主体、压缩亮度、改变强调色,并记录导出版本。如果要公开分享,至少展示一张首页和一张有内容的任务页,说明适用的基础外观、图片来源与真实检查范围,不要把一次测试写成永久兼容。
- 通过:正文无需费力即可浏览。
- 通过:焦点和输入框始终清楚。
- 修改:图片与内容或控件竞争。
- 发布:提供授权明确的代表性证据。