先找真正承担状态信息的那条边
一张资料图可以用细框指出编辑正在讲解的区域,也可能记录原界面已选中的项目。两种框应有不同注释。假定编辑画了三张牌面示意卡,只给第二张描边。要评估这种线索,先看读者能否在当前背景中找到那条边,再看能否说出边框的意思。W3C 非文本对比度说明关注识别界面控件、状态或必要图形所需的视觉信息,并把阈值写为三比一。对编辑新增的边框,首先找它实际贴着的背景。内边靠牌面、外边靠页面时,需看读者依赖哪条分界线识别这一状态。调色时可以把标注图裁到只有边框和相邻区域,避免图里更亮的物件干扰观察。
图案背景可能使同一条边只有半圈清晰
如果标注横跨浅色和深色块,边框在一侧显眼,在另一侧可能融进背景。可以在最接近的几处边缘分别查看,不要只截最好认的一角。对编辑制作的图解,可以给标签文字加一个底板,也可以配黑白两道轮廓或附短文字。W3C 的颜色准则说明颜色不应是传达信息的唯一视觉方式。把选中写在相应图块里,读者即使无法辨认某种色相,也有另一个判断依据。若目标是忠实保留原始截图,可另做一张带编辑标注的图并说明两图的差别,把新的线框和文字留给图解。这样读者能回到原始画面观察,不会把编辑画的框认作产品自带的提示。
分别检查原图、手机页面和灰度预览
先打开原尺寸图确认有文字、框线和图例,再在窄屏文章里检查缩小以后哪些提示还可辨认。接着用灰度预览看没有颜色差异时,序号、线条宽度和文字是否足以找到同一处区域。想用对比工具核对时,选择边框与紧贴它的背景颜色,记下所用颜色值、图版和检测位置。W3C 说明阈值不应靠四舍五入抬高。如果只测过一处均匀背景,不妨另测线框经过纹理的位置。最后记录框线用来解释原界面状态还是用来指引阅读顺序。在图注写明这个目的,使用文字版的读者也能知道去查哪段正文。
常见问题
Q1 问:边框只改成另一种颜色够吗?
A1 答:若颜色承载状态,建议再加可识别的文字或标记,同时查看与相邻色的对比。
Q2 问:三比一该比较哪两个颜色?
A2 答:比较承担识别作用的视觉线索与相邻颜色。复杂背景可挑几个靠近线索的位置分别核对。
Q3 问:怎样分辨标注和原图里的框?
A3 答:分开保存原始资料和编辑图解,在图注注明新增的是哪一层。