先固定旁白内容、底色与实际阅读尺寸
原创片段中,修伞铺掌柜苏越拿着合拢的蓝伞站在檐下,旁白写“雨停了。”画面采用浅色文字底。准备比较两种字色时,先固定这句话、位置、字号、字重和底色,再观察笔画与紧邻背景能否分开辨认。
先按计划发布的页面宽度读完整句,再查看局部。若问题来自字色过浅,可以先另存一个较深字色候选。若背景是纹理、渐变或场景图案,还要逐字查看文字后面的实际区域,记录最难读的位置。
把文字配色放进明确的检查条件
W3C WCAG 2.2的对比度说明,对普通文字及图像化文字规定了4.5比1的要求,同时列有大字、装饰等适用条件。本文借普通文字配色要求做基础练习,正式网页验收应结合内容用途、字号及完整标准逐项核对。
G18提供相对亮度和对比度计算方法。读取指定的sRGB文字色与背景色,按方法换算亮度后,使用较亮值加0.05与较暗值加0.05相除。下表数值由本次计算得到,配图另用两套视觉候选展示字色深浅。
用三组指定色值比较结果
表中三组均按不透明、均匀色对计算,结果保留三位小数。把计算值与4.5比较时应使用原始精度,第一组实际约4.478,仍低于本练习参照值。自己的文件需要填写实际颜色,再按相应方法复核。
文字色 | 背景色 | 计算对比度 | 相对于本练习4.5参照值 |
|---|---|---|---|
#777777 | #FFFFFF | 约4.478比1 | 低于参照值 |
#595959 | #FFFFFF | 约7.005比1 | 高于参照值 |
#B5ADA4 | #F1EEE8 | 约1.913比1 | 低于参照值 |
把计算结果带回“雨停了。”这句旁白
示意图A、B都写“雨停了。”,浅底位置与人物动作相近。A字色较浅,B字色较深,方便先比较辨认效果。正式排字时,可以保留原版,另存字色调整版,再回到相同页面尺寸逐字阅读。
表格对应指定色值的计算,图中笔画、底色纹理和缩放效果需另按实际成图测量。若有可编辑排字稿,先记录其文字色和背景色。只有成图时,按标准方法检查笔画及其紧邻背景,尤其留意细笔画与背景变化处。
按四步完成一次修改与复查
第一步,保留原图与准确旁白,圈出难辨认的具体字。第二步,确认干扰来自文字亮度、背景变化还是笔画太细,再选择相应处理项。第三步,对照候选记录实际色值、计算结果和查看尺寸。第四步,连读整页,确认文字仍然对应当前情节,且调整后的文字区保持清楚。
在漫页准备分镜时,可明确写出准确旁白,并注明“采用深色笔画与浅色文字底,保证实际阅读尺寸下逐字可辨”。若文字已经画入图片,按当前提供的修改或重绘入口处理对应页,完成后再次核对句子、标点和人物动作。
对比度是文字检查的一项,字号、字重、排布、图片压缩与阅读环境也需要复查。涉及渐变底、反白字、描边或特殊字效时,把每处实际条件单独登记。还可为重要漫画内容准备对应文字说明,并保留最终采用的页面版本。