编排形式美的法则形式美法则ppt课件.ppt

本章知识点：通过本章内容的学习，了解什么是形式美，以及如何制造形式美感。学习目标：了解形式美法则，并学会运用。,第三章 编排形式美的法则,过去人们认为，一件事物美不美跟事物本身没有关系，评价完全出于观众的心理观众说美就美，说不美就不美。应此，美是完全自我、感性、无法预见的，创造美全凭运气做出的东西碰巧别人喜欢而已。如果美真如此，那么建立艺术与设计学院的必要性就值得怀疑了。现代的美学观点跟过去的认识已有本质的区别，现在大众以逐渐接受了这一美学观点，及美是客观的、理性、可预见的。当我们看到一幅风光照片时（如下图），没有人会产生不悦的感受。,这些规则总结起来就是：要注意的是，这些原则总是同时存在的。下面我们将逐条对这些原则进行详细的说明。,第一节 平衡之美平衡美就是版面元素要形成平衡，平衡是产生美感的重要因素，在一件艺术作品中，组成它的所有元素的分布必须达到平衡的状态，这是跟人类的心理感受息息相关的。一、感受平衡仔细观察下面两图，说出哪一幅画面让你感觉愉悦？,毕加索的在桌上睡觉少女,二、掌握平衡1、平衡的种类平衡分为对称的平衡与不对称的平衡。,2、平衡在版面中的运用2.1、用设计师的眼睛去观察与普通读者不同，设计师应该同时具备“普通人的眼睛”和“设计师的眼睛”。“普通人的眼睛”用来阅读文字内容（如左图），“设计师的眼睛”把所有的文字、照片都看作是图形（如右图）。你可以将眼睛眯起来观察版面，你所观察到的将是模糊影像，这恰好能够帮助你避开细节的影响，而将注意力放在对图形平衡的感受上（如中图）。,将图形摆放在不同的位置，感受平衡感的变化,设计师除了关注版面内容的条理性之外，还应当关注其平衡性。在这个例子中，版面中的两张图片的位置不是随意放置的，除了图片与正文内容上有联系之外，还兼顾了版面的平衡。再看下图改作中的图片位置，由于位置不合适，版面失去了平衡，它往右倾斜了，这就显得不够美观，像是一幅没有完成的作品。,（左图） “普通人的眼睛”，（中图）模拟眯眼观察时的情形，（右图）“设计师的眼睛”。,失去平衡的版面缺乏美感,2.2、影响平衡的因素初学者常随意的放置版面元素，而没有意识到版面元素细微的位置缺陷也会极大的破坏平衡，其实影响平衡的因素有很多，位置、大小、色彩都会影响到画面的平衡。美国总统奥巴马的网站，网站上深色的总统照片与深色的女选民照片在浅色的背景上显得非常突出，而它们共同构成了平衡的版面。,2.2.1、位置与平衡看下面这张改作，如果女选民照片放错了位置，就会使版面失去平衡。另外，在安排版面元素的位置时需要明确其位置关系，让读者一眼就能清楚的感受到平衡感,明确的关系让人感觉平衡，不明确的关系让人感觉失衡,2.2.2、大小与平衡如果错误的修改了女选民照片的大小，也会使版面失去平衡。2.2.3、色彩与平衡如果错误的修改了女选民照片的色彩，比如将色彩修改为与背景接近的颜色，这样女选民的视觉重量就会变“轻”，同样会使版面失去平衡。,三、平衡在现实中的运用美国小说校园秘史的封皮，白色的匕首和人头的大小和位置关系是精心安排的结果，起到了平衡画面的作用。而匕首上四溅的和人嘴角流出的鲜艳血液，又构成一个精巧的平衡。,这是一本介绍青年工业设计师作品的杂志。版面上3个蓝色圆形的位置是经过精心安排的。,左边的图片与右边的硕大的标题起到了平衡画面的作用。网站右边的蓝色色块并非没有意义，如果将其去掉，版面就会失去平衡。,马兰牛骨拉面 左右对称的版面设计给人以精致、稳定的感觉,韩国时尚请帖完全左右对称的版式体现出高雅、稳重、正式的感觉,电影海报用飞机的对称形体将版面平分，文字集中在版面中央的编排方式使版面的内容既丰富又避免了底图与文字的相互干扰。版面上要素的主次关系明确，方便读者阅读,康佳手机广告高贵典雅的对称版式，体现出产品的品味与档次,版面各元素灵活随意的编排，产生既均衡又生动的效果,利用位置与距离获得平衡效果，显得灵活而富于变化,第二节 简化之美元素组合方式要尽量显出规律，组合物的轮廓要尽可能简单。人的大脑是憎恨繁杂、混乱和不清晰的。人们总喜欢让对象看上去尽可能趋向那些简单的结构。一、感受简化,再来看下面这幅由8个点构成的图形这就证明大脑偏爱简化的轮廓与结构。,观察下面两张帆船的图案，虽然组成两个帆船的元素数量完全相同，但（a）却比（b）更简化。这是因为（a）拥有更容易被大脑识别和记忆的结构。,再看这幅白头海雕的图案，图案虽然拥有丰富的细节，但由于组成图案的各部分结构清晰明确，比如，白头海雕是左右对称的结构，且位于圆形底盘的中，而海雕背后表现光芒的线条则是呈规则的放射状，并从圆形底盘的正下放发射出来，且形成的圆形轮廓与圆形底盘的呈同心圆的关系；最后繁多的五角星以等距排列成圆形，且与圆形底盘拥有相同的中心。因此虽然具有大量的元素，但由于元素之间的关系简单清楚，同样也具有简化的形式。,二、掌握简化请看下面两幅版面，很难分辨出（a）里的4张图片是按什么样的方式排列的，这些图片排列的毫无规律可循，这就是混乱。反观（b），图片间的排列方式相当明显，这样的结构便是一个简化的结构。,简化，简言之就是让读者能够轻易的看出元素的排列规律来。你可以这样排，也可以那样排，只要有规律就行，所以你也可以将简化理解为有规律、有秩序。,2、简化的形式2.1、重复初学者常误将重复等同于呆板，这是错误的认识。,“重复”广泛的存在于生活中,版面中整齐的排列相同或相似的元素，能带给人以美感。,2.2、节奏节奏是借用音乐的概念，原本指音乐呈现出的有规律性的轻重缓急的变化，“轻重”是形容声音的强弱交替，而“缓急”是指交替的速率。音乐与噪音相对立，噪音是物体发出的无规律的声响，令人生厌，而音乐却具有迷人的魅力，其实质在于音乐具有节奏，是有规律变化的声音。图形也具有与音乐类似的节奏，当多个图形按照某种规律排列在一起时，便产生了节奏的美感。这种具有规律性的排列可以依据图形的外形、大小、间距来进行 。,当我们比较下面两幅时尚杂志的内页编排设计在比较下面两幅电子产品的宣传册,同一风格的字体产生了整齐划一的节奏感，精致而严谨,文字的色彩、位置、空间方向上精心编排，将节奏感隐含在富有空间立体感的文字图形中,236,2006夏季博览会海报 右侧文字的图形异化，使本来整齐文字编排有了节奏上的升华，产生了美妙的韵律感,环保奥运公益海报 螺旋状的线型编排使版面具有音乐般的旋律，动感十足,2.3、比例古希腊人在很早以前就发现了比例能带给人以美的享受，并运用于实际之中。古希腊人相信，神灵按照秩序来统治人间，而用来供奉神灵的庙宇也应该按照严格的秩序来修建，这个秩序就是比例。帕提农神庙在很多地方都体现着比例之美，比如神庙的正面，高度与宽度之比就符合黄金比例。,黄金比例其高度与宽度之比为约等于1：1.618。,其他比例形式,网格设计在我国出现的比较晚，有些人甚至把网格等同于呆板，这其实是错误的，网格设计的核心是严谨的比例，灵活的运用能够创造出优美而富于变化的版面，如果死板的运用则会使版面显得呆板无趣。,网格在网页设计中的运用,一、网格的概念 网格设计又叫标准尺寸系统、程序版面设计及瑞士版面设计，是一种运用固定的格子设计版面的方法，利用页面上预先确定好的网格，按照一定的视觉原则在网格内分配文字、图片、标题等元素。 网格设计要遵循画面结构中的相互联系发展出来的一种形式法则。它的特征是重视比例、秩序、连续感和现代感。,网格设计成功的关键是，在仔细的计划内，纵横划分版面的关系和比例。当我们把技巧、感觉和网格这三者融合在一起灵活而创造性地进行设计时，就会产生精美大方，令人印象深刻的版面，并在整体上给人一种清新感和连续感，具有与众不同的统一效果,我们在版式设计中使用的所有元素都是按照这些格子的划分有序分布、组织的。在网格系统中，对齐是一个基本的原则，包括竖向对齐栏的划分、图片和文字与栏的竖向对齐，同时也包括横向对齐对开页面中图文的左右横向对齐与协调。,二、网格的制作 网格的设置是版式设计中重点之一。所谓网格，就是设计元素在视觉表现上的规矩、框架。所有的页面的版式设计都应在一定的规矩里完成，这样，在视觉外观上才会具有整体的统一感。当然不能是所有的都千篇一律，要有变化，但不管怎么变，都要沿着这条网格主线，遵循一个原则，这样才既有统一又有变化。,（一）横向网格的制作1. 根据页面的大小设定版心的位置，也可以参考已有的同类设计的风格，用尺子量出距离。如果是杂志订口的距离一定要注意根据杂志预计的总页数及装订方式来决定，如果很厚，订口距离要相对大一些。2. 书籍或杂志里占最大比重的是内文，所以内文字体的设定给读者的阅读带来愉悦是最为重要的，那么在版心位置大概定出后就首先要设定内文的字体。3. 选定好内文字体（字体、字距、字号、行距），要铺满整个页面，先暂定页面分为三栏，然后打印“原大”（按杂志原样尺寸大小打印）后，按裁切线裁去“出血位”以外的纸张，从而接近成品尺寸。根据经验，一定要打印原大，这个时候千万别因为省纸省墨或怕麻烦而按比例缩小。原大便于我们更好地比较字体、字距、字号、行距是否是我们最终想得到的，从而在以后的工作中省去很多修改。要知道，改一个元素就要改整本杂志里所有出现此元素的地方，那将是一项巨大的工程，而且会因为忘记修改某个篇章而造成我们犯很低级性的错误。,（二）纵向网格的制作 前面选择内文文字时，我们暂时将版心平均分为三栏，现在，我们要将它分为更多的栏，以适用于各种版式的设计。格子越多，参照也越多，选择更多，也更灵活。在这之前，我们早已定好了设计的风格，每个栏目的感觉也应该在我们脑海中形成一个初步想法，那么具体到页面，分几栏比较合适？,三、网格应用到分栏的技巧 （一）双栏 双栏是最常见的一种分栏方法，掌握起来也比较简单，易于上手。将页面纵向等分为两部分，图片和文字均整齐划一，整个页面看上去相当规矩、统一、稳健，这些都是双栏的显著特点。双栏可以相对完整、连续地展示文字和图片，在视觉上更容易使读者集中精力，达到很好的阅读效果。,（二）三栏 三栏也是一种很常见的一种分栏方法。较之双栏，三栏显得更加灵活和富于变化。最主要的变化来自图片。三栏中，图片的表现方法比较灵活，通栏的大图可以与占一栏或两栏的小图并存。从三栏起，我们就要逐步建立一个“并栏”的概念。并栏就是在划分好栏数之后，将其中的若干栏并作一体，与其它栏一起表现出来，形成一个整体。,（三）四栏 四栏可以看作是双栏的演变和扩展，其将页面以中心对称等分四栏，看起来比较自然、舒服，符合一般大众的视觉心理和喜好。需要注意的是，由于将页面四等分，栏的宽度变窄，在视觉上其实并不适合连续阅读。因此，四栏的排法常用于那些短小精悍的信息类栏目和文章，如产品介绍、最新动态、书评等。 当然，这也不是一成不变的。有些篇幅较长的文章由于图片量大，文字信息量也很大，亦可采用四栏的排法。,（四）五栏在熟练理解和掌握了用两栏、三栏和四栏将页面等分之后，更多的分栏可通过适当演变，进入更加灵活的版式。五栏或更多栏的版式将更频繁地使用并栏的技巧。现今，很多报纸多采用了五栏的排法，但杂志版面一般不使用那么“明显”的五栏，而是将五栏的版面通过并栏手段，实现一种对页面“不均衡”的分配。这种排法，看似破坏了页面的平衡或稳定，但由于巧妙并栏，图片或文字的排法更加灵活多变，同时又不失一定的章法和原则，若掌握得好，也可以做出赏心悦目的页面。另外，将五个单栏排列组合，也可以形成左两栏加右三栏的格局，用数字表示的话就是“23 并栏”，同样，亦可形成左三栏加右两栏的变化，即“32 并栏”。总之，灵活运用并栏的技巧，更多的分栏（六栏、七栏）也可以创造出丰富多样、严谨有序的版面。可灵活运用上述方法，以此类推，如六栏亦可视为大三栏，八栏亦可视为大四栏或大两栏。,四、网格设计是版式设计的基础 版式设计应该遵循建立在网格基础上的实用原则，而不仅仅只注重创意。具有创意的版式设计，但仔细观察之下，却大多经不住推敲。有时候我们并不缺乏创意，相反，缺少的是严谨。 原因在于，大家对网格系统还缺乏足够的重视，因此更谈不上熟练应用了。栅格设计系统是一种实用的工具和手段，是版式设计的前提和基础，只有在领会了它的精髓之后，我们才能在实际设计中创作出更加严谨、经得起推敲的作品。,三、以一张名片为例，说明简化在版面中是如何运用的。在观看下面这张名片时，我们会感觉该名片整齐美观，这让我们感觉舒畅。名片上虽然元素很多，但是由于设计者精心安排了这些元素位置和排列方式，使用我们能很容易的发现版面元素排列规律，因此令我们体念到了简化的美感。,再看这张改作，版面上的元素排列的毫无规律，混乱的局面让人产生了烦躁的情绪。1、间距的简化元素与元素之间的间距同样应当简化。下图中行与行之间的距离是相等的，这也是一种规律性。,富有规律的间距安排产生美感,如果行距没有规律，就会显得很混乱。2、边缘的简化这是很多初学者都忽略的问题，仔细观察版面就能发现，版面内容有一个虽然看不见却能够感受到的“边框”（如下图），这个边框会与纸张的边缘形成视觉上的联系，我们也当注意它们之间的简化，要使其排列的有规律。,没有规律的间距安排让人厌恶,简化的边距给人整齐的感觉,很多初学者都没能注意到“边框”与纸张边缘之间的排列问题，所以他们的版面元素总显得是随随便便摆在那里，而不是经过精心安排过的。,未经简化的边距给人随随便便的感觉,四、简化在现实中的运用设计杂志的内页编排，在页面的边缘处留出均等的空白，让内容摆在页面正中是常见而又美观的形式。按照网格来排列文字和图片，呈现出精巧、雅致、,自然杂志的的内页设计，仔细观察就能发现简化在版面中起的作用。,靠背运动服装的广告编排设计，左上角和右下角的文字起到了平衡版面的作用，而几个人物静止在空中的位置，是富有节奏感的安排。,乐高玩具的广告利用解刨学示意图来传递该玩具品牌寓教于乐的作用，不论图片还是文字的安排都体现了良好的节奏感。版面内容虽然繁杂，却一点也不显得凌乱。,墙杂志的内页设计集合了大量的图片，仔细观察就能发现这些图片并非随意堆放，而是经过了精心的安排，图片的大小变化暗含规律居于版面中心的图片较小，然后逐渐变大并向四周扩散开去。正是因为这个富有节奏感的安排才避免了混乱，让画面显得既丰富又美观。,