美文网首页
如何改善文字的可读性?

如何改善文字的可读性?

作者: 鸡蛋味蛋卷 | 来源:发表于2017-11-29 10:27 被阅读0次

    一、文字的距离

    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.图形嵌入文字负形中

    相关文章

      网友评论

          本文标题:如何改善文字的可读性?

          本文链接:https://www.haomeiwen.com/subject/aqhubxtx.html