视觉设计的第一道关.docx

视觉设计的第一道关——有感于版式设计课堂教育
--王冰冰
当我们开始一门新设计课程的学习时，习惯性地涉入几个类似的问题，例如学习这门课的目的是什么？课程将会解决哪些问题？构成这门课的要素有哪些等等。
总的来说，做设计的过程就是从一个有意义的设计主题出发，将类似的表现元素用一定的手段表达出来，从而达到一个理想的结果。所谓类似的表现元素，就是一切平面视觉设计的三要素：图形、色彩和文字。那么，针对版式设计来说，通常把图形（图片）、标题字、正文和色彩作为它的表现要素。从简单的意义来说，版式设计就是将这些设计元素进行必要、合理的编排，这也是最表层的意思。如果向深层次挖掘，它不仅是一个合理编排传达信息的过程，更体现了一种直观动人、简明易读、主次分明、概念清楚的美的构成形式，同时也反映了设计者的专业素养与文化理念。版式设计涉及的面比较广，诸如广告设计、书籍装帧设计、包装设计、宣传页设计、报纸杂志的设计等。版式设计在整个平面视觉设计中占有非常重要的传导作用。一方面，它与平面构成和色彩构成两门基础课程有着丝缕的联系，如平面构成中的点线面、黑白灰概念，构图的形式美法则和色彩构成中的色彩调和与对比、有彩色与无彩色同明度关系的转化几个知识点对版式设计中分区、分栏、信息等级编排的同理转换，如果没有扎实的构成基础理论的铺垫，版式的入门学习将会举步维艰。另一方面，所有的平面视觉设计都讲求一个版式效果，先抛开那些有图有文的，即使说在画面中只有一个字，一个点这样的弱元素，如果接受过版式教育的，都会考虑到最终把这个字这个点放在版面的什么位置最为合适，视觉效果最舒服，那么这就牵扯到一个构成的美感，也是版式设计中最为讲究的。因此，这就是版式设计这门课程传导的重要性了。
版式设计的学习首先就是要让学生对分区、分栏的概念进行详细地理解，并通过实际案例的分析，用辅助线的形式标示出来画面的分区情况并作有彩色向无彩色同明度的转换。这个练习的过程，可以让学生加深对分区，分栏概念重要性的把握，并通过一定数量的练习，可以训练学生的眼力，学生通过对明暗关系和面积大小的对比观察，在很短的时间内可以把该设计的脉络大体掌握，对整个画面的信息等级关系一目了然。这仅仅是入门的垫脚石，自己能主动建立信息等级这个版式原则才行，而不是只局限于去分析别人的。因此，我们在这一环节就安排了一个网格作业的训练。网格是一种包含一系列等值空间（网格单元）或对称尺度的空间体系。它在形式和空间之间建立起一种视觉和结构上的联系。当我们面对繁杂的信息无从下手时，可以借助网格优势确立信息与信息之间的关系。正如前面所说，网格既可以使形式之间建立一种视觉上的关联，又可以在空间之间建立结构上的呼应。再通俗一点，网格就相当于是平面构成中的骨骼线，通过这些隐藏在画面中的线条把视觉形象联系起来，同时骨骼线把空间划分成了若干个小单元，空间的结构通过骨骼线的设置得到了体现，所以外表的感性其实是内在规律理性的一种升华，这也是版式设计中内秀之美的原因所在了。

在完成了第一个阶段的基础强化训练后，自然而然地就过渡到了简单的图文混排阶段。图文混排其实是一个非常有意思的过程，笔者把它与一道家常菜的制作进行了一下对比，目的就是为了让设计简单化和日常化，让学生更为轻松地去接纳这门课。对比完之后，就会发现不管是设计图文也好，炒一道家常菜也好，内容和形式两者不可或缺。什么样的设计主题对应的是什么样的内容和形式。只有把这一点把握住了，才可能达到设计上的通感表现。钱钟书先生说过，“在日常经验里，视觉、听觉、触觉、嗅觉、味觉往往可以彼此打通或交通，眼、耳、舌、鼻、身各个官能的领域，可以不分界线……”。钱先生给我们的启示就是：通感是游走在五感之中的。通感对于我们设计人士来说，是必备的一项素质。不具备这项素质就不具备能让观众引起感情共鸣的能力。对于我们版式设计来说，一个有主题的画册或宣传页设计，可以做成两种效果。一种效果就是平铺直叙，图片文字一摆，毫无感情色彩而言；另一种效果就是充分调动每一张图片和每一个文字的积极性，赋予它们生命力，让图片和文字自己会说话，通过无声的画面达到心灵的沟通，这正是通感设计手法的应用。

通感的效果是存在于多种领域的，对于我们视觉设计来说，通感最直接最简便的表现无非就是图片或图形了。因为当我们获取外界视觉信息的时候，主要是依靠眼睛，而色彩又是在第一时间内被感知到的。图片的色彩信息量亦多亦少，而文字就不能营造出过多的色彩，否则就会失去它的功能性了。当然文字的设计部分也很重要，尤其是点睛之笔的主题性文字，可以帮助和引导观众对画面的主旋律有清晰的认知。上图为具有中国古典风格的易园画册设计。整体的版面设计简洁而不简单。区分“简洁”和“简单”在设计中的概念是比较困难的，尤其是对于初学的人来说。他们认为只要放很少的东西留很大的空间就能表达出“简洁