AI 生成示意图。两幅旁白均为“雨停了。”,A采用较浅字色,B采用较深字色,放在相近浅底上比较辨认效果。正文表格的比值另按指定色值计算。

先固定旁白内容、底色与实际阅读尺寸

原创片段中,修伞铺掌柜苏越拿着合拢的蓝伞站在檐下,旁白写“雨停了。”画面采用浅色文字底。准备比较两种字色时,先固定这句话、位置、字号、字重和底色,再观察笔画与紧邻背景能否分开辨认。

先按计划发布的页面宽度读完整句,再查看局部。若问题来自字色过浅,可以先另存一个较深字色候选。若背景是纹理、渐变或场景图案,还要逐字查看文字后面的实际区域,记录最难读的位置。

把文字配色放进明确的检查条件

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

低于参照值

把计算结果带回“雨停了。”这句旁白

AI 生成示意图。两幅旁白均为“雨停了。”,A采用较浅字色,B采用较深字色,放在相近浅底上比较辨认效果。正文表格的比值另按指定色值计算。
AI 生成示意图。两幅旁白均为“雨停了。”,A采用较浅字色,B采用较深字色,放在相近浅底上比较辨认效果。正文表格的比值另按指定色值计算。

示意图A、B都写“雨停了。”,浅底位置与人物动作相近。A字色较浅,B字色较深,方便先比较辨认效果。正式排字时,可以保留原版,另存字色调整版,再回到相同页面尺寸逐字阅读。

表格对应指定色值的计算,图中笔画、底色纹理和缩放效果需另按实际成图测量。若有可编辑排字稿,先记录其文字色和背景色。只有成图时,按标准方法检查笔画及其紧邻背景,尤其留意细笔画与背景变化处。

按四步完成一次修改与复查

第一步,保留原图与准确旁白,圈出难辨认的具体字。第二步,确认干扰来自文字亮度、背景变化还是笔画太细,再选择相应处理项。第三步,对照候选记录实际色值、计算结果和查看尺寸。第四步,连读整页,确认文字仍然对应当前情节,且调整后的文字区保持清楚。

在漫页准备分镜时,可明确写出准确旁白,并注明“采用深色笔画与浅色文字底,保证实际阅读尺寸下逐字可辨”。若文字已经画入图片,按当前提供的修改或重绘入口处理对应页,完成后再次核对句子、标点和人物动作。

对比度是文字检查的一项,字号、字重、排布、图片压缩与阅读环境也需要复查。涉及渐变底、反白字、描边或特殊字效时,把每处实际条件单独登记。还可为重要漫画内容准备对应文字说明,并保留最终采用的页面版本。

相关资料与继续练习

把方法用在自己的故事里

开始创作,再一步步调整。

准备一段有权使用的故事,在漫页里完成角色、分镜与漫画图片。

进入创作