14个图文排版设计技巧，新手必看实用指南

个人的主页是，网址为www.zcool.com.cn的地方，其中用户编号是13166918。

诸多从事设计工作的人员，于进行平面排版这一行为之际，把好多细微之处给遗漏了，尤其是那些刚刚进入该行业领域尚在初始阶段的同学，是要格外加以留意的。在此处，存在着十四项关于图文排版的技术窍门，基本上在任何一种涉及图文排版的情形状况之下都是适宜运用的，而且具备简便、易于理解以及实用的特性，那就请共同前来学习掌握这些内容吧。

14个图文排版技巧：

一、文字易读性

文字作为整个版面关键的信息源头，因而确保其具备可读性，乃是文字排版时最先要思索的事项。影响文字可读性的因素繁杂多样，然而在许许多多问题当中，流畅无阻的阅读排版是确保可读性的根基所在。于排版期间把控好文本的长短、字与字之间的距离、行与行之间的间距、段落以及对齐方式，便能够切实有效地提升可读性。

二、背景与文字区分

以白纸黑字、黑纸白字作准则，于深色背景用亮色字体总体可确保可读性，字体过细，背景和文字对比度欠佳，文字透明度过高，均会使文字与背景相融，有此类问题都需针对性调整。

三、字体风格

如果选择那种和页面设计风格不存在搭配关系的字体，就会带来一种“违和”的感受，进而改变页面本有的气质模样，还会对信息传递这一行为造成影响。应该依据页面所具有的风格，去挑选那种和其气质相互契合的字体，像粗体呈现出厚重的特质、细体展现出高冷的风格，就如同右图里面，那种棱角分明的字体能够带来先锋以及潮流的感觉之类等等。

四、字体的使用数量

选择风格适配的字体之外，还要把控字体类型数量。一般来讲，单个页面里字体类型数量，最好别超过3种。这是由于字体种类过多，会致使页面风格极难统一，还容易出现之前提到的字体与页面风格不匹配情况。虽说字体类型数量并非一定要控制于3种以内，然而太多的字体类型，可控性欠佳且容易造成视觉干扰。

五、文本对齐方式

会让文字排版呈现出井然有序状态的是统一的对齐，如此一来阅读起来会极为流畅。而若是存在多种对齐方式，那将会致使页面变得混乱不堪。除了文本相互之间需要维持统一的对齐方式以外，正文应当尽可能保持两端对齐，这与页面是否整洁存在关联。

六、文本行间距

行间距指的是行与行之间的间距，它常常会跟着字体大小发生变化，默认的行间距会略微比字体大小大一些，一般情况下这样看上去会比较拥挤，能够依据页面实际情形来考虑加大间距，以此增加文字的呼吸感。

七、字体间距

初学排版之时，偶尔会因文本篇幅偏长，然而版式存在限制，进而采用压缩字符间距的办法来达成控制文本长度的目标。实际上这是一个极易遭到忽视的差错，字间距太过拥挤会致使文字的可读性下降。

八、文本行长

要是单行文字所含字数过多，那文本内容读起来就会相当费劲，一方面阅读时很难换行，另一方面还容易引发阅读疲劳。合理的行长能让用户在行间跳转时较为轻松，不然的话，阅读就会变成一种负担。

9、图文排版的亲密性

所谓亲密性在排版里的理解，通俗讲就是我跟你距离近，那我们的关系便会密切。图文排版时间隔的大小，乃是影响亲密性的主要因素。左图里一致的间隔，会致使让人产生困惑，对于各个标题、正文以及图片之间的关系傻傻分不清，极大地影响用户阅读体验。在右图中，我们借助调整间距，将相关的标题正文图片划分成了一组，如此一来元素之间的关系清晰明了。

10、注意留白

通常而言，设计的首要任务在于制造视觉焦点，以此来吸应用户的注意力，此其一。留白能够促使用户尽快找寻到所需信息，进而提升用户体验，此其二。然而，切莫为了留白而盲目作留白处理，应当留意元素之间的连续性，此其三。像左图这般，虽说留出了大量的留白，可是元素间并无太多连续性，导致出现主次不分的状况，分散了用户的注意力，此其四。而右图借助对齐以及调整间距的办法，让页面具备了视觉焦点，同样是留白，却显得更为协调，此其五。

11、合理使用点缀元素

我们有时会在感觉画面空旷之际，习惯性地添加漂浮物或者相关元素去填充画面空白，这是极为常见的方法，然而该方法偏偏容易致使画面变得杂乱，进而失掉视觉焦点。对于漂浮物的运用，存在两点务必遵循，其一要尽量克制，所添加的漂浮物仅仅是为画面效力，绝不要过多地喧宾夺主；其二所选用的漂浮物得与画面存在关联，所有的设计都得有合理的来源。

12、使用几何填充

我们通过选用点、线或者色块等几何形状弥补影响版面平衡的空白，方式并非只添加漂浮物。我们观察此时画面排版中出现的突兀空白，若无法通过变换版式加以改变，也可采用此法掩盖问题。

13、使用底纹文字

当页面呈现出单调之感，而我们又需开展一项简洁的设计工作时，选择增添点缀或者漂浮物便会显得不太合适。在这个时候，我们要通过何种方式才能够使画面变得丰富起来呢，其实很简便，那便是添加底纹文字。所谓底纹文字，即是在背景之上增添相关的英文单词或者文字，在进行处理的过程当中，需要留意颜色应当浅淡，要与背景具备良好的融合度，并且要与文案错开，要不然就会对文字的识别性产生影响。底纹文字的运用，其益处在于在维持画面简洁的状况下又能够让画面得以丰富。

14、营造空间感

在平面里营造空间感，无非就在于近大远小以及景深模糊这两方面。营造空间感的目的，也是为了突出主体，制造出视觉重点，进而吸引用户的注意力。就像左图那样，两个形状大小一样的产品直接叠加一块，那是根本没有空间感的，“左字右图”的原本这个平衡被这下可是全然破坏了。我们在右图之中，把放在后面的那个产品进行调小并且使之模糊处理，促使视觉重点落在前面，而这时后面的产品就会不知不觉地被当成背景的一部分，如此进而形成画面中“左字右图”这个内容达到一种平衡。

结语

各种各样其余的还有好多，就不再一个一个列举讲出来，看上去平常普通的图文排版，实际上所包含覆盖的内容是特别辽阔宽广的。总而言之来说，把每一个细微渺小的细节处理妥当，能够促使让更优良出色的提升设计质量品格。

继续浏览有关 图文排版设计技巧 的文章