版式设计概述及要素分析

　　第三章 版式设计概述及要素分析

　　一、版式设计的基本理论。

　　（一）版式设计的含义与涉及范围。

　　版式设计师在一定版面中，运用适合的元素和形式原则，根据特定的主题与内容的需要将这些元素有组织、有目的的排列组合，使主题突出、新颖、更具表现力，让读者在最短的时间内注意并有效取得清晰并且完整的信息，达到形式与内容的有效统一；另外，设计者将版面赋予美好的视觉效果、丰富了版面的的内在含义，从而受众可以产生内心的遐想和共鸣。

　　一般来讲，很多人认为版式设计只应用在报纸、杂志之中，甚至有人认为它是一个固定的形式，是一种利用画笔或电脑软件绘图的职业；无所谓设计与否，其实这都是不正确的。实际上，设计者把表达的内容运用视觉形式传达出来的同时，也要赋予这个平面情感和生命力，这样才能感染大家。因此，版式设计可以说是技术与美的结合。技术是基础，美是创作的最终产物。

　　版式设计在书刊、多媒体、企宣等很多方面都有所应用。例如书籍、杂志、DM、包装、型录、网站、POP 等，它是衡量艺术创作是否成功的重要标准。其设计原理和理论几乎贯穿于整个设计的始终，决定着视觉传达的效果。

　　目前，很多艺术类院校将版式设计归入书籍装帧课程，实际是缩小了版式设计的范围。从一定意义上讲，版式设计是具有一定独立性的。无论何种形式的平面空间都存在着视觉要素如何编排的问题，合理而具有感染力的版式设计有助于版面信息清晰、有效的传递。

　　（二）版式设计中不可或缺的性格魅力。

　　版面的构成元素大致分为文字和图片两种。基本上所有的版式设计都由文字和图片组成。版式设计需要体现出准确、生动的画面语言，因此在设计中只有尊重其创作规律，遵循它的设计原则，才能让版面获得最佳效果。

　　一、思想性与突出性。

　　版式设计的最终目的是有效的传递信息，并易于被用户接受。设计者想达到这个目标，单纯的从自己的习惯和喜好下手，毫无改变的自我风格展示，以及将以往使用过的图片、文字胡乱加在版面中获得单纯画面的形式美感，而没有深刻的内涵与个性，是无法真正的吸引受众的。必须要从用户的心理着手，确定用户的需求，并且根据需求积累相关的元素，了解元素的内涵和各个元素之间的关系，将自己的感悟和用户群体的普遍思维融入到设计创作之中，这是设计的关键。其次，要对这些元素进行合理的编排，确定主次关系，将设计者最想表达的内容作为主体形象，采用放大该元素或者元素周围留白等方式可以增强受众的注意力。

　　做到 这两点，才为创作出优秀的版式设计作品提供了前提。

　　二、艺术性与装饰性。

　　在版面设计中，将各个元素合理的编排从而产生某种视觉语言可以带来更好的创作效果。在设计者进行创作之前，首先要对所设计的内容有一个整体的规划构思，确定自己想要传达的内容与理念，以及预想中为受众带来一个怎样的视觉效果。在这些确定以后，怎样编排各个元素就变成重中之重。设计者要通过对元素的编排，将这些元素通过一些象形，夸张等表现方式结合构成的基本形式，使版面达到一个形式统一、具有创新、能带动受众心理状态、艺术性与装饰性统一的最终效果。这对设计者的各方面素质有着严格的考验。

　　三、趣味性和创意性。

　　版式设计中趣味性，是一种活泼的视觉语言，它使版面更具有艺术表现力，让读者更容易接受设计者想传递的内容。构思中可以采用夸张、比喻等表现手法，版面充满趣味性，使传媒信息更吸引人，更打动人。

　　创意性原则实质上使突出个性化原则。是一种深度的拓展思考，最大特点在于充分调动想象力，突破现有模式，以独特的视角、另类的表现手法达到幽默或者震撼、新奇的设计构想，形成个性化特征。这种特征，是版面的灵魂所在。所以设计者要敢于创新，敢于表达自己独特的思维，才能在众多设计作品中脱颖而出。

　　四、整体性与协调性。

　　版式设计是传播信息的桥梁，一切的设计都要符合中心内容的需要。不能说，为了去达到某种视觉效果，无故增加某种元素或减少一些必要的内容。版式设是在符合思想主题的前提下，对版面中的元素进行位置、色彩、布局的编排，从而使信息更好更快的传递。只追求信息的表现，不注意版面的整体视觉效果或者与之相反都不符合版式设计的要求。

　　设计者在进行版面编排时，一般对自己的编排方式都有一定的技巧性，虽然方法多种多样，但是一切都以整个版面的协调统一为基础，比如说版面各元素色彩、大小、方向的统一，结构的规划等等。协调性是版式设计中非常重要的基本原则之一。

　　五、功能性。

　　版设设计最终的目的就是信息的有效传达。所以说在设计中一定要保证设计的功能性。比如说杂志或书籍，如果本身版面中文字信息就非常多，那么此时如果刻意的去增加一些不同色彩、不同图案的装饰元素，虽然看起来内容丰富多彩，图案精美，但是不免也会给人一种眼花缭乱的视觉感受，从而影响了人们对主要文字信息的阅读，这就是缺乏功能性的设计体现。设计者要时刻以突出重点，理清层次的原则来进行创作。

　　如图是一个杂志的内页，文字与图片编排整齐，虽然版面中的信息比较多，但是依然给人一种统一，清晰的视觉感受。在阅读的过程中，节奏感也比较强，这种编排会使读者在阅读的过程中始终保持一个轻松、愉悦的心情，更有益于对信息的接受。

　　二、版式设计中的视觉构成元素。

　　想创作出优秀的版式设计作品，首先要了解版面中的视觉构成元素。在我们平时接触到的版面中，常见的元素一般有文字、分割线、图片，各种颜色的色块，这些元素都可以被理解为点、线、面的不同形态。点、线、面都是相对而言的，在一定的条件下它们可以互相转换。每种元素都有自己的特点和作用，将这些元素合理的安排在版面中，可以产生艺术美感，也使信息的传达更加有效。

　　（一）点的视觉元素形态构成版面中的点没有面积大小的范围，是根据它在版面中与其他元素对比产生的比例效果而言的，点是所有元素中最小的一个，它无所谓方向、大小、形状。当点被编排到中间的时候给人沉稳、安静的感觉。点在版面的上部时，有向下坠落的不稳定感，在版面下部时有上升感。点在版面的两侧时则有向中心运动的趋势。

　　不同形式、不同面积的点给人不同的心理感受：单独一个点，具有紧张性，比如版面中只存在一个具有点特征的的视觉元素，那么观者的目光就很容易集中过来，形成一个视觉中心，在版式设计中经常用点的这个特征来突出主题。大小不同的点会给人一种远近不同的视觉效果，使版面显得活泼、生动。多个点的连续会产生线的感觉。点的集合会产生面，版面的整体感会加强，但是点的个性和独立性则相对减弱。越小的形态越容易给人点的感觉，它可以作为画面的视觉点存在，也可以点缀和活跃整个画面的气氛从而突出画面的主体。

　　一、密集型和分散型。

　　密集型是当版面中有数量较多的点元素时，将其密集的进行编排从而造成一种密集但不混乱的版面。比如说各个元素的交叉、透叠。将多个元素集中排在一起，使用密集型的编排样式，并且利用局促感和紧凑感的版式结构，在视觉上给人膨胀或者拥挤的感觉加强版面的整体感。分散型是将原本版面中的元素进行分散和打破，使画面呈现饱满的视觉效果。当版面中有多个元素时，可以根据设计主题的需求来决定密集或者分散的编排方式，不过要注意点元素之间的关联性，过于散乱的结构会影响主题的传达。

　　二、点排列、线化排列和面化组合。

　　当版面中同时出现两个或者两个以上的"点"元素时，可以利用相邻的点之间的张力作用，使观者在潜意识中将这些点连接在一起，从而让点有线化效果。

　　这一效果不但能连接视觉要素，还能使整个画面产生强烈的吸引力，给观者留下独特的视觉印象。把多个"点"元素沿着某种方向排列，就可以增强视觉注意力。

　　版面中点元素排列的方向不同，整个设计所带给人的视觉心理感受也存在差异。

　　当点元素出现 3 个以上并且不在同一直线上时，就能构成简单的几何面。通过对这些点元素的特点编排，可以使点面效果具有多样性。加强点元素在结构和形态上的变化程度，可以加强版面的层次感和空间感。例如，加大点元素面积上的对比，可以让版式空间更有韵律感；对点元素有规律的缩放，使版面在某个特定方向上有一种视觉上的延伸感。通过这些排列组合的表现方式可以使版面结构更加多元化。

　　点的聚散排列组合可以给版面带来不同的效果，与线、面相比，点可以更灵活的与其他构成部分相结合，可以起到丰富画面、增加装饰美感、调动整体效果的作用。虽然它所占的面积最小，不过它也起着非常重要的作用，设计者要充分了解不同位置、形状、大小、颜色的点给人带来心理感受的区分。

　　（二）线的视觉元素形态构成。

　　线呈现出点的运动轨道，它也是过长的形，即其长宽形成极大对比的时候就可以看作是线。线可以是运动的，也可以是静止的。线的形式是多种多样的，颜色的色条、边框、某种特定形状的字符、装饰物都可以是线的某种形式。起着分割画面和联系版面其它元素的作用。它的延续感给版面带来一种活力，增添了想象的空间。

　　线的基本类型主要包括平行线、斜线、折线和垂直线 .直线又包括平行线、斜线、折线和垂直线，性格特征为坚硬、速度感、静止；曲线包括有规律的曲线和没有规律的曲线，给人优美、动感、柔美等感觉。下图版面中文字信息非常多，如果千篇一律的依次拍下来会给人一种乏味的感觉，不容易让人集中注意力。如果换为其它形式，由于信息过多可能会造成布局混乱的情况，这种线的应用，打破了常规版面，带来了一种柔和的，具有创意美感的画面，易于被读者所接受。

　　线同时具有延续性和空间感。水平的线给人稳定、可靠的感觉；垂直的线有比较正式、崇高的感觉、斜线的不稳定性较强，是比较能带来运动感的线条。不同样式的线，给人带来不同的心理暗示，相同样式的线，由于粗细长短的不同，给受众带来的视觉心理感受也完全不同。比如，比较宽的线条比较容易吸引受众的注意力，给人一种很踏实的感觉，而细的线常常用在比较追求细节，追求优雅舒适的版面中，通过不同粗细的排列和对比，给人细的远，粗的近的空间感。

　　线还具有分割性。可以通过线元素把版面分割成不同的区域形成新的空间，形成空间的对比和节奏感；或用线元素对各部分进行连接，从而使各部分产生关联，改变版面的整体结构，加强联系性，丰富画面。

　　（三）面的视觉元素形态构成。

　　面是点和线达到一定密集程度的体现，是二维空间的一种视觉元素。面也是多种多样的，不同样式的面，会给人带来不同的视觉感受。比较规则的面，看起就比较稳定、有秩序，给人踏实的感觉，可以产生一种自觉的信任感。不规则的面看起来比较轻松、动感比较强，给人一种柔美、生动的感觉。

　　如下面两张图所表现的就是不同形状的面所带来的效果。左边的图片是利用多个三角形的面来起到分割版面的作用，在表达出设计者想要传递信息的同时，给人一种很时尚，很简洁干练、秩序感很强的感觉。右边的图片是一个牛奶的广告，它没有明确的线性风格，只是依靠蓝色的天、绿色的草地和白色象征着牛奶的河流来进行画面的风格，这三种元素的面积在版面中占有量都比较大，从而形成了不规则面的分割，这种分割方式同样也可以使画面保留秩序美，但是与此同时也增添了更加灵活有趣的表现手法，更容易的被人们所接受。

　　三、视觉构成元素在版式设计中的综合运用。

　　首先是简化和延伸版面。同样的元素使用不同的编排方式呈现出不同的效果，可以使受众产生完全不同的心理感受。成功的创作作品是用最简单的元素清晰的表达设计者想要表达的全部内容。

　　我们细数一下，设计者想要表达的信息非常多，图片中已经将各元素用灰色色块标记出来，共有十个。如果将这些信息交于我们来设计，我们可能会无从下手或者设计出的版面比较分散、分不清主次、没有秩序感可言。但是案例中的版面却给人一种简单、有秩序、条理清楚的感觉，设计者将信息进行了紧凑的整理划分，在色彩上用色非常统一，在背景与文字之间使用留白的方式制造一个虚拟的空间，最终达到了虚实结合的效果。简化版面元素，有利于受众对信息更好的接受。

　　版面的大小虽然是有限的，但是人脑的想象空间是无限的。我们要利用使这些元素去激发人们无限的遐想。任何一个版面都是在一个局限的框内，那么如何利用好这个框就十分重要。当一个元素接近版面的周围时，会让人的视觉产生一种延伸感。如下图所示：下面的两个版面中，左边的版面时将字母放大数倍，并且只在边缘留下局部信息，右图是将所要表达的信息紧贴版面边缘，这种做法在视觉上给我们造成了误差，会使人们潜意识的去补全或者延伸靠近边缘的部分，起到了放大版面的作用，使版面给人很大气的感觉。

　　其次是四个焦点法则。当我们把一个版面横向和纵向分别分成三等份的时候，由横竖分别两条的分割线构成的交点就是版面中的最佳视觉点。设计者可以将重点要表达的信息放置在这四个点上。

　　下面的图中，都是运用了这个法则，左边的设计将所要表达的文字说明放置于焦点上，可以引起用户更多的关注。右侧的版面，设计者将一个货车图案放大放置于焦点上，即使我们不懂版面上都写了些什么，可以通过设计者有意突出的重点来了解这大概是一个快递公司的界面。

　　再次是巧用交错重叠与强烈对比。重复是形成秩序感最简便的方法之一，但是单纯元素复制的重复方法会使版面显得比较沉闷、没有新意、平淡无奇，所以说我们可以通过交错重叠的方式来丰富版面，在重复的同时也不能丢失设计者的个性与创新思维。如下面两张图：左边使用的是复制相同元素的方式，但是在复制后对该元素的色彩明度作出了调整，在二者透叠处也做了颜色加深的处理。右侧的图片使用多个元素的局部拼凑称为一个完整的图像，这是一种形式的重复。

　　合理的运用交错重叠，可以增强画面的层次，带来更好的视觉效果。

　　在版面中对比无处不在，各种元素之间形状的对比、大小的对比、颜色的对比、曲直的对比、动静的对比等等。设计者可以利用合理的对比关系来增强画面感，突出主题弱化其它的元素信息，使版面具有视觉冲击力的同时也易于用户对信息的涉取。下图中就存在着很多的对比元素，比如说白色字母与灰色背景的对比，圆形和人脸曲线与直线的对比，文字大小和字体的对比等等，这些对比结合在一起给画面带来了很强的视觉冲击。我们尝试去掉某一种对比，比如说弱化掉白色字母的亮度，整体效果就弱了很多。

　　无印良品的海报中，有三个元素，分别是一望无际的蓝天和草坪，还有渺小的人的剪影。蓝天与草坪在大小和色彩上与人形成了非常鲜明的对比，虽然没有文字的表述，但是可以从版面中感受到设计者传递出的绿色环保、淳朴的设计理念。这种强烈的对比画面形成了一个巨大的空间感，把人与自然的关系表现的淋漓尽致。

　　最后是打破秩序。当版面中被相同类型的元素填满时，会让人视觉无法集中，不能分清主次，也会给人单调的感觉。想要迅速的改善这种情况，可以在版面中加入少量的与其他元素区别较大的图形。将想要表达的重要信息融入在这个图形之中，这样受众在看到版面时立即就会注意到众多元素之中的不同之处，而且活跃了版面的氛围，如下图所示。

　　五、敢于留白、慎于留白。设计者在创作中不仅要注意元素的编排，利用好留白可以控制好整个版面的结构关系。留白就好似演讲者在演讲过程中的停顿，它是一种对之前的归纳和对下文的遐想空间。它可以引发受众深刻的思考和丰富的联想，这是留白独特的魅力所在。

　　白是一种简约、时尚的艺术，与其它色彩不同，它是一个非常大众的颜色，空灵简单的白色可以给人强大的空间感和心理暗示。比如下面一张豆瓣的网页截图，版面中信息比较多：广告、LOGO、搜索框、标签、推荐书籍等等，每个模块之间通过保持一定距离的留白做到了区域的划分，没有使用过多的元素进行画面的分割，但是用户也可以清晰的识别每个版块的功能，并且带来一种干净、清爽的视觉效果。留白的运用可以减少一些不必要元素的使用，集中了用户的注意力。

　　这对于突出内容有着重要的作用。

　　自从 Google 运用卡片式设计以后，很多网站的设计，甚至生活中的邀请函、DM 单、名片等都运用了将留白运用到设计中来，这是一种自然的、时尚简洁的设计形式。善用留白的技巧可以将虚实空间更好的结合，使版面的结构更加简洁清晰，并将所要表达的信息更直观明显的显现出来。