版式设计-方法篇

版式设计的要点,版式设计是指在有限的版面空间里，将文字字体、图片图形、线条线框、色块肌理和空间构造诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把创思与计划以视觉形式表达出来。也就是寻求艺术手段来正确地表现版式信息，是一种直觉性、创造性的活动。版式不再是单纯的技术编排，版式设计是技术与艺术的高度统一体。版式设计肩负着双重使命：一是作为信息发布的重要媒介，同时它又要让读者通过版式的阅读产生美的遐想与共鸣，真正让设计者的观点与涵养进入读者的心灵。版式编排的一般程序： a、根据设计创意，提炼出主题思想，决定各种要素的比重。 b、搜集创作素材，准备有关的图片图形资料。 c、根据版面大小规格，选择需要编排的内容。 d、确立最能表达主题思想的表现形式，依照版式的视觉原理，决定主题位置。 e、选定诉求文句与主题的关系，拍摄或选定相关的图片和图形。 f、 确定字体、字号或书写方式以及色彩配置、编排形式。 g、根据视觉流程导向，审视主题顺序与位置。 h、把握版面整体性与空间层次。,版式的编排原则,版式的编排原则可概括为五大原则： 内容与形式 简洁与简约 设计与艺术 趣味与独特 局部与整体,一、内容与形式,版式的内容与形式，就是将所表现主题的思想感情与其相适应的表现手段融合为一体，共同营造作品新视觉。版式设计本身并不是目的，设计是为了更好地传播客户信息的手段。版式离不开内容的支撑，更要体现内涵的主题思想，用以增强读者的注目力与理解力。只有做到主题鲜明突出、一目了然，才能达到版式设计的最终目标。这是设计思想的最佳体现。版式设计是传播信息的桥梁，所追求的视觉形式必须符合主题的思想内容，这是版式设计的根基。版式设计应该理解为内容与形式之间更为深层的构成因素：一种形式的内容，即形式也即内容。电脑已广泛进入设计领域，成为必要的设计工具，给版式设计带来了实现创意的无限潜能和高效率。因此，这种形式语言必须是独特的、极富个性特征的，且形式即内容，内容也即形式，两者不可分割，才能在设计之中处于优势地位。,当今我们正处于一个视觉的时代，任何设计作品，首先映入眼帘的便是视觉形式。形式意味已经成为现代设计中一种明显的发展趋势，它总是以崭新的视觉符号展现在我们面前，并以一种潜在的涵养不断地影响着我们的思维和生活方式。这种内容与形式紧密相连的表现方式，已成为版式设计的发展趋势，一些新锐设计者敢于打破前人的设计传统，不重复以往习惯性的条条框框，并在司空见惯的版式中发掘出新意来，树立大胆想象、勇于开拓的观念、已掀起了一场设计思维与设计理念的全新革命。,二、简洁与简约,版式只能在有限的篇幅内与读者接触，这就要求版式表现必须单纯、简洁。强调单纯、简洁，并不是单调、简单，而是信息的浓缩处理，内容的精炼表达，它是建立于新颖独特的艺术层面上的。因此，版式的单纯化，既包括诉求内容的规划与提炼，又涉及到版面形式的构成技巧。简约应是简洁层面上的升华。 就是提炼设计取向，展现出 新的创意，追求富有艺术感 染的震慑力，带给读者非同 寻常的视觉感受。简约化设 计要求设计者具有较强的驾 驭版式编排的能力和高度概 括的能力。,三、设计与艺术,主题明确后，版式布局和表现形式等则成为版式设计艺术的核心，也是一个艰辛的创作过程。表现的手段和方式通常可分为：时间艺术即音乐、舞蹈；空间艺术即绘画、雕塑；语言艺术即文学和综合艺术即戏剧、电影等。设计者在创作中很乐意借用各种艺术与视觉形象的类比手法，以期引起受众的通感共鸣。借助音乐能使版式产生节奏与韵律；研究绘画促使版式具有进深感；探讨文学会令版式在揭示主题内涵中具有一定的高度；揣摩影像对版式表现的视觉注意力打开了更广阔的空间层面。,四、趣味与独创,从当今世界上各大媒体的发展趋势来看，版式设计在表现形式上，正在朝着艺术性、娱乐性、亲和性的方向发展。这种极富人情味的观赏性与趣味性，能迅速吸引观众的意力，激发他们的兴趣，从而达到以情动人的目的。版式设计中的趣味性，主要是指形式美的情趣。这是一种活泼性的版式视觉语言。趣味性可采用寓意、幽默和抒情等表现手法来获得。独创性原则实质上就是突出个性化特征的原则。“独”体现为单一、唯一。鲜明的个性，是版式设计的创意灵魂。创意在版式设计中占有十分重要的位置。,创意从生活中来，而用于生活，创造力的培养亦要在生活中锻炼，因此，创意是设计作品的闪光点，是设计者对生活的敏锐观察和广博体验，并促使表现对象由生活美升华到艺术美的一种创造性的劳动过程。,五、局部与整体,局部对整体来说是相对而言的。这是由视线的位置而定的。局部与整体有着互相依存的关系。局部与整体的协同是产生美感的重要前提。整体控制局部，而局部又影响到整体，使版式设计产生协调之美。主体与局部的穿插，既产生前后的空间层次变化，而又不失为一个整体。版式设计要自始自终不忘整体， 文与图相互穿插呼应、连贯一 气而不是水火不相容。整体的 协同来自于构成元素恰到好处 的配合，也即是寻找共性因素， 使其含有某种共同的形式特征， 具有秩序美、条理美，从而获 得更良好的视觉效果。,作品欣赏,版式基础,一、网格经营网格，20世纪30年代起源于瑞士，无疑给版式设计的科学性、严谨性、高效性提供了参照的依据。这是运用固定的网格来设计版式的方式，网格的繁简是随意的，这要视内容的多寡来定夺。如将版式的高和宽分为一栏、二栏、三栏或六栏不等，甚至出血版切边，并规定一定的标准尺寸，用此可控制和安排版式的文字与图形，促使版式形成有节奏的组合。这种逻辑性的思维方式，为版式营造视觉空间的扩张力产生了深远的影响。网格也是平面构成中骨架的概念，并得以进一步的发展与延伸。骨格同样是版式的框架，它就像乐章里的五线谱、学生作业本的格子、一棵树的枝干，使一切设计形式都有秩序的排列或感觉上经意的组织。骨格用以决定版式设计中各元素放置的位置，其构成形式有重复骨格（等间分割）、渐变骨格、发射骨格、变异骨格等，这在平面构成中我们已经学过。这种逻辑性的思维方式，为版式设计的研究性提供了极大的方便 。因此，学生们应该将所学的知识集合起来，灵活贯通，才能在版式设计中出奇制胜。,一栏 二栏 三栏,网格能帮助形成清晰的设计关系和干净、易懂的版面。反过来，不懂得利用网格，就会导致版面显得杂乱无章。但一定要牢牢记住：网格仅仅只是帮助设计的工具，盲目地过分依赖只会使版式显得呆板、乏味，因一味机械地使用，往往使设计者成为被束缚的囚犯，使人产生呆板的感觉。如果设计师在统一网格的风格中，进行一些破格或变异的设计，运用网格作为版式编排的程序，而并不一定要把网格明显地表现出来，形成不可见的网格，相信会收到意想不到的效果。这种自由方式的构造，能使版面更丰富、更创新、更活泼。,二、编排类型,1、齐整编排 将文字与图形编排成左右、上下齐整，使人感觉规整、大方、美观。其外框犹如集装箱似的架构，充满厚重感，产生一种庄严与神圣，且各种元素在这大的环境下，较容易统一协调。但要避免平淡无奇。版式的规整排列，恰到好处地揭示主题的精神实质，使受众心无旁骛直击目标。,2、聚中编排以版面的中轴线为准，文图居中排列，左右两端字距也可以是相等也可以是长短不一。这种排列方式能使视线集中，具有优雅、庄重的感觉。文图的居中排列，还能达到版面端庄、秀丽的特色，进而起到视线聚焦的作用。但有时阅读起来不太方便。如果是在整版的正文内容较多的情况下，不宜采用此种编排方式。,3、文图穿插电脑新技术的开发和运用，促进了文字 处理系统的革新。文图穿插过去在铅字 排版中工效不高，但在电脑排版中则是 非常轻而易举的事情。这种具有插图性 质的处理手法非常广泛地运用于文学作 品和产品宣传册中，给人以亲切、生动、 平和的感觉。文字绕图排列，使文图融 为一体，意味深幽、含蓄。更使原本平 淡无奇的文字，由于图片的穿插，这种 点缀的功效顿使版面栩栩生辉，具有极 强的跳跃率。,4、群组编排,每种设计潮流的发展和共识，都离不开对新字体风格与图形创意的无止境追求。这种通过文字与图形的编排所制造的幽默、风趣、神秘等独特形式，已发展成为当今设计界艺术风格上的流行趋势。将文图组合聚集在一起，是一种集中式的和谐体现，并具有把不同设计元素归于一致的感觉。而文字群组在版式中，可增强阅读性能，视觉感观强。文字已成为图形的必要的道具，文图在版面中水乳交融，相映成趣。同时，精细的文字使版面有张有弛。这种编排方式在版式设计中运用得非常多，避免了版面空间的零乱现象，使其清晰明了、整体划一、主题突出，并富于极强的现代设计意识。群组编排是版式设计要面临的重 要问题。因为，版式设计不可能 选用一个要素，而每一个要素出 现在版面空间中，它的关系就首 先是群组关系。群组不仅是一个 客观的视觉现象还是编排设计的 一个重要手段，是设计者连接各 要素之间的关键环节。,5、空间编排,版式设计是属二维空间的范畴。如何在长宽中表现出深度的感觉，对于版式来说，尤为重要。因为造成版式的三维空间效果，才能使版式显得灵活而深远。版面立体的概念包括同一版面视觉元素相互间形成的深度与广度的变化，不同的深度与广度是由各种层次关系合成的。视觉元素通过叠加、色彩强弱、形状大小等编排方式产生前后关系，立体感应就如此形成，同时也就意味着版面的空间被划分。这种进深感可理解为前后的距离，是视觉的前后扩张，它并不依赖立体型，而是利用各元素在版面编排的远、中、近；黑、白、灰和高、中、低的大小渐变组合，来体现多层空间的立体感受。,版式编排中的远、中、近三层次是获得三维空间的有效保证。这是一种假象的空间，可看得见，但实际又不复存在。远、中、近一般可通过大、中、小的比例，黑、白、灰的对比，肌理的相互衬托，以及构图的前后关系等形式来获得。,6、自由编排,形成于20世纪70年代末至80年代初的自由版式设计，一直盛行至今而不衰。自由版式设计是极具前卫意识的个性主张，这种设计运动兴起于欧美多个国家，自由编排是为了打破以往的条条框框，使版式更趋活泼，新奇，动静结合。自由版式是极具前卫意识的设计。自由版面设计追求荒诞、原始美的非理性方向以及重在自我情感的抒发，与现代主义效仿和谐、典雅的理性思维方式产生了强烈的冲撞，掀起了一场设计界的大变革，被人们冠以后现代主义设计思潮的“泛滥”，由此开创了一种全新的设计概念，并在设计中注入了“生命”的律动。值得注意的是：自由编排并不是杂乱无章的支离破碎，更不是故弄玄虚地变幻莫测。自由编排同样需要遵循一定的规律，以保持版面的完整性。,作业练习,版式的形式法则,版式设计离不开艺术表现，美的形式是规范形式美感的基本法则。它是通过节奏与韵律、对称与权衡、对比与调和、 比例与适度、秩序与变异、虚实与留白、 变化与统一来体现的。,一、节奏与韵律,节奏来自于音乐概念，节奏是按照一定的条理、秩序、重复连续地排列，形成一种律动形式。它有等距离的连续、也有渐变大小、长短、明暗、形状、高低等的排列构成。在节奏中注入美的因素和情感个性化，就有了韵律。韵律与旋律、和声在一起为音乐的三大要素。音乐靠音的组合，同听觉去享受其具有强烈时间性的韵律。而版式设计是靠点、线、面的组合，依据视线的移动去欣赏其组合运动的韵律感。韵律就好比是音乐中的旋律，不但有节奏更有情调，它能增强版式的感染力，开阔艺术的表现力。,二、对称与权衡,对称来源于日常生活中的概念。如人体在左右两边的分布基本相同。也就是说，两个同一形的并列与均齐，实际上就是最简单的对称形式。对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称；以水平线为基准的上下对称和以对称点为源的旋射对称；还有以对称面出发的反转形式。其特点是稳定、庄严、整齐、秩序、安宁、沉静。权衡即衡量、比较或不对称。这种有比较的平衡是一种有变化的均衡，或是协调的不对称。它运用等量不等形的方式来表现矛盾的统一性，揭示内在的、含蓄的秩序和平衡，达到一种静中有动或动中有静的条理美和动态美。对称是因为相似而起的平衡，不对称则是由于对比而呈现的平衡。权衡的形式比对称富于变化、趣味、具有灵巧、生动、活泼、轻快的特点。,对称与权衡,三、对比与调和,任何一种设计都存在着一定量的变化、比较，可以说我们认识世界万物都是从对比中而产生的。对比构成一般通过两个以上的对比因素；简单的说，竖与横就是一种对比， 它可以使设计引向稳定感和动感，但仍然保持设计的均衡。对比在视觉上给人以丰富、强烈、清晰的感觉。在大自然中，水与火，天与地，花与草都是一种对比关系。因此，对比是将两种不同的事物或情形作对照，达到相互比较目的。对比是差异性的强调。对比的因素存在于相同或相异的性质之间。也就是把相对的两要素互较之下，产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重的对比。对比的最基本要素是主从关系达至统一变化的效果。往往把版式编排推向极致的是通过对比来进行设计的关键，没有视觉上的对比，设计者常常陷入平庸。,调和即和谐融洽，是指适合、舒适、安定、统一，是近似性的强调，使两者或两者以上的要素相互具有共性。对比与调和是相辅相成的。在版面构成中，一般占版面率高的宜调和，反之版面率低的宜对比，这种平稳、温和的感觉，适合表现各类型题材。,四、比例与适度,比例一方面是指相类似的事例，另一方面是指一种事物在整体中所占的分量。也即是形的整体与部分以及部分与部分之间数量的一种比率。比例与尺度是形影相随的，没有尺度就无法判断比例的和谐，因而审美的效果依赖于合适的比例和尺度。比例又是一种用几何语言和数比词汇表现现代生活和现代科学技术的抽象艺术形式。成功的版面构成，首先取决于良好的比例。比例常常表现出一定的数例：等差数列、等比数例、黄金比等。为什么人们会关注黄金分割呢？那是因为人们认为这个分割点是分割线段时最优美的最令人赏心悦目的点。,黄金比能求得最大限度的和谐，使版面被分割的不同部分产生相互联系。这种有趣的分割就产生了一个比例关系，这个比例也就决定了版式的均衡、调和等等重要要素。,黄金分割利用几何学方法，先做成ABCD之正方形，作正方形之一边BC之中点M，以M为圆心AM为半径画弧AF。然后作矩形FCDE，这时DC：DE就是1：1.618。若DC以a表示，DE以b表示，DE以b表示，则a就是被分割的小线段部分，而b就是大线段部分。线条之全长就是a+b。,适度一般具有适合、舒适、畅快、恰好之含义，是指因时、因事而可变通的办法，也就是指人们从事某一活动的灵巧变通所采取的权宜之计。人在生活与实践中，形成了各部分之间、局部与整体之间以及各方面比例的权衡、适宜关系，因而比例不应该绝对化，只要是符合统一与变化规律的比例，我们都可说是和谐的。适度旨在寻求版面中各方面比例的协调关系，也就是版面比例要从视觉上适合读者的视觉心理入手。其通常具有感性、明朗的特性，予人一种清新、自然的新感觉。,五、秩序与变异,秩序美是构成版式的魂灵，它更是一种组织美的编排，能充分体现版式的科学性和条理性。由于版式是由文字、图形、线条等组成，尤其要求版面具有清晰明了的视觉秩序美。构成秩序美的原理有对称、均衡、比例、韵律，多样统一等。秩序的设计有着清晰的节奏感和张力，它能按顺序地从一个要素到另一个要素进行引导。但是，如果结构没有经过深思熟虑的处理，就会产生多次重负的雷同，令人乏味。在这个阅读目录的时代，其编排形式往往能左右读者并起到牵引视线的作用，因而，在秩序中渗透一些情趣，可为版面添彩。在秩序美中溶入变异之构成，可使版式获得一种活泼动情的效果。变异是规律的突破，是一种在整体效果中局部突变。这一特变之异，往往就是整个版式最具动感、最引人关注的焦点，也是其含义延伸或转折的始端。变异的形式有规律的转移、规律的变异，可依据大小、方向、形状的不同来构成特异效果。,六、虚实与留白,“实”在版面中应理解为看得见的主体，而“虚”则是无象无形或模糊细小的部分。中国传统美学上有“计白守黑”这一说法。就是指除编排的内容把握之外，更要斤斤计较的却是虚实的“白”，两者的关系是同时相互拥有相互依存的。这是由于黑因白而活，白又因黑而生。正所谓“虚实相生”，其实就是空间的合理布局。留白则是版式未放置任何图文的空间，它是“虚”的特殊表现手法。其形式、大小、比例，决定着版式的质量。留白的感觉是一种轻松，其最大的作用是体验品味的象征，因虚白常用来形容一种澄澈明朗的境界。在版式设计中，巧妙地留白，不占满所有空间，讲究空泛之美，这是一个生机勃勃的、隐藏在文字与图形后面的空间，是为了更好地衬托主题，集中视线和造成版面的空间层次。往往一个能够恰当处理空白空间的设计者能更好地处理设计中所遇到的任何问题，因为他已经具备了更加准确地观察与取舍形状的能力。,七、变化与统一,变化含有改变、不安于现状的趋向，这是一种智慧、想象的表现，是发挥种种因素中的差异性方面，造成视觉上的跳跃。变化主要借助对比的形式法则。作为版式设计，其构成因素是复杂的，它是由平衡、对比、韵律、分割等等来配合方向、形状、位置、肌理、破坏或重复、设置或憎减、扩张或泯灭而建立起来并取得丰富的效果。但对于版式设计来说，形式的变化万千，终归要回到一体化的协调中来。变化与统一是形式美的总法则，是对立统一规律在版式设计上的应用。两者完美结合，是版式设计最根本的要求，也是艺术表现力的最主要因素之一。统一是发挥物质和形式中种种因素的一致性方面，最能使版式达到统一的方法是保持版面的信息集中、归总，也就是说版式的构成要素尽量单一，而组合的形式却要丰富，以此来达到将文图在版面中归于一致、共冶一炉的目的。统一的手法可借助均衡、调和、秩序等形式法则。,只有具备统一的构思、统一的主调、统一的手段，才能达到版式设计的完整与协调，并形成完整的视觉情绪感。有主调则能统一，统一就是力量。只有统一才能最大力度地传达版面信息。,作品欣赏,点、线、面编排要素,一、点、线、面的情感点、线、面是构成视觉空间的基本元素，也是版式设计中的主要语言。版式设计实际上就是如何经营好点、线、面。不管版式的内容与形式如何复杂，但最终可以简化到点、线、面上来。在平面设计家眼里，世上万物都可归纳为点、线、面：一个字母、一个页码可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。它们相互依存，相互作用，组合出各种各样的形态，构建成一个个千变万化的全新版面。点、线、面是从几何学的角度，以抽象观念去观察与表现主题。其本身并不能传达一定的信息，如要使这些抽象元素包含一定的信息，设计者必须根据设计需要发挥想象力，通过一定的构成原理与表现形式，将互不相关的视觉元素联系起来，形成特定的视觉语言，也就是对点、线、面的理解和运用要与具体的视觉元素结合起来，同时也要了解其个性与视觉特点，从整体出发。,1、点的版式编排,点的感觉是相对的。它是由形状、方向、大小、位置等形式构成的。这种聚与散的排列和组合，带给人们不同的心理感应。点在版式设计中，总是能调动起受众的情绪并感染现场气氛，除具有非凡的积极参与意识之外，同时也将视觉的警醒作用发挥到极点。,2、线的版式编排,线游离于点与形之间，具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。由于线具有不同特征，便赋予线在视觉上的多样性。,线框是对版面内容的有效限定，具有警示作用，可形成视觉焦点。事实证明，要想获得视觉的注意，那么线框是最好的解决之道。线框的界定，使主体产生空间的“力”和“场”，因为线框的粗细、大小、方向的向上或向下的变化，能带给读者视觉上前后远近的关系，同时也能具有相对约束的功能，正所谓无规矩不成方圆。对于设计者来说，能否合理地运用线框确实是个刺手的问题。在人们的印记中，线框从来都是依赖工具、高度精确，且带着一副严肃的面具，令设计者不敢造次。尽管线框形态产生于几何方式，极具刻板性与科学性，但形状大小、摆放位置完全因人而异，这就不得不令设计者既要把握文章内涵实质，又要感知现代流行的视觉样式。线框格局的自由趋向，是一种时代性极强并可行的设计思路，它是感性思维与逻辑思维的有趣结合，从这个角度出发，昭示着版式设计向更丰富、更创新灵活之前景迈进。这种自由格调体现在线框布局上，更多是趣味层面的表现。线框在版面中并不一味追求完整，有缺陷的美才是真实的美，因为更有内涵的因素包括在里面，因而，刻意制造缺撼，具有一种生活留下的痕迹，更加真实动人。这种现象被称为“视觉残像”，它能使设计的要素溶为一体。,线框效果欣赏,3、面的版式编排,点的扩散成为线，线的移动成为面，而面的表现都是依恋于形的，也就是我们习惯称为的图形。因