如何改善文字的可读性?
一、文字的距离
1.文字间距离不等,通过划分小组,能够以距离来分信息的层级,简化信息。
2.默认状态的大字体,间距过宽,会显得很松散。
横间距:压缩字间距,会使文字更整体,在不影响阅读的情况下,文字尽量贴近,使文字形成面积区域,有一体感。
纵向间距:过于小的间距,会使阅读发生逻辑混乱。
间距根据实际情况调整为文字的几分之几。
3.即使是一样大小,居中显示的不规则形状元素,在视觉上会有误差,所以要找出质量区域,忽略不规则部分,以质量区域对齐为基准。(如羽化的圆,就以大致看得清的边缘为准对齐)
4.四个注意
字体选择不宜过多
主标题文字数不宜过长
标题色彩不能与背景混淆
字体气质是否与画面匹配
二、文字组合规则
1.大小层级
创建清晰的阅读逻辑是信息传达的基础,通过大小对比,让文字之间产生差异变化,使文字组合逻辑清晰且醒目和美观。
一级文字,可通过大小对比,对主标题添加装饰信息(英文等)
二级信息,注重优先级,需强调和弱化的信息,部分文字可以符号替代(如02/06表示日期)
其他信息,添加注意平衡版面重心,注意组合节奏的变化。
2.添加装饰
a.标题加入装饰,如夏季新品——夏季x新品,x也有装饰效果。
b.文字间距大,文字以点的形式展现,将文字按照图形去理解,起到进一步装饰的作用。
c.文字与线框结合,是文字图形化的方式之一。组内文字间的距离远近,由内容的关联性决定。
d.重要信息在上,不重要信息在下。
e.文字与其他图形结合(圆形等),会激活文字的图形属性,读者会把这组文字做图形理解。
f.图形化文字与普通文字穿插排列,给版面注入活力。
g.图形与文字结合做主标题,注意图形与文字笔画粗细的匹配,让整体的灰度达到统一。
h.即使是裁剪的图形,人们也会根据视觉经验自动脑补眼前的事物。
i.提取关键字(如数字)会更有利于传播
3.叠字
a.叠字注意色彩的反差,运用明暗反差、色相反差层叠,这种手法会让层次感变强。
b.蒙版可擦出阴影层叠效果,有若隐若现的空间感
c.文字编排在线框空白位置,保证笔画不会密死的情况下,尽量接近周围灰度
d.规整字体可与奔放字体做组合
4.标题裁切
a.分栏使组合内部有更多变化
b.根据文字关联性划分文字组之间的距离,相关的信息靠近,不相关的远离
c.主标题信息过长,提取关键字“xx”并放大成主标题
d.尝试将汉字左右结构,裁切一半,组合成一组,也可识别原文字字意
e.根据文字信息内容,处理成相应视觉效果,如水墨,可做墨水侵染效果
f.不是所有文字都适合裁切,要有限考虑文字识别度。裁切有一个基线
g.大标题的,小文字(仅点缀)文字高度与主标题文字粗细相等
h.文字放大后,边缘会不规则,要以视觉对齐而不是标尺
i.注意视觉平衡,避免左轻右重活左重右轻
5.同构笔画
a.标题过长容易产生疲劳通过断行处理,让视线得到休息空间
b.字符代替文字,突出重点(2元——2¥,¥可缩小)
c.窄体使用要谨慎,因为不适用于正文和常规场景
d.如不影响识别,可用同构手法,英文字母替换中文
e.字形的选择尤为重要,笔画特征相似的字体搭配不会有违和感
6.提取图形
a.图形替换文字
b.图形嵌入文字负形中