|
在设计中说起版式设计相信对于很多设计者来说是一件比较头疼的事，尤其是对于初学者来说在拿到需求后如果没有相应的参考案例更是不知道应该如何下手，甚至脑袋里面会是一片空白不知道应该使用什么样的布局、什么样的配色，什么样的文字和设计手段的处理才能编排出不错的版面，即使版式设计是平面设计中非常基础的独立分支，但却受到载体中出现多种不同信息以及整合不同信息的影响，使其具有了复杂性、多样性、不确定性等属性。 让这项基础的设计技能之一成为了众多设计师的病痛，不管是在任何设计领域、以何种视觉呈现方式，只要最终使多种信息在一个空间内同时出现在观者的视线内就会涉及到版式设计（就像我们的卧室里面会有床铺、床头柜、台灯、书桌、衣柜等不同的物件出现在有限的空间内一样），想要做好版式设计不仅仅只是掌握几个设计手法、几种设计表现或者是几种视觉效果，而在于对版面空间的把控和对信息的敏感度及处理方式，使多种不同的信息能够形成完整的统一表现，才能通过视觉感知把信息更好的传递观者。 本篇文章将立足于版面设计的基础上为大家详细且深入的讲述做不好版式设计的关键因素。 版面编排也叫版式设计；通俗的讲就是在限定的版面空间内，使视觉元素进行有序的、有目的的排列组合，以满足视觉表层美感的需求和信息传递的需求，适当运用美学原理和物理学原理，对有限空间进行有序的划分和信息的编排整合，使各种视觉要素和谐的，美观的，具有意义的在同一个版面上互相衬托、相互呼应，把信息内容强有力地传达给观者，使其达到赏心悦目且有效传递信息的目的，不仅可以通过表层的视觉感知满足人们对美感的基本需求，同时也能通过视觉感知影响心里变化，进而促进行为的发生。 图1: 在进行版面编排时很多设计者会先通过一定的设计手段对拿到的需求进行适当的处理，不管是从画面美感上还是表现形式上，亦或者是空间的划分上力求通过相应的处理手段让画面具有一定的美感，殊不知对于版面空间而言画面的美感并不是全部的需求，虽然采用不同的处理方式会看起来比较舒适美观一些，但也只是满足基本的单一目的，并不能满足观者的视觉需求。 图2: 在原有的基础上通过改变信息的排列方式，同时又利用一定的艺术处理手段赋予信息鲜明的层次，以不同的画面表现形式让内容具有多重属性的统一表现传递给观者，不仅可以保证画面的美观性和信息内容的识别度，还可以使观者的视觉感知更加丰富，唯一不足的就是画面中可见的突出斜线，并没有充分发挥出应有的作用，更多的是让骨架结构修饰画面而已。 为了进一步让可见的视觉元素发挥出应有的作用，利用斜切的线条再次把相同的切割处理手段与线条进行结合，使其与空间产生一定的巧妙性，同又时把英文的排列方向进行调整顺应整体的画面的视线，不仅为版面的视觉表现增添了创意，还能使观者产生的一定的联想空间。 图1: 在进行版面编排的过程中，设计师通常会依据版面的平衡作为视觉元素摆放的依据，尤其是在主体形态不规则的情况下就更加在意平衡的问题，从而忽略了主体自身可以利用的一些关系，只是适当根据主体已经占据的空间把信息元素按照版面的剩余空间进行编排，虽然也能让画面具有一定的舒适度，但由于过度依赖版面看似 绝对的平衡使画面给人一种比较平淡呆板的感觉。 图2: 在此基础上利用主体底部向上走的感觉作为信息的对齐方式进而形成左右一分为二的版面结构，通过对信息的局部处理使其与主体在空间层面产生无形的整体关联，可以给人一种更加自然的感觉，与此同时右下角的文字向右移动利用边缘对信息适当的截取，与主体以及上面的信息形成强有力的结构，既可以保持版面平衡，也可以与主体形成视线和力量上的牵引，让画面更加自然舒适。 在延展设计中根据画布的特性把编排形式换成垂直的方式，同时更加充分的利用之前英文信息局部处理的结果进行适当的组合不仅相对的保持了版面的平衡，同时也能突出巧妙的组合方式，使版面的编排给人一种主体像是从上面瞬间弹出又要缩回的运动感，使整体的画面表现看起来更加具有创意，即使画布下面有大面积的留白也不会影响到整体画面的视觉表现，反而让更多的空间留给主体突出运动的感觉。 再次对画面进行不同角度的延展设计后可以看出，版式设计并不是某一种样式好看或者某一种处理形式比较流行就可以通用和以偏概全的，而是需要进行相对的考虑，同时也需要基于拿到的内容进行多维度的考虑进行相应的处理才能更加灵活的使用我们已经掌握的技能。
版面作为信息的载体其目的是为了传递某种信息，而编排的目的则是为了让不同信息种类、多少、大小，方向、孰先孰后、孰轻孰重理性因素，以及情感情绪、传播快慢、准确与否等感性的诸多因素，在有限的空间内能够达到高度的统一，帮助信息能够进行快速的、准确的、具有一定意义的传播给观者，使其不仅能够在视觉层面阅读信息内容，也能通过情感情绪的营造从感知层面获得相应的信息内容，而布局结构作为实现编排目的高度统一的基础，必当首当其冲。
图1: 在进行版式设计时尤其是在纯文字的情况下，文字本身已经具备了传递功能只需要按照内容的层级进行适当的陈列就可以达到版面的目的，与此同时想让画面好看一些则可以通过添加色彩亦或者肌理让画面看起来不是那么的单调就具备了一定的视觉美感和一定的情感体现，但对于编排来说其目的并没有达到，反而会大大降低信息传播的质量和速度，同时也会给人一种不透气的压迫感。 图2: 为了让信息更加清晰的分清优先等级和孰轻孰重等问题，通过改变版面的结构，并利用一定的美学原则让主要的信息尽可能的突出，同时按照自身的层级关系逐步进行弱化，各自拥有自己的区域，在保证可识别的基础上，通过与版面之间的关系让信息得到更好的传递，不仅让画面具备一定的画面呼吸感，也可以营造一种情感情 绪的波动和一定的创意个性。
当让理性因素和感性因素更加高度统一使信息更好的传递时，再次改变版面的结构，不仅可以更加直观的把信息传递给观者，同时也让视觉感知更加丰富表现出强烈的情感。画面的视觉美感是相对的，是需要在清晰的结构基础上对局部信息进行适当的处理后反应到整体版面上，也是需要在逻辑和层级清晰的情况下通过相应的手段和形式进行视觉美感的塑造。
很多情况情况下大多数设计者会针对某一种风格，某一种视觉表现形式，亦或者是某一种单一的技能技能进行版面编排，只在意顶层的最终输出，从而忽略了底层对信息内容的思考，造成想法枯竭没有灵感等困惑，而所有的顶层输出都来源于对底层的思考，要知道版面编排的过程就是设计者处理视觉元素关系和空间关系的过程，不管是大家常说的平面构成中的点线面，亦或者是版式设计中的文字、图形图片和色彩，当他们在同一个画面中一起展示时就需要把它们的关系处理好才能让版面的整体看起来比较好看具有创意的体现，尤其是对于细节的体现和画面最终的呈现都与视觉元素之间的关系息息相关。
图1: 很多设计者做不好版式的原因就在于没有对元素的关系进行处理，而只处理在空间中的展现，位置的摆放，表现形式和位置，即使具有较好的创意提取也不能让画面的整体表现更上一层楼，就像案例中的画面一样，虽然把想法都落实到了画面中，也具有一定的创意性和视觉表现，但始终会产生一种不是特别满意的感觉，即使使用的一定的处理技巧，但也只是为了增强画面表现。 图2: 在原有的结构上根据主体进行发散的思考，使主要的信息同样集中在左下方，通过对大标题的适当处理让花朵的茎干顺着缝隙而出，同时与花朵产生一定的交集，看上去就像花朵具有顽强的生命力从砖缝里面长出来，并盛开了娇艳的一个大花朵紧贴着内容要表达的意思，不仅让花朵尽情的展现自己的魅力，同时也去相邻的信息形成了一定的层次感和空间感的表现。
为进一步提升画面的感染力，适当的对文字信息和茎干添加肌理的处理刻画整体的情感表现，与此同时针对底部的茧蛹破裂和花朵生命力的强悍，适当添加一些线条作为花朵的根，不仅增添了画面的创意表现，同时也让视觉感知更加的丰富，而所有的处理方式和想法都是基于处理关系的过程中产生的。
很多设计者做不好版式的原因不是没有想法，也并不是掌握的技能技法不够多亦或者是软件不够熟练等基本的操作问题，而是比较在意画面的视觉表现效果和形式，导致自己已经掌握的知识技能没有通过有效的途径转化到创作作品当作，从而让创作方向始终是围绕着版面的视觉表现形式进行不同角度的输出，完全忽略了自身拿到的内容到底要表现的是什么，又该如何表达才能让信息内容传递的更加高效，形成无限的恶性循环，每当拿到需求时脑袋就会一片空白不知道应该如何下手才好，把自己已经掌握的知识技能抛在九霄云外，而想要让已经掌握的知识技能有效的发挥出最大作用，就需要基于信息内容从三个基本的关键开始入手，逐渐形成自己的创作流程和编排套路，即使刚开始没有想法找不到编排的方向，也可以通过逐步的信息梳理和基础的逻辑建立产生一系列的创意灵感。
搭建结构虽然是版面编排比较常规，也是比较基础的一个简单环节，但却被很多设计师忽略掉，更不要说如何利用在搭建结构的过程中产生想法和相应的关联反应以及创意，搭建结构看似很简单却是起到承上启下的作用连接编排的目的与版面表现的基本骨架，不管使用什么样的方式搭建结构都是在梳理内容的基本逻辑，同时也是确定使用空间与未使用空间（留白）之间的关系，空间结构的搭建不是只有网格系统，利用文字同样也可以。
通常情况下我们拿到的需求大致可以分为两种，一种是只有文字信息内容，而版面编排就需要我们根据信息内容的描述进行适当的转换，或是使用纯文字的编排形式，或是图文结合的形式，也就是我们通常说的根据主题进行设计；而另一种则是连主体都是固定的，就像这个案例一样，对于主体来说可以修改的地方并不多，因为要保证主体自身的明确性，一般情况下会根据主体进行编排与信息内容进行巧妙的组合，但除此之外还可以根据信息内容进行编排创建结构，让主体适应搭建的结构即可。
图1: 根据画布的特点对主体图片进行适当的位置调整，利用主体自身的特点将其放置底部，同时把所有的信息内容置入版面当中，在这种情况下主体其实已经占据的大部分版面空间，而作为设计者要做的就是如何利用好剩下的部分空间，使风格气质，画面调性以及主题内容进行高度统一的表现，既要满足视觉感知的需求，同时也 要能够让信息更好的传递给观者。 图2: 这时很多设计者通常会使用网格进行空间的划分来安排视觉元素的位置，其实大可不必这么麻烦，只需要对信息内容进行简单的层级梳理，把大标题进行适当的拆分，让四个文字按照画布大小进行正常排列，通过文字将版面划分成四栏，把“展”字缩小降低层级，与此同时对其他层级的信息分别进行针对性的编排来适应大标题四个字，让信息内容与主体形成一个完整的结构即可。
不管最终你想要什么样的视觉表现或者进行什么样的艺术风格塑造当把基础的结构做好之后再进行其他方面的处理和刻画，这样只会让你的版面编排更加出彩，反之如果结构的逻辑不够清晰即使你的视觉表现层面比较出彩也不是优秀的版面编排。
建立元素关系通常会伴随着一定的手法进行使用，对版面空间来说则会牵涉到三维和二维之间的转换，也会随时让编排的目的发生变化进而产生结构的调整，同时也可以把元素关系当作检验结构布局逻辑的依据，如果建立的关系不成立，那么就说明版面整体的逻辑不太合理或者是不够清晰，反之良好的元素关系则会无形中为版面的视觉表现增添创意，突出整体感以及丰富视觉感受，但需要注意的就是不管你为视觉元素建立何种关系，都应遵循相同元素、相似元素、以及不同元素自身之间的关系和相互之间的关系，在编排时加以利用或者是再次赋予其他关系，使每一步的编排都能产生相应的依据。
当我们拿到一些无法改动的主体时就需要先了解主体的基本形态和自身所属的空间，尽可能的寻找一些可以利用起来的点，那么只是方向、色彩和角度等细节也可以作为编排的切入点，然后利用这一切入点进行发散式思考，并逐步通过信息内容建立起一定的关系，在把基础的逻辑梳理完就可以再对视觉表现层面进行相应的处理和修饰。
图1: 把所有的信息内容置入到版面中并根据信息自身的层级进行适当的编排后可以看出，所有的信息内容包括二维码形成了了一个紧贴画布的面，同时与主体形成鲜明的空间感和层次感，虽然可以让信息能够准确的传递，但对于整个画面的表现而言却显得比较一般，其主要原因在于信息内容与主体之间只是前后叠压的关系，看起 来各自独立并没有真正的发生关系。 图2: 在原有的基础上对版面的视觉表现进行适当的调整优化，同时利用主体自身的明暗关系与信息内容进行融合，并配合相应的处理手法与主体建立起更加直接的关系，让信息内容与主体交集的地方顺应主体的明暗变化，不仅使画面具备了更加统一的整体感，同时也刻画可空间感让信息得到有效的传递，丰富了视觉感知和画面的 情感表现。
营造规律即是遵循版面编排的基本要求，是增强秩序感使画面具有统一表现最有效的一种方式，既可以利用一种原理、手法、结构布局进行编排，同时也可以与其他方式进行无缝重合使用，尤其是在生活中常见的一些规律和现象都可以应用到版面编排当中，不仅能为画面增强创意表现和视觉呈现，也能无形中为版面增添艺术气息，而营造规律最常用的方式就是在版面中对元素融入运动的规律，不管是平面的展现，亦或者是立体的呈现都可以把视觉元素当作空间中的运动呈现。
在进行版面编排时设计者通常会遇到版面“空”或者版面“满”的问题，当出现这样的情况时大多数是版面中缺少一定的规律营造才会使版面产生断节的感觉，以及使用空间与未使用空间不能很好的形成一个完整的整体，与此同时版面的死板也是过于强调版面的平衡，从而丧失了规律所营造的秩序感和节奏感。
图1: 在没有规律的情况下大多数是因为受到版面信息内容的影响以及主体过于丰富不知道应该采用什么形式才能更好的进行编排组合造成的，进而只是把信息内容按照自身的主次关系进行正常的排列，并直接与主体形成前后的重叠以求通过这样的方式来增加版面的层次感，但却忽略了在版面中出现的视觉元素都是相互的，而并非是 绝对的，尤其是它们之间的关系并非只是单一的存在。 图2: 在原有的基础上通过对信息内容进行适当的规律营造，形成一种左右移动的感觉，不仅有效的化解了版面呆板的问题，同时也通过这种看似矛盾的运动规律让版面得到了相对的平衡，看似简单的一种处理方式却解决了版面中的多种问题，即丰富了版面的视觉表现，也能让信息更加具有秩序的有效传递给观者，对于规律的营造需要注意起始点和结尾点之间是否能够贯穿整个版面。
在最终效果的展示下通过添加一定的肌理修饰画面的情感和视觉表现，千万不要把肌理当作必不可少的视觉元素，而是需要相对的进行修饰，并不是绝对的。对于规律的营造很多设计者也会把它当作是某一种手法而不得其法，版面的编排并不能只是单一的看某一种表现，而是需要从整体看透其本质。
对于版式设计而言视觉的表现固然少不了，但所有的视觉表现都是需要基于相对严谨的结构上才能发挥出真正的作用，并能单纯的或者单一的认为某一种方法就可以解决一切问题，而是需要各个元素相互作用、相互协调，同时使不同的技能技法相互配合才能实现版面的高度统一。版面的编排在于创作性，不仅版式如此，设计亦如此，希望通过本篇对版式设计的讲述文章能够帮助到正陷入困惑的你。 |
|
|
