第四讲编排设计的基本原理及规律认识ppt课件

,第四讲编排设计的基本原理及规律认识,1,一、对编排设计视觉语言特性的分析与思考,在编排设计中，如何分析画面是进行设计及思考的一个基本前提。对于版式设计而言，画面的分析将主要从两个方面进行：内容和形式美1、画面中所要传达的信息在逻辑上的一致性、条理性。任何信息，如果它们是以群组的方式呈现，其内容总是有主次等内在联系的，并且这种关系常常在逻辑结构上千变万化。百货商店博物馆2、画面上设计形象的艺术视觉效果。版式设计的艺术效果，无疑受着设计内容的制约，但必须强调的是平面版式设计所具有的特定的审美要素和其构成规律，更多的是抽象的。从设计的艺术角度来分析一幅作品，我们要研究的既不是文字的意义，也不是图片、图象的“具象性”，相反，我们要更多地分析画面上文字、图形的色调、形态，它们之间的相互关系，如主次强弱、动势趋向、肌理效果等等。,2,二、形的变化,形的变化是无穷尽的，不同性质的形对版式设计具有不同的影响。,1、光边的形和柔边的形形可以是光边的也可以是毛边和柔边的。光边的面具有一定的稳定性、闭合性（内聚力），视觉上张力不大，占据空间小；毛边的形在造型上具有向四周发射的力量，视觉冲击力强：柔边的形往往和周边的空间、图象混成一片，给人一种视觉上模糊、暧昧的心理感受。,主体形态为光边的不规则的圆形，感觉上稳定而且具有内聚力。,3,画面上的文字有一种视觉上的扩张力,画面上的形象因为模糊，给人以暧昧的印象。,4,运用了柔边的图象与光边的文字构成对比,5,2、开放的形和闭合的形,形的外轮廓是否开放或闭合，对这个形在视觉上具有很大的影响。开放的形具有很强的放射力和张力。它需要更大的空间来容纳自身。为了使画面趋于稳定，设计师常常将开放的形运用画面的边缘加以切割，使形的放射力成单一的方向延伸；有时他们也将其他稳定的形体复叠在开放的形上面，加以运用。,6,闭合的形在视觉上相对而言比较平和，它们具有内向力，在视觉上也比较易于辩识，在设计时他们往往被其他形体复叠，以在画面上获得一种活跃。,7,3、感性的形和理性的形,设计中形的视觉外观的形成，可以有许多方法和途径，但主要有两大类：一种是以感性的手法获得的形，如手写的文字、插图等等。感性的形的审美标准依赖于人的直觉判断，设计者可以通过想象或情感宣泄的方式自由地加以表达。,8,另一种一理性的方法创造，通过数学、几何或其他方法确定的形。强调理性的分析，通过精确地计算与分析将形象“构筑“而成。,9,戏剧季度海报设计,10,4、抽象的形和具象的形,从心理学上讲，图形对人的作用晒相对复杂的、多方面的。具象的形和抽象的形之间没有绝对的界限。具象的形可以通过外部轮廓或明暗色调加以表现。抽象的形可以组成具象的形，而具象的形也可以组成抽象的形。它们的区别主要体现在空间的大小和各自的组合关系上。任何物体在经过了一定程度的放大和缩小后，可以在形象的性质上产生根本的变异，具象的局部可以边的抽象，而抽象物象的真体可以分解为具象的片段。,封面设计，画面上的形象界于具象与抽象之间。,11,运用了抽象形态和具象形态的结合，传情达意，产生无限遐想。,12,三、肌理,肌理的基本构成要素是点、线、面、色调以及各种粗细、材质的纹理。任何在画面上的视觉形象图形、文字和底色都是一种肌理。由各种视觉要素构成的肌理具有强大的视觉表现效果。我们可以将各种文字、图形看成是一组组色彩、形态不同的极肌理，从画面的整体出发，研究和调节他们之间的对比关系。,13,14届Schaffhausen爵士音乐节文化海报类作品，生动不羁，肌理的引用带来强烈的视觉效果。,丘奇教区的声音艺廊2004文化海报类,14,四、色彩的表现力,1、色彩的基本性质色相：是指色彩的相貌，是区别色彩种类的名称。在色相间的关系中，冷色和暖色两个组群的关系是最为主要的关系之一。明度：是指色彩的明暗程度，也称其为色彩的亮度和深浅程度的。在编排设计中人们常用高调、中调和低调来概括色彩明度的分类。纯度：指色彩的纯净程度，也称为色彩的艳度、浓度、饱和度。运用不同纯度的色彩，则是调节画面的才关系的重要手段。,15,冷色调明度练习,色相对比练习,16,2、色彩的表现力,内容决定形式，而色彩这种形式语言（情感表现）可以直接地将设计要传达的内容表现给观众。色彩可以给人以直接或间接的心理联想，这种联想的形成机制和过程是相当复杂的。如对食品与色彩的研究发现，色彩在这方面有着许多令人惊讶的关系：翠绿、天蓝、紫色一般都和矿泉水有联系，而红色、棕色、黄色和白色是和面包之类的食品相关。民族传统是文化的一种渊源，民族的传统心理对色彩的认知和传达也是非常重要的。,17,18,19,20,五、空间,1、平面空间的界定（网格设计的历史轨迹）,每一件平面设计作品都必须有一个特定的空间，让设计者将设计的内容编排于其间。这种空间的界定受到历史文化、造纸、印刷技术的发展的影响，并和不同地区和时期人们的审美习惯有着不可分割的关系。,2.黄金长方形开本正方形求黄金分割长方形：,3.根号2长方形开本,4.双长方形开本(德国标准比例：A系列纸张),1.黄金分割：希腊人将卫城和巴特农神殿分为外顶与中顶的比例关系。1.618（宽高或高宽）,5.草席形蒙德里安,6.模数柯布西耶（44个矩形）,21,2、空间不同部分的视觉吸引力,在一定尺度的空间里，心理学家们发现：不同部分有着不同的视觉吸引力和功能。,在左上方三分之一的位置，最受人关注，因而常常成为观察阅读画面的起点。所以设计者也就会把重要的信息放在此处。,而在空间的右下部分，常常给人相当稳定、停滞的感觉，所以设计师常将各种次要信息置于其间，如企业名称、日期等。,22,3、空间的分隔,通过对空间的分隔，可以使各种意义上功能上不同的信息有序地组合和分列。,模数化的分隔(网格设计)设计的功能上离不开秩序性网格秩序功能,是理性的方法，以数学的分析为主。人们发现数学上的模数关系对形态的分隔组合有着特定的意义，可以使形态之间的关系有着内在的联系。模数关系可以使形态成倍地增加展开，也可以进行空间内部的有序切分。,23,自然秩序、社会秩序，对秩序的需求出自人的本能。大脑对秩序的有着天然的追求和潜意识的寻找，当我们看东西时，我们的眼睛象一把“尺子”，对距离、参照物等的不停的寻找。研究发现，秩序常以数学的倍率形式出现,24,25,感性化的分隔,以设计者自身感觉来界定平面空间的区域划分，而设计空间中的信息的主次，形象之间的平衡关系主要通过直觉来处理调整，也是今天平面设计中运用较多的设计方法。,26,六、动势,自然界中各种物象存在着各种力，它们互相对抗、互相吸引。力动决定着形体展开延续的趋向，规定着它们的空间次序。画面上的形体及其走向，肌理的密度，色彩的色相、明度、纯度等等视觉要素都可以吸引人的视线从一个点流向另一个点。,版式设计画面上的力势主要分为三种形式：流动力、张力、重力。,1、流动力流动力是指画面造型自身向一个方向伸展多产生的视觉力量。,汽车比赛海报，扭转的线条呈现了一种强烈的律动感。,27,2、张力,张力是形体在一定空间中由于自身的造型向四周发射扩散的视觉力量。,中国学生的作业，画面上红色的造型向四周发射扩散，具有强烈的动势感。,28,3、重力,重力是指画面上形体由于其颜色肌理的不同产生的或重或轻、或向前伸或向后缩的视觉力量。,画面上的文字由于各自的色彩明度不一样，呈现出向前向后的动势感，是平面的视觉要素变得具有一定的深度感。,29,瑞士早期著名的交通宣传广告作品。作者在画面上将一辆摩托车放大，飞快的驶向一个小孩。摩托车飞驶的运动趋向构成了画面的焦点。一下子抓住了观众的视线。然后在左上方安排了“保护孩子”的标题，并使标题的运动趋向又一次回到了画面的焦点上。,30,田中一光设计的招贴广告，作者在画面上放置了许多汉字笔画，各笔画的位置及其流向进行了周密的安排，让观众的视线在笔画间流动，最后回到画面的中央，画面的主题上来。,31,七、群组,群组是平面和其他设计要面临的重要问题，因为在每一种设计都不可能只运用一个要素，而当众多元素出现时，它们的关系首先是群组关系。群组不仅是一个客观现象，还是编排设计的一个手段，是设计者连接各种要素的环节，是编织画面织体的组织节点。群组具有三层意义：组合、层次、织体。1、组合组合是对画面中个局部视觉要素之间关系的组织处理。要强调的是，这里的组合概念不是单指要素的组合，组合的意义是非常复杂的：有要素在视觉强度上的组合（如强弱、疏密）有空间关系上的组合（如连接、复叠、透叠等）有色彩、肌理方面的组合（如调和、呼应等）有综合性的要素组合关系（如对比、统一等）,32,视觉要素的强弱组合,视觉空间关系的均匀组合,33,肌理的组合，中国学生作品。,34,哪个说明和哪张照片是一组的，很难分辨得出来。,紧缩同一组合的照片和文字，与相邻组合留出空白，变得工整。,35,重点图和标题的起始位置放在同一高度，这样比较稳定，放在其它任何位置都不稳定。,36,右端的一小段文字虽然很小，但连接了左右两侧的黑色空间，产生出动感。,左端的小图和左侧文字放在同一高度，看起来十分工整。,37,2、层次,层次是高一层次的群组。在一个画面中形和形常常由于色调、肌理或大小等因素，在视觉上互相接近组合或互相分离，形成一组组的群体或板块。这种群体或板块我们称之为层次。,强调的是：将画面分“层”，是分析和组织各种复杂要素的主要手段。正如音乐中的音阶关系将音乐的高底分成许多组群那样，设计者将画面上的各种色彩和肌理分成几个大的层次，可使画面清晰、有条理，同时在视觉上更有表现力。,38,中国学生的包装设计作品，画面以红色和黄色作为主色调，在丰富的肌理背景上，作者仔细地将文字按粗细、大小及造型组合成三个大的层次。画面信息很多，但总体上结构严谨、层次分明。,39,设计家贝登设计的招贴广告，画面背景为摄影图象，前面为许多文字。作者将画面归纳为三个层次：白色的标题、灰色的广告语和各色各样的几何图形，背景图象。最为复杂的灰色文字，作者将它们按照人的阅读习惯，斜向展开，处理得有变化又有条理。,40,3、织体,和层次相比，织体是更高意义上的群组关系。在空间意义上讲，是从整个画面或整个设计角度来思考处理部分要素之间的关系。织体的组织体现了设计者的总体思想，表现出作品的基本艺术风格和效果，也体现出设计师处理问题的功力。从织体这一层面上看，除了织体的流畅、风格的表现等问题外，还有视觉密度的控制，色调高低碉的处理、各种肌理的对比等问题。,杂志封面设计。作者在调度画面视觉流程方面下了很多功夫，试观察并分析其视