商业平面设计实案解析4ppt课件

宣传单/海报(4),折页/邀请函/贺卡(2),标志/VI(5),卡片/优惠券(2),电子商务/专题页面(2),书籍/画册/版式设计(2),包装(2),课时安排,大作业(2),第七讲：版式设计基础教程,版式设计的英文单词是“layout”由lay和out这两个词结合而成。Lay包含放置、铺设、区域划分、规划等意思；out则包含出现、兴起等意思。这两个词结合成layout一词从而构成设计、配置、版面编辑等意思。版式设计是视觉传达的重要手段，它不仅是一种技能，更实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的基本功之一。,壹。什么是版式设计,版式设计的目的：心理学学者艾伯特.赫拉别恩通过测试说话者对倾听者带来的影响，分析了交流过程中的各种不同构成要素。通过分析，艾伯特宣称，在影响说话者形象的各种关键要素中，非言语要素占据整体影响力的93%。版式设计当然是为了与读者进行交流。也可以说，版式设计的目的就是传达信息,视觉信息（Visual=外表、仪态、动作、表情、眼神）55%；听觉信息（Vocal=音质、声调高低、语速、音量、节奏）38%；言辞信息（Verbal=所用词本身的涵义）7%。,版式设计的宗旨：流畅的传达信息,接受者的要求：希望了解想要的东西、希望被感动、对位置和场所的确认、希望了解接下来的计划。,排版的注意事项：1.迅速获知那是什么2.迅速了解特点和方便之处3.能够迅速搜寻所需信息4.整体上具有美感,接受者获得的东西：共鸣、完成感、满足、感动,空间的平衡与紧张,形状或颜色都具有一种视觉重量，而视觉上的平衡正式基于这种视觉重量感而提出来的。版式设计就是寻求平衡，如果打破平衡版式设计就会失败。换言之，所谓取得了平衡，其实就是最紧张的状态，紧张就会产生视觉冲击力。,文字与图片搭配的三种理论,第一种理论：作品中需要的关键点,画面中必须有“点”很多时候都会在“点”的位置安放醒目字图，排版要考虑到这些“点”。所谓“点”就是最重要的位置，是画面中的关键之处。,在长方形的画面中，无论纵横都有四个关键点，（正方形就是九宫格）,第二种理论：将画面处理成三个部分在一个画面中插入的“部分”越多，对于读者来说越难以阅读。尽量按照以三个“部分”分组切分文章的标准来进行排版。如果是四处，则有时候会舍弃一个。,第三种理论：通过图片和文字将读者引向目标信息中往往包含这样一种目的，即希望让人读过之后能够有所反应。通过图片和文字将读者引向这个目标就是版式设计的作用。,版式设计必须要有某种原因，不能只是凭感觉来做。视觉心理学或色彩生理学的原理是版式设计的基础,版式设计的三个基本原则:直观易读美感,当人们观看某种东西时，大部分的人都有自己习以为常的观看习惯。人们往往在一瞬间就会判断出“这是什么”。这一现象导致的结果是，人们会想起与所看的东西相近的信息，并判断画面中信息的价值。如果是自己不需要的东西，那么观看活动就到此为止，有兴趣才会开始阅读。这就是视觉心理的问题。为了留住读者的心，要求设计者必须将版式设计处理成能够让读者一望而知的直观形式。,在书写机会逐渐减少的现代，对文字的基本要求就是易读。所谓易读，就是指文字的可读性很强，这不仅与文字的形体有关，而且也与文字的大小、字间距、行间距等要素密切相关。1.对齐。为了达到易读的效果，首先要从将文字“对齐”开始。为了达到对齐的效果，人们使用对齐线。这种对齐线其实是看不到的2.视线流。人的眼睛会根绝视觉心理而发生视线的流动。通过对这一点的利用，阅读中就会产生“视线流”。这也叫视觉引导。3.醒目的插图。为了捕捉人的视线，会将图案或照片作为醒目的插图。4.联系方式。最终的目的是期待获得订单，所以要表明联系方式。,注意事项：如果一行字中插入了大小不一的文字就会造成不便识读的问题如果大小一致，但字体不一致同样会造成不便识读，文字过小，文字装饰过度也一样。,对易懂和易读的追求是设计师在版式设计的中花费经理最多的两个部分。版式设计中最后需要解决的是使页面变得漂亮和美观的问题，如果在进行版式设计时最先调整外观，那么往往会造成不易读或不易懂的问题。在处理漂亮或美观的问题时，页面的配色、空间变化、留白、内容量等都是需要考虑的在一定条件下版式设计会产生让读者觉得瞌睡的效果，这就叫做诱眠效果，在进行版式设计的时候要注意避免产生诱眠效果哪些原因会造成这一问题呢？：文字排布过于紧密没有字间距，文字大小相似，色调亮度、饱和度近似、文字排布方式单一、照片混乱、照片本身无趣。,在版式设计中采用白色做底色时，必须特别考虑留白空间的安排，充分利用白色本身包含的诞生和洁净等心理效果。在白色底上配上较浅的其它色调看上去就比较有品质。充分利用素材本身的造型特征能够提高商品形象的表现效果。,从客户角度来看的四个要点：希望看上去工整希望能高效率的阅读（当需要呈现某商品的局部特征时，首先要展现整体效果，然后要将其具体情况凸显出来。这时线条的连线功能会发挥作用。希望读过之后能够受到刺激所谓版式设计，就是在缺乏“客户所追求的刺激”的情况下，想办法将对象凸显出来的工作希望从信息中有所收获（人们对于能够看到好处的东西一定会给予关注。（礼物、打折、返点、促销等）,版式的基本要素：线、图片、文字、色彩线是版式中必不可少的，线有很多功能。图片是版式中最重要的元素，是为了抓住读者视线而使用的图画或照片；文字用来传达具体的信息；色彩也是生成画面整体效果不可缺少的要素。,文字的跳跃率：指正文字号与标题字号的比例关系。跳跃率高能够提高画面的吸引力并使画面显得生动活泼。但是也并不是说跳跃率越高越好。在文字横向排列的情况下，一行字中排放26个字是最理想的，如果一行中有30个字左右，出于阅读的欲望，读者仍然会继续阅读，但是超过这个字数之后，读者就会想要放弃了。在竖向排列中，一行最多可以有41个字左右，这种情况下仍然不会影响阅读。行距要大于字距。,图像尺寸的效果：如果用小尺寸的照片来呈现人物全身像，则这个人物主要起辅助效果，衬托主要内容。如果呈现人物上半身，那么根据视觉心理原理读者的视线会被照片人物的脸部所吸引，从而达到理想的效果如果特写到头像，则对于这个人物本身的兴趣就成为了排版的重点。图像的裁剪裁切操作中，设计师对空间的感受以及视觉心理学的知识等都是必须的。将人物置于页面中心是很常见的处理方式。但是这种做法总是导致人物没有特色将人物至于页面右侧比较关注人物接下来将要发生的事将人物至于页面左侧，则设计师希望关注人物的过去将人物的上半部和下半部裁切掉让让感受到人物当下面临的现实。当需要强调被拍对象的存在感时，可以却掉物体背景,如何处理留白如何在主题物与背景之间营造空间，这既是一个要点同时也是版式设计的重要课题。如果页面上布满了文字或照片就会让人感觉不舒服，甚至还会对读者造成一种压迫感，使读者停止阅读。留白意味着某种舒适感。,有效的版面配色色调的统一：配色的目的是希望将预期的效果准确表现出来，如果色调过于丰富，就会使页面显得比较热闹，但同时也会使读者的视点难以稳定。当页面需要表达类是“狂欢节”的整体效果的时候，可以扩大色调的范围，而当需要准确的传达内容时，则需要将色调统一起来。主导色（在以红色为主导的灯光、阳光中任何一种颜色都带有红色同系色（类似、近似色）色调的协调（当使用一种或两种有彩色时，如果需要将这些色彩的效果鲜明的呈现出来，就可以与灰色进行搭配）,基调色。配色操作中首先需要明确的是基础色。因为基础色是控制画面整体效果的颜色。例如如果以蓝色为基础，那么就会产生建立在放松、理性、未来等效果基础上的蓝色效应。对比。造成对比的因素包括色彩的亮度反差、色相差、饱和度差三种。配色的要点就是要让相邻的颜色之间构成色彩对比。颜色相近的配色会导致读者犯困。色彩的分割。被分成上下两部分的画面，上半部分代表未来，下半部分代表过去。被分成左右两个部分时。左边代表母性或者内向的（保守性），右侧代表父性或者外向的（攻击性）强调色。当用同一色系的颜色来统一画面时，画面会产生统一感并获得美的享受。但是同一色系的色彩构成虽然很漂亮，却有可能使配色显得过于平静。面对这种情况，可以在画面中少量的加入一些与整体配色倾向构成对比关系的颜色。,线的作用是由线的功能决定的。线的功能包括表示强调（下划线）、明确分割（边界线）、突出边框（轮廓线），表示接续、分割、引导方向或营造节奏感等。熟练的使用边框线是进行排版工作的必备条件。粗线：大胆而强有力的线，当需要凸显某些内容是使用视线：不明显在发挥功能时最常用虚线：虽然并不明显但提示了那里有东西这一事实波浪线：让人感受到跳跃感的下划线双线：双细线使效果显得柔和。水平插入的长线条，它会截断页面的整体流畅感，这一点必须注意。,背景设计的心理效果背景是图片和文字所处的环境，是其发挥作用的场所。一般来说。圆形。当要在背景中加入圆形时，需要考虑到这个几何形的特质。圆形具有独特的象征性，所以很容易吸引人们的目光。使用圆形尤其适用于想要重点传达的信息。四方形。四方形就有稳定感，不会让人感到不安，多数照片和文章都采用四方形，但存在感弱圆角。相对于硬边图形来说，人们在视觉上更容易接受边角圆滑的图形，圆润的事物会使人在视觉上和心理上产生一种亲切感。如果圆角半径扩大会给人较柔和和亲切的感觉，圆角半径较小则会显得比较硬朗。装饰性元素。页面装饰是增加阅读快感的有效手段包括分割线、插图等。装饰性元素不能成为主角，它所占的分量应低于1/10底纹和随意图形，底纹不能太明显它只是作为背景来突出图片和文字的加入淡淡的底纹人们并不会意识到它的存在，但它却对整体氛围的营造作出了极大贡献底纹大体上就是单位图形的反复，随意图形是将其所有性质都展现出来，要根据情况来用。,图文排列的四种基本方式图文左对齐图文居中对齐图文右对齐图文装箱式排列,所谓左对齐，就是在这一行读完之后视线返回下一行同意地方即可，对读者来说十分方便。不管多么杂乱无章的东西，只要字头对齐，就会显得井然有序，富有美感。不论竖版还是横版，都可以采用左对齐。,图文居中排列居中是排版技法中最传统的方法，即让整体的设计要素居于画面中部的技法，居中具有使画面看起来匀称整齐的效果，居中的优点就是，可以使画面更加均匀整齐。匀称的版式设计，更容易让感觉到品质与风格，所以经常被用于古典音乐会、高级展览会的海报和封面。因为居中也会使设计看起来比较普通，所以加上一些变化的要素是关键。,图文右对齐排列从左边翻开的书最常用的就是右对齐，在杂志的封皮和特集页右对齐是很常见的手法,图文装箱式排列每行的字数是固定的，翻看时文字就像套在一个个小盒子里一样。这种文段排布法称为装箱式还有一种边框式也属于装箱时，就是用线条或花纹将文字框在里面,如何引导读者视线自上而下移动从大到小移动向相邻物体移动趋向形状相同趋向颜色相同向下一号码移动沿箭头移动,视线移动最自然的诡计就是自上而下，利用这一点来引导视觉。大多数媒体都是自上而下的视觉引导为基础来进行版式设计的。原则就是把重要的放在上面。,人们在日常生活中，通常会先注意到大的东西，特别是当两件东西颜色或特质相同的时候，根据这一远离应该尽量放大希望吸引读者注意的东西。,我们的眼球会习惯性的向相邻物体移动。比如在看人的时候，我们不会看离这个人很远的人，而是自然而然的去看他旁边的人。因为眼睛在看一个东西时，与之相邻的物体已经进入我们的视线。这是视觉引导中比较容易应用的一种心理：只要在相邻部分放置你接下来想要呈现给读者的东西即刻。,在同时面对很多图形的情况下，眼睛总是习惯寻找跟最先记住的图形相同的形状，比如在圆形、三角形、方形这几种形状中，如果最先记住的是方形，就算别的图形有很多，视线也会自动搜寻方形,在一个画面中，同一种颜色分散存在时，视线会自动沿着相同颜色移动。,利用编号引导读者视线非常有效，加上编号后，无论怎样读者都不会跳过1直接去读3，一定是先看1，再看2，再看3。,箭头可以按其指示的方向引导视线。,如何留住读者视线利用压角利用屏障板利用视线流,不管什么样的设计，画面中读需要留有一定的留白，留白可以让画面显得舒适，但是如果留白过多，就可能让整个空间看起来松弛，失去紧张感使读者的目光游离出画面外。这个时候就要利用压角，阻止视线外移。压角的作用就是在空白处增加紧张感。,人的视线比较容易被有冲击力的东西吸引。但是如果只满足于这一点，视线容易直接从那里移出去，而越过正文。这时可以在右上角或左上角设计一个竖的隔挡板，视线触到那里就会被挡住。,版面设计最理想的效果就是让读者将版面内同全部读完，但是读者的兴致难以琢磨，很可能看完一处，就跳到另一页去了。解决的方法就是创造一种视线流努力让读者流畅的阅读。,版式设计禁忌集切腹断层填充过满贴边黑色是逃避色框架过多跳读参差不齐异常接近花样文字烟囱侵入,切腹是排版的一大禁忌，指的是一条细线贯穿画面左右两端，这会隔断画面整体的文脉流动，使阅读难以顺利推进,图片的说明放在离图片很远的位置，这也会给读者的阅读带来不便，所以要尽可能避免。,客户总是希望一个版面里面恩那个包括所有内容，可信息过多时会让人找不到重点无法达到设计的目的。填充过满的缺点就是完全没有空间游刃感。,图片紧贴画面的下边缘，我们将其称为贴边。图片是有一定重量感的，如果将其放在画面边缘就会打破画面的平衡，使读者产生焦虑感。在视觉心理中，画面的下缘犹如天地的地一样，既不能太轻也不能太重。,我们通常是在不知道该选哪种颜色的情况下才选择黑色，是大家在逃避时作出的选择。黑底会让人眼睛产生年疲劳感，从实用性角度来将我们应尽可能避免黑色,当一个设计版面有多个内容时我们就应该对其分类组，传单或海报的分组应不超过三个。如果太多视线就会被分散。当内容太多人们又想强调内容时就会应用边框，但是框架太多画面