【设计干货】学习电商设计版式设计图文排版更完美

当希望观者能够首先注意到的内容，并形成先后顺序时，必须通过设计将其明确地提示出来，在这种情况下的各部分内容占的尺寸比例，在设计领域内被称为“优先率”。

如果页面整体内容的优先率较高，那么页面的内容就会富于变化，产生富于动感和节奏的效果。相反，优先率比较低的页面就会给人带来稳定平整的印象。在设计各部分内容所占面积的大小时，必须要基于媒介载体的传播特点来进行编排。

①按图片大小区分内容先后顺序。当页面中有许多大小一样的图片时，观者就会认为这些图片都是并列处理的。如果将其中的一张图片扩大，那么它就会比其他的图片更加醒目。在版式设计时，有意识地将希望观者注意的图片扩大，将不希望观者注意的图片缩小，页面的优先率就会得到提高，从而达到对内容的先后顺序进行明确区分的目的。

②按文字大小区分内容先后顺序。文字字体的大小被称作“字号”，这种字号值的差别被称为“优先率”。字号越大，越容易识别，越容易被吸引；相反，字号越小，越不会引起注意。

③按颜色和形状区分内容先后顺序。对于两张相同色相的图片而言，纯度高的颜色要比纯度低的颜色更加显眼。但在许多不同的内容中只有一个部分内容的颜色与众不同，在这种情况下，观者就可以明确地认识到这个内容是重要的。

当然，也可以通过形状来区别先后顺序。特殊的形状更容易引起观者的注意，在周围的内容全都是不同的形状时，其吸引观者注意的程度就会减弱；在相同的形状中，只混入某一种特殊的形状，这种方式就可以用来强调内容。

所谓留白就是指页面“余留的白地”。但是“无目的的留白”和“有目的的留白”对于页面的美观有着不同的作用。有目的的留白可以降低页面的压迫感，可以改变页面给人的印象，可以表现出页面内容之间距离的不同，可以使页面产生构成的变化，可以使页面得到空间的扩展。因此，掌握了留白的功能，可以带着更加明确的目的来控制页面的空间构成。

①统一图片之间的间隔。通过图片之间的间隔，可以有效地表现出各图片之间的关联性，以及彼此之间组合关系。因此，在安排图片之间距离的时候，要预先设定出一定的标准。另外，在两张或几张图片的排版过程中，可以将图片彼此重叠，使之成为一个整体，可以表示出图片间较强的结合关系。

②统一文字之间的间隔。统一文字之间的间隔包括确保内容可读性的绝对性间隔和表示内容之间相关的相对性间隔两种。在正文中如果各个段落的行距不同，就会被认为每一行的内容都不同，也不便于阅读。从局部看，如果小标题与正文之间的距离，比段落之间的空白距离大得多的话，那么也会使阅读变得困难。

③统一图片与文字的间隔。在作为不同的编排要素的图片与文字之间，按照预先设定的标准来确定间隔，表现彼此之间的关系，这是非常必要的。照片与文字说明的关系为例，一般来说较多采用的绝对间隔是2mm左右。当确定的照片与文字说明的间隔之后，在统一的页面中各个元素之间的间隔，最好采用统一的距离。这样一来，每一张图片所对应的文字说明就都能够让人一目了然了。

首先作为一般性的规则，应该能够将统一的段落文字与图片的宽度统一起来。如果字行和段落文字的结尾处长短不一，就会让人觉得不协调。当然，如果所有的内容都被处理的过度统一，有时候也会起到相反的作用，给人带来沉闷的感觉。在文字与图片的混排过程中，整齐中加入变化是很重要的。

在版面编排中，图片之间是统一，还是有所差别，这种关系处理不明确的话，图片是不会显得美观的。把应该统一起来的部分统一起来，把应该拉开距离的部分大胆的拉开，这样的编排，才会使文字与图片看上去既有条理，又有秩序，要注意避免那些整理不充分的散乱编排。

当有多个形状同时出现在一个版面上的时候，如果边线没有统一，那么就很难让观者感受到它们之间的关系。但是，即便只是通过调整垂直、水平方向的边线，也能够让观者从中感受到各部分内容彼此之间的关联，给人以井然有序的印象。

调整各部分的边线，可以使页面整体产生一种秩序，而没有经过对齐统一的页面，则会让观者觉得杂乱无章。此外，通过对页面各个部分内容的统一，可以对内容进行逻辑上的区分，从而更容易让观者看出部分与部分之间的内在区别。

在进行图文混排时，应注意不能因为要插入图片而损坏文字部分的可读性。如果在构成的段落文字中插入图片，那么阅读的视线就会被打断，然后观者往往就会不知道应该从什么地方继续读下去。而且在一行文字中间，也不应该在不适合的位置插入图片而造成阅读的不方便。

可以考虑在段落的开头和结尾处插入图片，当无论如何也要在段落中插入图片时，应该将图片安排在不会造成段落不通顺的位置上。在插入图片时，应该在充分考虑不妨碍视线流动的同时进行编排设计。

在有些情况下，必须在图片中插入文字。对这种情况一个重要的前提是，不要将文字覆盖在需要重点展示的被拍摄的对象上。例如：人的面部、手部、静物主体的细节处等。如果文字将被拍对象的重点展示部分遮挡，那么就会喧宾夺主，影响观者的观看效果，让人产生厌烦的感觉。

对于文字来说即便是插入图片中，也最好采用不会影响文字的可辨识性色彩。由于图片是由多种颜色组合而成，所以如果文字颜色选择不当，往往会造成其不易辨识的结果。最好将白色和黑色作为基本的文字被选颜色。图片中的白色文字，如果选用纤细的字体,如细宋，同样也会不易辨识，而且印刷过程中也往往会被漏印。如果选用白色的文字，那么最稳妥的选择应该是选择那些笔画较粗的字体，如黑体等。

在版面设计过程中，设计师通常将希望比较明显的文字的字号放大处理，这样做的结果会使文字与其他内容的差别过大，给人造成“满”的印象，从而无法营造出典雅的效果。如果我们通过不放大字号，仅通过留白来增强效果，仅改变这个部分的颜色，即便文字的字号很小，文字看起来也会变得明显。

文字周围的空白部分扩大也是一种很有效的方法。如果设计的整体方向是希望能够突出“典雅的意向”，那么就可以尝试通过对周围留白的灵活处理来使其变得“突出”的处理方式，也有效地避免了文字与图片氛围间的冲突。