视觉传达设计教学过程中版面设计问题的研究分析

沈楠

摘要：在工业设计专业的视觉传达设计教学过程中，学生经常在版面设计中出现各类问题。在综合和分析了近十年案例的技术上，我们对学生最易出现的问题进行分类和分析，以便学生自查，又为后续教学工作打下了基础。我们也希望这次研究工作能对其他从事该领域教学的工作者提供一些参考和帮助。

关键词：视觉设计 版面 问题

中图分类号：G64 文献标识码：A

文章编号：1003-0069（2017）01-0126-02

引言

版式设计是以优秀的布局来实现卓越的设计，是现代设计艺术的重要组成部分，是视觉传达设计表现形式中的重要方式和手段。在市场的品牌推广宣传中扮演着重要的角色，也是视觉传达设计教学中的重点内容，本文的目的是通过研究版式设计中运用的图形、文字、色彩等元素的编排搭配出现的常见问题，探讨这些对于版式设计效果的影响。从而实现应用型人才培养的目的。

一、视觉排版的“透气”问题

（一）版面满涨问题

版面中内容过多，没有留出足够的“透气孔”。也就是留白不够，给人一種非常满涨的效果，显得十分压抑；同样，版面中文字字号过大，行间距过小也会给人造成同样的视觉感受。

（二）版面留白问题

首先，设计中有意地将页面大面积留白，可以体现出典雅的版面风格；但是如果页面四周没有任何章法地留出太多的空白，没有做出疏密关系的对比，就不是以设计为出发点而留白的情况，而是没有经过任何思考过程，随意摆放设计元素的结果；其次，页边留有太多的空白会导致页面内容没有张力，反而有紧缩感，违反审美的视觉原则；版面的疏密问题是排版设计中首先要考虑的问题，有密就有疏是版面设计中永不颠覆的真理；疏密是与“透气”、“满涨”相辅相成的，也是形式美必须遵循的法则。

二、视觉排版的“配色”问题

（一）色彩的主题

排版设计应该有与排版内容相符的主题色彩，否则版面就无法风格定位；版面中出现的背景或色块颜色必须是与主题相关和相符的色系，而不是设计者信手捏来的颜色背景或标题色块；

（二）色彩的衬托

版面设计中背景颜色起到衬托主体文字的作用；背景颜色如果是亮色，那么文字颜色最好是黑色或明度较低的颜色；背景颜色反之，则使用明度高的色彩作为文字色彩；

（三）色彩的搭配

颜色除了明暗度的互相衬托问题，还需要考虑颜色之间的色相关系是否搭配、统一和和谐；比如说黑、白、灰三色可以和任何一种色相进行色彩搭配；黄色可以和红色或蓝色、绿色或紫色进行搭配，但是不适合跟粉色进行搭配，诸如此类，在此不一一例举；值得注意的是，虽然配色有一些习惯性的原则，但是也没有一成不变的配色原则，作为初学者还是从习惯性配色的角度学起，再在学习中不断探索尝试新的配色方法，否则容易走弯路；

（四）色彩的比例

一般情况下，版面中出现的色彩不宜过多，就算有也需要有一个主体色调，也就是要保持色彩统一的原则；除统一的主体色调之外，配色方面可以出现小面积的色相对比，但是不能出现大面积的色相对比，因为要遵循从统一中求变化的设计原则；此法则也不是一成不变的，但是适用初学者；

（五）色彩与文字

如果要在照片素材这样的渐变色背景上文字排版的话，文字必须是带有阴影的文字；这样的字体填充方法能使字体有更强的环境适应性，文字无论是在亮色背景还是暗色背景基本上都可以被识别出来；具体做就是亮色填充字带深色阴影，暗色填充字带亮色阴影。

（六）色彩与背景

如果不是非要使用照片色彩来作背景，还是最好用纯色填充背景；或者是在照片素材上放置文字的地方增加一层半透明蒙版，或是在图片处理软件中虚化中间版面；除以上两种方法之外，还有很多应对方法，在此不一一例举了。

三、视觉排版的“干扰”问题

视觉排版中会出现文字、图片、颜色等很多视觉元素，编排过程中经常会出现元素之间配合不当，相互干扰的情况，具体问题如下：

（一）纯色背景和图片背景

背景颜色最好采用纯色背景，否则文字放在带有图案感觉的背景上就会出现互相干扰的现象和问题，不如纯色的背景对文字的衬托力好；如果必须放在图案的背景上，务必采用增加文字底色的方法进行化解。原则上是浅色文字用深色底色，深色文字用浅色底色的方法。

（二）文字和插图

文字和插图一定不能出现重叠现象，因为在版面中文字和插图应该是互不干扰得，各在各的位置上。虽然文字和插图有互相说明和依托的作用，但是绝对不能互相重叠，这样会互相干扰对方，削弱彼此的视觉冲击力。

四、视觉排版的“插图”问题

（一）插图像素过低

版面设计中过低像素的插图会大大影响版面的质量，所以说排版设计中的图片必须是清晰和高像素的，只要不脱离主题，图片素材选择的空间是很大的；

（二）插图形式单一

插图的处理手法过于单一，原图是什么尺寸比例和外形，就只会用什么比例关系和尺寸的图片，不会改变图片外轮廓形状或改其为透明无规则边框的Gif图片格式；因此，版面也无法脱离同一种排版方式；

（三）插图不能变形

插图不能被直接横向或纵向拉扯成不合比例的变形效果，这样既违背原图的尺寸比例关系，也不符合视觉设计的原则；

（四）插图的取舍

版面中对图片的取舍问题，自选图片如果内容近似或是重复就没有必要放置多张，注意“精而不杂”才是正确的排版原则；

（五）插图的外框

插图的外形框必须统一化，不能一张版面上出现超过两种形状的图形外形框，比如矩形导圆角的图形外框的圆导角的角度也必须是统一的，否则版面插图的格式就无规律可循了，会显得过于杂乱；endprint

（六）插图的裁剪

使用“图框精确裁剪”→“放置在容器中”进行图形外形编辑时，一定要图片撑满图框，不能有图框内填充不饱满的情况出现；如图

1.1-图1.2所示效果。

五、视觉排版的“正文”问题

（一）正文分栏

排版设计一般情况下不会全篇通栏设计，所以一定会分栏处理正文内容，因此就要考虑段落分栏的问题了；段落分栏中分栏尺寸应该尽量统一，分栏的间距也必须统一；除非有设计的原因，需要做适当的变化和调整才可以进行区别化的处理；这都是排版应有的设计规范。

（二）正文行距

段落文字排版设计时不应使用软件默认行距，必须调整行距不小于1.5倍，至少绝对大于字间距；这样阅读时识别性才更强，能有效减少视觉疲劳度，符合排版设计的易识别视觉原则；

（三）首行缩进

段落文字不能随便设置或不设置段落的首行缩进，首行缩进必须统一规范为2个字符；首行缩进不能想空几个字符就空几个字符或首行不空字符；

（四）文本属性

段落文字必须放在统一的文字编辑框内编辑，保证其文本属性是一致的，除非有段落设计的考虑才可以进行属性不同的文本编辑；标题、正文标题和正文也需要放置在统一的文字框内编辑，保证所有文字内容的行间距都是统一的。

六、视觉排版的“主次”问题

（一）标题与正文

标题与正文的主次关系应该是标题为主，正文为次；“标题”必须从字号、字形、字色上都强于“正文”；

（二）主标题与副标题

主标题与副标题的关系应该是主标题（为主）字形厚重，字体颜色抢眼或浓重，字号大；副标题（为次）必须在字形和字色、字号上弱于主标题才行；

（三）插图与插图

首先，插图之间应分主次，前面提过的图形外框形式最好统一；如果主、副插图是有别的形式，也最好不要超过两种式样种类；还有就是主插图一定要比副插图尺寸大1.5～2倍，因为很难用肉眼辨别细微差别，是无法区分插图的主次关系的；当然这是最基本的插图主次比例关系，不能涵盖一切版式插图比例关系。其次，并置的插图间也最好遵循（横向并置的插图）高度一致，或（竖向并置的插图）宽度一致的准则；

最后，插图与插图在布局过程中也要考虑在整个版面中的位置上下左右、面积大小轻重的视觉平衡关系。

七、视觉排版的“习惯”问题

（一）段落内容有序

由于排版问题导致的段落前后次序不明的问题是排版中值得关注的问题。因为现代人的阅读习惯是从左至右，从上至下；所以不能随便任意地摆放段落内容，否则会出现使阅读者产生阅读顺序障碍的问题；

（二）视觉元素有序

好的版面设计应该是有目的地调动版面中所有元素的出场次序；把文字、图形等视觉元素跳入“人的视线”的顺序设置成有先后、有主次的序列；设计者就相当于一个出色的导演，用面积大小、颜色等视觉元素来带动元素出场的顺序，也就是先让阅读者看见什么，再看见什么……都是由版面设计者精心安排的结果，而不是盲无目的摆放安排。

八、视觉排版的“态度”问题

（一）粗略编排

简单粗陋地将图片、文字要素进行简单的排放和堆砌，没有考虑各个元素间的潜在联系，比如看似相隔甚远的元素时间的“上、下、左、右”的对齐关系……

（二）方案雷同

设计方案个案中没有明显风格差异，只是简单的局部小调整，不符合方案各异的设计筛选要求；

（三）校对不够

段落文字内容不完整的问题，排版设计中出现了文字内容“錯字”、“别字”的现象，都是没有认真校对的结果；

（四）编排不规范

同级别的段落文字，出现字体大小或行间距不统一的现象，都是编排过程中没有规范编排的结果。

结论

对于视觉的版式设计，设计者都有自己不同的设计理解和处理手法，都遵循一些基本的设计原则，所以我在这里提出的观点都围绕版式设计基本视觉原则进行探讨和分析。在不违反以上八点原则的基础上进行的其他设计创意也是不违背视觉的基本设计原则的。不能说本文总结的内容已经涵盖了所有的设计原则，但是涵盖了具有普遍共性的一些设计问题，所以对于版面设计的初学者，尤其是工业设计专业的本科大学生有着一定的指导意义。endprint