浅谈版式中图文处理的设计方法

【摘要】日本设计教育家田野永一对版式设计进行了概括：“根据目的把文字、插图、标志等视觉设计的构成要素，做美观的功能性配置构成，即为版面设计。”版式就是在版面上将一定的视觉要素在...

摘要：随着时间的推移，各类刊物已经成为具有时效性、综合性、集约化等特点的文化载体。并且在版式设计上也在发生了巨大的变化，因此如今呈现在读者面前的已不是单调的文字排版，而是具有图文并茂并且具有视觉冲击力的视觉盛宴。因此在这样的时代背景下，我们在排版设计的时候更要注重处理图文之间的关系。版式设计是当今艺术设计中的重要组成部分，同时也是视觉传达设计中的重要手段。从表面上看，虽然是关于排版的学问;但事实上，它不单单是一种排版学问，同时也是技能和艺术的高度统一。

关键词：排版;版式设计;图片;文字

在当今社会，随着网络技术与互联网的普及，快餐文化越来越多的出现在我们的周围。你是否想过，你已经多久没有安安静静的坐下来认真的读一本书了。凡事都有利弊，互联网使我们的生活更便利之外，也带来了弊端。因此在这种时代下，作为书籍设计者更需要担起我们的社会责任感与使命感，在书籍设计中更好的处理图文关系。使读者在阅读的过程中不仅仅是阅读一本书籍，而是享受一场图文并茂的视觉盛宴。文章从初识图文处理，从图文处理中的重要作用到吸引读者目光，以及版式中图文的具体选择和运用。尤其是对版式设计的图文处理带来的影响和具体的设计方法作了研究。

一、初识图文处理

（一）为什么正确的图文处理那么重要

日本设计教育家田野永一对版式设计进行了概括：“根据目的把文字、插图、标志等视觉设计的构成要素，做美观的功能性配置构成，即为版面设计。”版式就是在版面上将一定的视觉要素在有限的、特定的版面空间内进行有机的排列组合。[1]

正确的图文处理可以使版式设计更具有趣味性和艺术感。世界级平面设计大师杉浦康平就将图形和文字有节奏的结合，字符之间的变化，点线面的运用都营造着一种形式美感。要列举杉浦康平所开发的众多推陈出新的手法，实在是不胜枚举。例如他设计的《真知》中，在二段式的正文间的留白中，插入E-P-I-S-T-E-M-E杂志的英文名称字母，将其不规则的略显浑浊感的错行，通过原点形成离、合、集、散状分布在近百页的版面之中，是个饶有趣味的实验。所以在探求和摸索版式设计的过程中，增添版式设计的新概念，其意义极为深远。

现如今，在这样高速发展的数字时代下，纯粹的文字刊物已经不能满足人们的需要。人们更希望看到得是丰富的页面，设计感强的版式，这就需要正确的图文处理来使版式更具有说服力，也能提高阅读者兴趣。在习惯了密斯的金科玉律“少即是多”后，设计师对于“复杂”噤若寒蝉，普遍认为复杂的设计就是失败的设计，并因此将与复杂沾边的“装饰”也是为“错误”。但是，是否简单的设计就是人们所需呢。这就要求我们在版式设计中，正确的图文处理越发显得重要。图文处理是一个非常容易出错的地方，是否引人入胜，是否能与读者引起共鸣，是否能让读者感受到一场华丽的视觉盛宴，完全取决于版式中的图文处理。

（二）运用图文处理来吸引读者目光

缺少视觉效果的版面往往无法吸引读者眼光，特别是街上大量派发的传单。试想如果不能引起读者的注意与兴趣，只会被当成废纸随意丢弃。所以缺乏视觉效果的版面不仅仅难以传达资讯，甚至还会被丢弃在一旁。这时，我们可以在版式中插入一些素材，以此来刺激读者感官，让读者产生阅读兴趣。第一，要捕捉众人的目光，人像照片的效果最好。读者会自然而然的将视线集中在人物表情上。此外，卡通插图也具有不错的效果，即使传达的内容较为繁杂，也能利用插图缓和视觉印象。版面设计中会使用到很多图形照片的地方，而这些图片如何在版面中得到更好的视觉效果就是本文中要探究的一个方面。第二，若是将类似“SALE””限定”“新上市”“折扣”等优惠资讯和重要情报来吸引读者注意，加深他们对文字的印象。有时版面上的文字和背景色会盖过图形，导致图形不够明显，这时候就要将图形配置于文字较少的地方，并且选择与背景呈现高对比的色彩，透过版面位置与配色来制造差异性。第三，小面积的素材，可以采用与基调色产生明度差或者彩度差得色彩，也可以选用不同色相。

二、图文处理中的具体运用

（一）字体选择

文字作为一种符号系统在版式设计中既能起到装饰作用又能起到传达信息的作用，配合图片素材选择合适的字体，能加强设计理念。因此，认识文字的基本种类显得格外重要。字体，也是指笔画姿态，常见的字体有宋体，楷体和黑体。“字体的选择和大小、色彩、位置和排列的方法，都关系都整个版面构图的形式和平衡。”[2]

（二）色彩选择

色彩与文字一样，在排版设计的时候，扮演着极为重要的角色。举例来说，重要的标题所采用的色彩称为“主调色”，接着再依照主调色来决定其他配色。背景这类占用大面积的色彩称为“基调色”。例如：高明度的色彩当成主调色，配合色可选择低明度的色彩;以高明度色彩为主调色时，就可以选择低明度彩色来做配合色。另外，想强调重要的地方或者增大版面层次的时候可以适当的加入小面积高彩度的重点色。

三、实例中图文处理的作用与设计方法

（一）更显稳定感

1.对称式排版

对称式的排版，将素材上下左右平均配置，是最基本的排版技巧。呈现书稳定与信任感。（如图1.）

图1.

另一种是将主题配置在版面的中间来传达主题，可以让主题更加明确化。将主题配置在版面中央更能呈现稳定感（如图2.）。

图2.

还有一种，是平衡的对称式排版。版式图案和字体大小相同，平行排版。这样的版面设计大部分运用在商业宣传海报上面，版面呈现沉稳与庄严的感觉，使受众对产品产生信赖感（如图3.）

图3.

2.方形图排版

在版面上放置一个方形图片，给人以安定感。方形图是照片加工的基本方式，照片在方形图里会显得很有存在感。同时在图片中加强文字素材就会使画面看起来更加丰富（如图4.）

图4.

3.三角形排版

当版面有多种素材的时候，要取得平衡感就比较困难，最高明的手法就是选定三个明显素材，通过三角形构图，与文字的搭配来使画面呈现协调感和平衡感（如图5.）。

图5.

（二）更显统一感

正确的图文处理能使版面看起来更加具有统一感。比如归类相同的要素，就能创造出整体感。当图片有一定的数量时，要先确认每张照片的内容，归类相同要素的图片，或者相同色调的图片。接着再加上标题或运用框线来配置，让版面更加清楚（如图6.）。如图所示，方框中标记出来的表示该产品的来源;而圆框中标记出来的则表示海报所要呈现的主体部分。利用大小分配和归类相同要素，使整个版面更加一目了然。

图6.

（三）更显鲜明感

1.增加点缀元素

图文的另一种处理方式可以通过点缀元素来是画面变得更加具有张力。过于单调和整齐的版面，可以适当的加入一些点缀，增加版面张力，使视线集中在点缀的部分（如图7.），在灰色调的背景中添加了少量黄色要素，使版面更加具有变化。在版面周围采用不同色彩跟造型，适时扮演点缀的效果（如图8.），黄色为主调的背景在右下角出现的红色点缀，这是选择差异性较大的色彩成为点缀画面的元素。同时还可以通过文字色彩搭配来让画面看起来更加清晰，这样的交互作用下能呈现优异的文字节奏感（如图9.）。

图7

图8

图9.

2.疏密对比排版

疏密关系是呈现出对照效果和凸显两者各自的特点。在图文处理中，通过改变疏密的比例，就能替代版面创造出不同风格和呈现出版面的鲜明节奏感（如图10.）。

图10.

四、结语

在设计领域中，我认为最难的就属于排版了。即使创意构思很好，照片与插图的完成度也很高，但是如果各种素材的排版不佳，就无法将想法完整的传达给受众。这就要求我们必须在排版设计中注重图片与文字的正确处理。总之，不论是在书籍装帧，海报招贴，或者名片等平面设计上都会接触到排版。所以在版式设计中不要过度拘泥于细节，要从版面的构架来解读其中的含义，并且不能过度依赖直觉，如此才能锻炼出具有逻辑性的设计能力。

【参考文献】

[1]冯守则，罗雪，曹英.版式设计[M]，沈阳：辽宁科学技术出版社，2011

[2]崔福荣：《平面设计中版式编排与人的视觉习惯关系的研究》，2012年6月

[3]原研哉，白[M].朱锷译.南宁：广西师范大学出版社，2012

[4]张颖，浅谈书籍装帧版式设计中的留白[J].青春岁月，2013（22）

[5]杉浦康平，亚洲的书籍、文字与设计[M]，北京：三联书店，2006

[6]靳埭强，视觉传达设计实践，上海：上海文艺出版社.2005