分享7个非常实用的图文排版小技巧
发表人:夕彩 | 2021-07-26

很多新手设计师在平面排版时忽略了很多细节,特别是刚刚入门的同学需要要特别注意,这里有7个图文排版技巧,基本适合任何图文排版的场合使用,并且简单、易懂又实用,请一起来学习。

7个图文排版技巧:

  • 文字易读性

  • 文本对齐方式

  • 文本行间距

  • 字体间距

  • 文本行长

  • 注意留白

  • 合理使用点缀元素

一、文字易读性

文字是整个版面的重要信息来源,所以保证可读性,是文字排版中首要考虑的事情。影响文字可读性的因素很多,但在众多问题中,流畅的阅读排版是保障可读性的基础。在排版中控制好文本的长度、字距、行距、段落与对齐方式,就能够有效的提高可读性。

image.png

二、文本对齐方式

统一的对齐会让文字排版井然有序,阅读起来会非常流畅。多种对齐方式,会是使页面混乱不堪。除了文本之间要保持统一的对齐方式之外,正文要尽量保持两端对齐,这会关系到页面是否整洁。如果是网页CSS排版请使用text-align:justify;属性,切记注意只有一行文字的话用两端对齐是没有效果的哦

image.png

三、文本行间距

行间距是行与行间的间距,行间距通常伴随着字体大小而的变化,默认行间距会稍大于字体的大小,通常的这样看起来会比较的拥挤,可以根据页面实际情况去考虑增加间距,增加文字的呼吸感。

image.png

四、字体间距

新手排版时,有时候会因为文本内容过长,而版式又受限,会去选择压缩字符间距的方式来达到控制文本长度的目的。其实这是一个容易被忽略的错误,字间距过于拥挤会降低文字的可读性。

image.png

五、文本行长

单行文字如果包含的字数太多,文本内容将会很难阅读,一是阅读的时候会难以换行,二是容易造成阅读疲劳。合理的行长会使用户在行间跳转时比较轻松,反之则会使阅读成为一种负担。

image.png

六、注意留白

通常设计的首要任务就是制造视觉焦点,吸引用户的注意力。而留白能够让用户尽快的寻找到所需要的信息,提高用户体验。但也不要为了留白而一味留白,应该注意元素之间的连续性。如左图,虽留出了大量的留白,但是元素之间没有太多的连续性,造成了主次不分,分散用户注意力。而右图通过对齐和调整间距的方式,使页面有了视觉焦点,同样是留白,就会显得更加协调。

image.png

七、合理使用点缀元素

有时候当我们感觉到画面空旷时,就会习惯性的添加漂浮物或相关元素来填充画面空白。这是很常见的方法,但是这个方法容易导致画面杂乱、失去视觉的焦点。漂浮物的使用,有两点需要遵循,一是尽量的克制,添加的漂浮物只是为画面服务,不要过多的喧宾夺主;二是选用的漂浮物要与画面有所关联,一切的设计都要有合理的来源。

image.png