设想师根基功——版式设想（上）

空581

来历：知乎


大师好，接待来到欧赛斯超级品牌课堂，明天给大师分享的内容是《版式设想》，本期分享上半部分的内容：1.优异版式的共性  （形式美法例）；2. 版式的感知  （调性、气概、节奏）。
首先我们经过优异的形式美法例，就是版式设想的共性，来领会一下版式设想的形式美法例。
一、优异版式的共性（形式美法例）

形式美法例是我们为了能表示平面中整体完善、和谐而又富于变化等形式美感，而应用的设想创作法例。笔墨与图形的编排在传情达意这个根基要求到达以后，还要使图形和笔墨在形式上完善连系，这就触及到形式美法例了。


怎样应用形式美法例来使图形和笔墨在传情达意的根本上到达一种艺术美感呢？让我们一路来看下。
版式设想一共有八个形式美法，下面我们别离讲授：
01 反复与交织
在排版设想中，不竭反复利用的根基形或线，它们的外形、巨细、偏向都是不异的。反复使设想发生安宁、整洁、纪律的同一。但反复组成的视觉感受偶然轻易显得呆板、平平、缺少兴趣性的变化，故此，我们在版面中可放置一些交织与堆叠，打破版面呆板、平平的格式。
根基型： 外形、巨细、偏向不异。
优点： 安宁、整洁、纪律的同一。
弱点：呆板、平平、缺少兴趣性的变化。
处理方式：交织与反复，打破版面呆板、平平的格式。
02 节奏与韵律
应用节奏与韵律的法例使图文的编排富有乐感和情调。节奏与韵律来自音乐的概念，也是版式设想常用的形式。


节奏是均匀的反复，是在不竭反复中发生频次节奏的变化，是延续轻盈的感受，节奏的反复使纯真的更纯真，同一的更同一。在本质上，静态版面的韵律感首要建立在以比例、轻重、缓急或频频、渐次的变化为根本的纪律形式上。这类纪律的形式一般表示在频频的视觉流程中，经过各类视觉要素纪律、次序、节奏的逐次活动到达一种韵律感和次序感。
① 节奏不但仅是依靠频频来表示的，图形和笔墨可以经过交替频频来营建节奏和韵律，在频频的根本上使之在巨细、色彩上加以纪律的变化，也可发生节奏感。


② 在内容上，图形与笔墨也可做有节奏韵律的编排，如：一系列的图形可按这样的顺序来编排：整体到部分、部分再到整体及由强变弱、由弱变强的节奏感，这里的强弱为对照关系的水平。


③ 经过对同一内容的笔墨的字体、巨细、色彩的渐次变化到达舒缓的节奏韵律。


④ 笔墨和图形自己的各类对照和强化以及笔墨之间的对等到图形之间的对照自己也是一种节奏的表示。


03 对称与平衡
应用对称与平衡的法例使版面庄重而稳定。对称与平衡是一对同一体，常表示为既对称又平衡，本色上都是求取视觉心理上的静止和稳定感，关于对称与平衡可以从两方面来分析，即：对称平衡与非对称平衡，对称平衡是古典主义版面设想气概的表示，但处置欠好易单调、呆板。


以版面为中心构成对称平衡关系的图形和笔墨在形与量上大致不异，假如能按照内容对其停止细节的对照变化，那这个版面就会有生趣可言了。
构成对称或平衡关系的可所以笔墨与笔墨，图形与图形，也可以是图形和笔墨。图形和笔墨一方面在形式上对称与平衡，另一方面在内容上互为照应，那末该设想在功用和形式美上就无可挑剔了。构成对称或平衡的笔墨和图形，假如一面是简单而实的，另一面必是复杂而虚的；一面是形粗大而色轻淡的，另一面必是形纤细而色浓厚的。也就是说构成对称平衡的形状应有不异的心理公约量而构成的静止状态，这样版面便会严厉而稳定。
04 对照与和谐
应用对照与和谐的法例使图文的编排活跃而不失同一整体。对照是将不异或相异的视觉元素作强弱对照编排应用的形式手法，版面中的图形和笔墨在形与形、形与布景中均存在大与小、黑与白、主与次、动与静、疏与密、虚与实、刚与柔，粗与细、多与寡、鲜明与昏暗等对照身分，归纳这些对照身分：有面积、外形、质感、偏向、色彩这几方面的对照关系。他们相互渗透、相互并存，融合在各版面设想中。
版面的和谐指：一是内容与形式的和谐，二是版面各部位、各视觉要素之间追求相互调和的身分，也是对照的同时追求和谐，所以很多版面常表示为既对照又和谐的关系。
同一版面中的图形也可在与其他图形或笔墨构成对照关系，如外形上的对照：是曲、巨细、疏密、粗细等，那末在色彩上就必须为版面的和谐而把他们设想成相类似或同类的色彩。假如他们在色彩上存在着对照关系，那末在形上必以调和来缓和冲突，这样在同一版面上就会存在着对照与和谐两种身分，配合营建既对照又和谐的完善关系。


05 比例与适度
比例是形的整体与部分以及部分与部分之间数目的一种比率。比例又是一种用多少说话和数比辞汇表示现代生活和现代科学技术的笼统艺术形式。
成功的排版设想，首先取决于杰出的比例：等差数列、等比数列、黄金比等，黄金比能求得最大限度的和谐，使版面被朋分的分歧部分发生相互联系。
适度是版面的整体与部分与人的心理或习性的某些特定标准之间的巨细关系，也就是排版要从视觉上合适读者的视觉心理，比例与适度，凡是具有次序、清朗的特征，予人一种清新、自然的新感受。


全部版面的比例与适度把控与公道分别，离不开的就是网格的感化，在营建乱中有序的次序中，让版面具有科学根据的美妙性。




06 纯真与次序
应用纯真与次序的法例使图文的编排整体而完善。所谓纯真：一是指根基形的精练；二是指编排的结构简洁、明白，在对笔墨和图形编排之前要对大量的图片和文案材料应用理性和逻辑思维停止大胆取舍，建立清楚的形式感，如水平、垂直、倾斜同一的重心及视觉流程；这些方式可以帮助我们到达纯真化，纯真化可使版面获得完整、次序、了然感和杰出的视觉结果。


次序是指版面各视觉要素构造有纪律的形式表示，它使版面具有纯真的结构和井井有理的视觉结果。本色上编排越纯真，版面整体性就越强，视觉冲击力就越大。
把笔墨和图形放置在依照事前按照内容、气概和信息量的几多而设想出的范围内，那末全部版面就能到达那种纯真次序的审美境界了，这类设想方式适用于标准化的批量排版。


把笔墨作为图形的一部分，将“笔墨图形”作为一幅绘画作品，用形式美的节奏、韵律、垂直、倾斜、真假等手法来完成，到达字图一体。


单向视觉流程的构造结构简洁有序，重心视觉流程能使版面发生激烈的视觉焦点，这两种流程都将使版面的表达显得简单而法则。


07 真假与留白
应用真假与留白的法例使图文的编排获得庄重和空间感。版面中的“虚”可为空缺，也可为细弱的笔墨、图形或色彩，这要依具体的版面而定，为了夸大主体，可成心将其他部分削弱为虚，甚至以留白来陪衬主体的“实”，所以留白是版面“虚”处置中的一种特别手法。版面中的真假关系为以虚衬实、实由虚托，这类关系同一表现在版面设想中。


留白与笔墨、图片具有同等重要的意义，有了部分的空缺，图形和笔墨才能更好的表示。并不是一切版式设想都有大量留白。如报刊杂志的首要功用是转达信息，所以留白量少，而休闲抒怀类读物或广告留白率较高，由于他们带给人的是闲暇时的消遣。


操纵对笔墨停止纤细的设想使其变虚，而与实的笔墨或图形构成对照，增强对主体的夸大，或操纵对图形中的点、线、面的设想使其有虚有实以增加空间感，提升设想作品的意境。


08 变化与同一
变化与同一是形式美的总法例，是对峙同一纪律在版面组成上的利用。两者完善连系，是版面组成最底子的要求，也是艺术表示力的身分之一。变化是一种聪明、设想的表示，是夸大各种身分中的差别性方面，形成视觉上的腾跃。
同一是夸大物资和形式中各种身分的分歧性方面，最能使版面到达同一的方式是连结版面的组成要素要少一些，而组合的形式却要丰富些。同一的手法可借助平衡、和谐、次序等形式法例。


二、版式的感知（调性、气概、节奏）

下面我们将经过几个对照图从调性、气概、节奏三个方面来领会版式的感知。
1. 内轻易读又易懂的是哪一个?


我们从高低A、B两张图中，可以看出内轻易读又易懂的是哪一个呢？我们可以看到，
正确的案例：分组分类明白、图片和信息分组明白；
毛病的案例：很难区分价格和商品信息，没有明白的分类，很难对照信息分组；
分组是版面设想上常见的信息整理手法。将信息以特定的分类方式加以整理，建造视觉上的群组结果，分类方式有很多种，如品种、色彩、外形、地域、身份信息、编号等等，此外对分类可以停止小组到大组的层级分组。该若何分组依目标而定，不能将分歧属性的事物混在一路。
2. 哪个版面设想更具有稳定感，更合适商务形象？
我们从高低A、B两张图中，可以看出哪个版面设想更具有稳定感，更合适商务形象呢？


正确的案例：直线的元素和排版，网格、对齐与适度的留白，给人安心感；
毛病的案例：圆形没有重心，没有稳定感，留白与排版分歧一，看起来不稳定；
稳定感
商务类设想多数诉求真诚与安心感，此时重要的是显现“稳定感”。平常生活中，想要稳定的感受时，常见的手法如等间隔排版、让整体重心平衡、只管置放平展的图形而非圆形图形等，而在设想上也是如此。
也就是说，将物体排列整洁（网格与对齐）调剂平衡（重心与留白）是需要的。具体作法是让巨细或比例分歧、留白均等、尽能够设置直线物体。当设置了一张照片时，在版面的对角线上也要设置照片以获得平衡。不这么做的话就没法显现稳定的印象感。
3. 显现明显对照的更合适音乐现场的是哪张？


我们从高低A、B两张图中，可以看出显现明显对照的更合适音乐现场的是哪张呢？


正确的案例：对称的版型，激烈的对照，清楚表达对照以后的差别感，对照激烈的色彩，清楚表达对照的音乐标记特征；
毛病的案例:  同色系，没法对照差别，宣传笔墨几种堆砌，没有明显的对照区分；
对照反差
对称是一种常见的设想手法，会议中心线均匀分别出左右地区，别离施以不异设想。想让两种要素有所对照时，这样做也很是的有用。此外，对称手法可以确保款式之美，发生稳定的版型。进步配色的对照也可以有用的营建对照结果。让最暗色与最亮色的色彩亮度反差变大，即可发生视觉差别。别的，利用互补色也是个不错的方式。互补色指的是色环上面响应的两个色彩，例如红色和绿色、黄色和紫色、橘色和蓝色等色彩组合。想让设想要素发生对照，活用上述手法会是告竣目标的捷径。
4. 信息更易读的是哪一张？


我们从高低A、B两张图中，可以看出哪一张信息更易读呢？


正确的案例：利用网格编排，进步阅读性，有用利用留白，让空间有留白不死板；
毛病的案例: 元素过于零星，段落不整洁，缺少同一感。
对齐（网格系统）
设想进程中，最伤脑子的工作就是版型。要将笔墨、LOGO 与插图等多个设想要素，想法放置进有限的版面并不轻易。网格系统是一种有用的版型设想方式。上图的例子就是如此，网格系统不但是有用地停止版面设想，还让画面发生次序感，完成易读性高的设想。
5. 更方便比力商品信息的是哪一张？


我们从高低A、B两张图中，可以看出哪一张更方便比力商品信息呢？


正确的案例：版式稳定同一给人平安感、从笔墨到各个元素都利用不异色彩标准；
毛病的案例：这样的版式错落虽然避免了单调，却给人散落的感受，为了变化而让题目色彩停止了改变，不异元素缺少类比，反而不轻易对照商品；
反复（纪律）
由于担忧设想会过于单调，很轻易硬要去多做些过剩的变化，例如把照片交织设置，大概是改变笔墨色彩。可是像商品信息手册这类案例，最好用同一的版型来处置信息内容，让读者更安心的阅读，让内容加倍标准正式。同时使设想有变化，增加图形、粗细对照、色彩对照等方式，使两者都可以兼顾。
6. 更具有设想同一感的是哪一张？


我们从高低A、B两张图中，可以看出哪一张更具有设想同一感呢？


正确的案例：用色同一合适设想氛围、字体与设想气概同一；
毛病的案例：设想元素图形混乱，缺少同一感，色彩过量，缺少同一感；
分歧性（频频）
一旦决议设想方针，就完全贯彻到底。设想履行起头之前，我们会有这样的题目，比如利用何种色彩?刚硬的气质好还是温和的好？男性取向大概是女性取向?这些疑问只要思考主题与方针工具便可以决议设想偏向了。
7. 留白应用适当的是哪一张？
我们从高低A、B两张图中，可以看出留白应用适当的是哪一张呢？


正确的案例：大面积的留白，让重要元素更夺目，奇妙的留白，视野指导；
毛病的案例：利用元素排列，没有同一感，元素排列过于慎密，没有空间喘息感；
留白
把留白看成元素之一来排版留白。留白是在元素与元素之间担任缓冲的脚色。版面被塞得太满会让人提不起旁观得兴趣，可是过量的留白也会让设想显无暇洞。笔墨量多时可以调剂行距大概字距，让笔墨地区四周充实留白以利于阅读，同时还可以起到引人注视标结果。
8. 有视觉动线指导的是哪一张？


我们从高低A、B两张图中，可以看出具有视觉动线指导的是哪一张呢？
正确的案例：由大到小，递进关系，敏捷对照把握整体信息，削减色彩利用，并用夺目色彩突出重点；
毛病的案例：并列一切元素，没法一眼领会内容结构，色彩过量，没法聚集重点；
视野指导
赋予要素条理感，奇妙地指导视野。在设想画面中会想法子以夺目标要素捉住方针，接着再指导视野到整体内容上。比如人脸、插图、箭头、数字、标志等等都是视觉焦点。视觉焦点有横向大概直向指导视野的感化，所以我们一般都把重要的元素放在这个位置。在纪律中放入不法则的要素来破坏纪律，会更引人注视，同时暖色系比暖色系更有聚焦结果。虽然视觉焦点很方便，可是不能过量利用会落空焦点，应用元素的巨细、色彩、外形等条理变化，奇妙地将视野指导到重点上去。
9. 精练高雅的设想是哪一张?


我们从高低A、B两张图中，可以看出哪一张更表现精练高雅的设想呢？
正确的案例：有对照物置于中心，发生了激烈的左右对称，信息的分组，画面临称有同一感；
毛病的案例：曩昔靠近中心，没法发生对称感，信息分组差池称；
对称
自然界不存在完全对称的生物，可是我们人类可以感遭到，报酬的对称，可以塑造出稳定感、高级感、传统的印象。但牢记一定要连结对称两侧的平衡。
10. 哪一个是都雅美妙的设想？


我们从高低A、B两张图中，可以看出哪一张的设想更都雅美妙呢？


正确的案例：利用黄金比例元素、空地也利用黄金比例；
毛病的案例：图片裁剪比例随意、间距行高都毫无设想感；
黄金比例
最初须生常谈的题目，让版面与照片的宽高比都显现黄金比例。矩形的长宽比例为1:1.618，生活方圆比如金字塔、动物、名片、卷烟盒、书籍也都是黄金比例，别的还有白银比例，其比例为1:1.414。
总结

我们经常在设想版面时最常用见的题目就是，做出没法喘息的空间设想，为了怕浪费空间把版面填满、缺少适度的留白，常常会让设想显得毫无条理。此外，设想元素缺少整体感，也是让设想混乱的缘由。
把版式设想的理论常识现实的利用到贸易范畴中，不但可以将信息最大限度地传递给消耗者，构成更多的视觉记忆，更重要的是可以为贸易设想供给理论指导。
海报、宣传画等都属于贸易广告。按营业和非营业性质区分，可分为贸易海报、产物海报、展览、展销海报和文化海报、公益广告海报等。在贸易广告范畴，为了最大限度将信息传递给消耗者，广告设想能否公道且奇妙显得相当重要。
贸易广告的版式构图
构图是贸易广告设想的重要题目。它是全部版面的结构形状，分歧的构图具有分歧的性情，表达分歧的豪情偏向。
1. 图片信息主体化构图
这是常见的一种广告编排范例，图片在版面上方，题目鄙人方，然后是说明文与商标图形。图片占据版面大部分地区，笔墨部分不管从信息量还是所占空间巨细都响应弱化，精彩的图片从形式还是内容上都具有视觉冲击力，易引发消耗者的留意。
2. 题目型构图
题目在版面上方，图片、说明文与商标图形依次鄙人方。以题目作为图片的先导，让观众对题目先予以留意，留下明白印象，然后看到图片后获得感性的形象熟悉，激倡议爱好，进而在版面下方阅读位置放置适当的说明文和商标图形，使观众获得一个完整的熟悉。这类构图一般笔墨较少，可以按照内容需要对主题笔墨形式自己,以及笔墨组合形式停止灵活、活泼的设想，现实上是笔墨图形化的设想表示。
3. 散点型构图
在版面的设想时将图与图、图与笔墨之间作自在分离状态的散点组成方式，构成一种随意的不经意的视觉结果。散装排列夸大感受性原则，较重视自在、随机和必然性的空间活动感。这类设想貌似随意而为，实在在内在上包含着设想者独具匠心的创意追求。如在贸易广告的版式设想中应用散点构图的形式，则要留意各元素成焦点分离状态，而色彩主和谐图形的类似性要调和，整体感上有同一的氛围与结果。
4. 全图型构图
也称无版心设想，这是一种具有现代感的构图形式。它是用一张图片占据全部版面，无疆界性地打破了传统版式天头、地脚、内外白边的寄义。图片能够是产物或品牌代言人形象，在图片的适当位置间接嵌入题目、正文和商标图形，用开窗形式放置其他组成要素，或图片甚至笔墨元素频仍“出血”，使广告形式具有较强的视觉冲击力，从而赢得消耗者的极大关注。由于图片具有激烈的直观形象性，在信息传递中饰演侧重要脚色，其传染力高于笔墨，具有不成低估的视觉冲击力，其视觉流程常常是从图片的精巧之处起头，最初视野活动到说明文及商标图形。


分歧的版式构图款式给人带来分歧的感知
版式设想的构图范例多种多样，凡是需要综合应用分歧的版面形式来传递信息，常见的版式构图范例有标准式、满版式、分离式、自在式等。
1. 标准式
这是最多见的简单而法则的编排范例，一般从上至下的排列顺序为图片、题目、正文内容、标志图形。首先操纵图片和题目吸引读者的留意，然后指导读者阅读正文内容和标志图形，自上而下的顺序合适人们熟悉事物的心理顺序和思维活动的逻辑顺序，可以发生杰出的阅读结果。




2. 满版式
满版式构图的重点在于图片转达的信息，将图片铺满全部版面，视觉冲击力很强，很是直观。按照版面的需求编排笔墨，整体感受风雅、直白、头头是道。


3. 对角式
对角式构图是指版面中的首要元素别离位于左上角与右下角，大概右上角与左下角。首要视野处于对角线之间，版面有不稳定感，视觉冲击力较强，构成在变化中相互照应的视觉结果。


4. 定位式
定位式构图是以版面中的主体元素为中心停止定位，其他的元素都围绕这其中心对其停止补充、说明和扩大，力图深化、突出主题。这样的构图可以使读者明白领会版面要转达的首要信息，从而到达宣传目标。




5. 坐标式
坐标式构图是指版面中的笔墨或图片以类似坐标线的形式，垂直与水平穿插排列。这样的编排方式比力特别，可以给读者留下较深入的印象，合适相对轻松、活跃的主题，笔墨量不宜过量。


6. 聚集式
版面中的大部分元素依照一定的纪律向同一其中心点聚集，这样的构图被称为聚集式构图。聚集式构图可以强化版面的重点元素，同时具有向内的集合感和向外的发散感，视觉冲击力较强。




7. 分离式
所谓的分离式构图是指版面中的首要元素依照一定的纪律，分离地排列在版面中。这类构图中的元素凡是散布较为均匀，元素之间的空间较大，给人纪律感和轻松感。


8. 扶引式
扶引式构图是指版面中的某些图形或笔墨可以指导读者的视野依照设想者放置的顺序依次阅读版面中的内容，大概经过指导指向版面中的重点内容，对其停止夸大。






9. 组合式
组合式构图是指将一个版面分红左右或高低两个部分，别离放置两张从中心裁切的分歧图片，再将两张图片重新组合到一路，构成一幅新的图片。左右双方的图片虽然分歧，但却有较强的联系，构成兴趣性极强的版式结果。




10. 立体式
立体式构图是指经过调剂版面中的元素构建立体结果，大概经过对角度的调剂，将版面中的二维元素组合起来，构成具有三维空间感的视觉结果，这类处置方式会带来很强的视觉冲击力。




11. 自在式
自在式构图是指版面结构没有任何纪律，设想者随意编排组成，是以版面具有活跃、多变的轻盈感，是最可以发挥创意的构图形式。自在式构图并不代表乱排，需要把握版面整体的调和性。



原文地址：https://zhuanlan.zhihu.com/p/394356973
免责声明：本帖内容由机械人自动收集于互联网，如加害了您的权益，请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容，给您带来未便，深感歉意！