版式设计原则.ppt

1、,版式设计 姜宇琼 李鑫泽主编,三、训练目的与题目要求 训练目的：点、线、面是版式设计首要的考虑因素，要善于排列组合它们之间的关系，善于使用点、线、面表现不同的形式和情感。 题目要求：运用点、线、面分析优秀编排设计作品；运用点、线、面等形态要素进行各种组合编排练习。,点、线、面是视觉构成的基本元素，是版面设计中最重要的构成元素，又是最重要的表现手段。在版面设计中，除了可将图形、文字、空白等内容简单地归纳为点、线、面以外，点、 线、面还常常以纯粹的、无任何意义的形态出现在版面中。版面设计实质上也是点、线、面不同方式的组合。不管如何复杂的版面，归根到底都可以简单归纳为点、线、面的构成形式。在设计时

2、，既要体现它的独立性，又要体现三者之间互衬、对比、协调的空间关系。 在平面设计中有着各种各样的元素，但所有的元素概括起来不外乎点、线、面三种，三种元素的相互结合与相互转换就构成了丰富多彩的设计形式。一幅作品的设计如何通过视觉传达作用于读者的心理、打动人们的情感、感染人们的思想、给人以美的享受，同时又能使主题信息传达准确，版式中形态构成就是重要的影响因素。,第二章,点的特征： 只具有位置，不具有大小、方向、面积。 在版面中，点的表现是多样的，可以是单个的字母、抽象的标志、一个符号、小幅的图片或者是其他任何具有相似特征的版面元素。 点是相对而言的，一个较小的形象即可称为“点”。 连续运动的点的轨迹

3、形成线，点与点之间的距离远可形成虚线，近则形成实线。,第二章,第一节 点在版式设计上的构成规律,第二章,第一节 点在版式设计上的构成规律,点的作用： 点可以作为整个版面的画龙点睛之“点” 形成画面的中心；也可以和其他形态排列组合 起着平衡画面的作用，填补画面空间 点缀和活跃画面气氛。,第二章,第一节 点在版式设计上的构成规律,1稳定版面（图2-7、图2-8）。,第二章,第一节 点在版式设计上的构成规律,稳定版面,2活跃版面（图2-9）。,第二章,第一节 点在版式设计上的构成规律,3平衡版面（图2-10）。,一、点在版面上的位置,（一）点的位置居于几何中心 点的位置居于几何中心时，画面的上下左右

4、空间对称，视觉张力均等，即庄重稳定，又会因处理不当而略显呆板。 （二）点的位置居于视觉中心 点的位置居于视觉中心时，画面的视觉稳定性好，会产生视觉心理的平衡与舒适感。 （三）点的位置偏左或偏右 点的位置偏左或偏右时，画面会产生向心移动趋势，但过于边置则会产生离心之动感。 （四）点位于画面的上、下边 点位于画面的上、下边时，则有上升、下沉的心理感受。,第二章,第一节 点在版式设计上的构成规律,当单个的点在画面中的位置不同产生心理感受也是不同的。居中会有平静、集中感；偏上时会有不稳定感，形成自上而下的视觉流程；位置偏下时，画面会产生安定的感觉，但容易被人们忽略。位于画面三分之二偏上的位置时，最易吸

5、引人们的观察力和注意力。,点的视觉特征,二、点在版面设计中的应用 （一）点作为一种符号而存在 点作为一种符号而存在，并在版面中占据较主要的位置，可以产生一种凝聚力，使人产生紧张感、扩张感，吸引读者的视线（图2-6）。 （二）不同形状点的作用 不同的点给人不同的视觉感受。在版面设计中，单个字体的出现可视为点，一个微小的符号和图形也被视为一个点，不同的形态作为点出现在画面上可以表达出不同的内涵。,第二章,第一节 点在版式设计上的构成规律,点的性格 圆点：饱满、充实 方点：坚实、规整、稳定 水滴形点：下落、重量、方向 多边形点：尖锐、紧张、闪动 不规则点：自由、随意,二、线 （一）线的概念 线是点运

6、动的轨迹。几何学上的线由点移动的起点和终点决定，具有长度、方向和位置的属性，而在视觉艺术领域，线是简洁有效的造型手段。从构成上来说，凡是具有充分连续特性的构成元素都可以称之为线，它有长度、宽度和延伸性，如下图所示。,（二）线的形态 线有曲直；粗细; 刚柔; 自然与人工形态, 动静，虚实; 连续或间断之分 线，能界定各种形状，暗示体积或显示所绘物体的质量。因此，我们能通过线条的组织来创造形象、图案、肌理或描绘阴影等。在长期的演化过程中,线条在绘画上的运用愈来愈富有表现性、象征性与抽象性（图2-11至图2-14）。,第二章,第二节 线在版式设计上的构成规律,（三）线的性格 视觉造型中的线有着丰富的

7、变化和可塑性，有着极强的表现力，可以是轮廓、边界、方向，也可以是情绪、观念和思想， 1直线 直线让人联想到巍峨的山脉，参天大树等，是男性的象征，简单明快，给人一种简洁、稳定的感觉，富有速度感和紧张感。水平线通常表示安定、平稳、沉着、中规中矩等，如下图（左）所示；垂直线通常表示正直、果断、下降或高升等，如下图（中）所示；倾斜线通常表示飞跃、积极、活泼、坍塌、危险等，如下图（右）所示。,2曲线 曲线则是女性的象征，让人想起潺潺流水、风摆春柳等。与直线的冷峻、硬朗不同，曲线是温暖而柔美的，易产生丰满、轻快、跳跃、流动而自由的感觉。 弧线通常表示弹性、丰满、张力和生命力等，如下图（左）所示；漩涡线通常

8、表示眩晕、谜团、神秘而优雅等，如下图（中）所示；任意曲线任意曲线通常表示自由、浪漫、洒脱、灵性等，如下图（右）所示。,1.线的分割 可分成平行线分割、直线分割、弧线分割、垂直与水平线分割、放射状分割、自由分割。 在进行版面分割时，既要考虑各元素彼此间支配的形状，又要注意空间所在的内在联系。空间等量的分割是将多个相同或相似的形态进行空间等量分割，以获得秩序感与美感；图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素；通过不同比例的空间分割，版面产生各空间的对比与节奏感。自由分割需要注意各个块面之间的比例关系，被分割后的图形之间的对比关系。（图2-15）。,四、线的作用,第二章,

9、第二节 线在版式设计上的构成规律,1、线具有分割作用,2、线框的约束与强调 线框的限定，即使主体产生空间“场”的作用，同时也具有相对约束的功能。,当线框较细时，版面则轻快而有弹性；,当线框较粗时，图像有被强调的感觉，同时诱导视觉注意；但线框过粗，版面则变得稳定、呆板、空间封闭（图2-16、图2-17）。,第二章,第二节 线在版式设计上的构成规律,线框的约束与强调,线框的约束与强调,3、线具有引导视线的作用,第二章,从原始人的符号、图形到现代的文字和多元化设计作品，设计师往往通过线来表现形。线不仅仅是物体抽象化表现的有力手段，而且它本身就具有卓越的造型力和表现力。由于线的性质和种类不同，在视觉传

10、达设计中所表现的视觉情感性格也丰富多变。不同的线在视觉传达中代表着不同的意念和情态，而合理的应用直线和曲线是丰富画面不可缺少的表现手法（图2-18至图2-21）。,四、线的情感,第二章,第二节 线在版式设计上的构成规律,第三章 版式设计的元素编排,版式设计 线的编排,第三章 版式设计的元素编排,版式设计 线的编排,线构成的招贴,线构成的包装,面,应用,Don Pascual(唐帕斯夸)纯颜料,悉尼国际美食节广告,线的移动产生面,一、概念,1、“面”的体感表现的是一种真二维假三维的视觉错觉，其本质是平面的。 面的体化过程必须重视各自的面形态共同合用边缘轮廓的特征,二、性质及作用,第二章,第三节

11、面在版式设计上的构成规律,面的大小和虚实,第二章,第三节 面在版式设计上的构成规律,2、“面”的量感指面形态在画面中所占的面积大小，量感是通过面的大小对比、黑白对比、虚实对比以及层次关系来体现。 面的大小、虚实都会给人以不同的视觉感受。面积大的面，给人扩张感；面积小的面，给人向心感。实的面，如填实的色块、大幅的图片、夸张的视觉符号或者字母等，我们也可以称其为积极的面。虚的面，可以表现为版面的背景或空白，我们也可以称其为消极的面。面的虚实会产生层次的美感，这种虚实在视觉上就会有不同的感受，同时在心理上就会有着不同的量感。,面的大小和虚实,第二章,第三节 面在版式设计上的构成规律,填实的面在心理上

12、一定会比虚的面体现一种重量感，感觉沉甸甸的出现在画面中，而虚的面则会有一种透视的空间感觉。但虚面、实面也都是这些元素之间相对而言的（图2-22至图2-24）。,三、面的分类及性格特征 面可以分为几何形和自由形两大类。几何面形可以分为几何直线面和几何曲线面（图2-25、图2-26），自由面形也一样分为直线面和曲线面（图2-27至图2-29）。几何形由点、线、面组成，空间形态清晰，视觉传达效果显著，具有理性美。自由形表现非具象效果时，因空间力场的不规则变化则显得浪漫、富于情趣，具有感性美。直线面刚硬、男性化，曲线面柔和、女性化。,第二章,第三节 面在版式设计上的构成规律,面的性格特征： 面的形态是

13、多种多样的，不同的形态的面，在视觉上有不同的作用和特征，直线形的面具有直线所表现的心理特征，有安定、秩序感，男性的性格（图1）。曲线形的面具有柔软、轻松、饱满、女性的象征（图2）。,图1,图2,第二章 平面构成的基本要素,三面的构成,偶然形的面如：水和油墨，混合墨洒产生的偶然形等，比较自然生动，有趣味感,第二章 平面构成的基本要素,三面的构成,实面：实面是由连续不断记录的线的轨迹构局的面，在平面设计中表达一种真切的、清晰的区域，给观者的心理感受是稳定、坚实、明朗。同时它也有可能会造成呆板没有生气的心理印象。,第二章 平面构成的基本要素,三面的构成,虚面：虚面是间隔记录线的轨迹。正是由于虚面的形

14、成与点的动态频率有着密切的关系，所以，虚面可以在平面设计的表达中体现一种模糊、虚幻的内容：同样，虚面给观者的心理感受是神秘的、变化莫测的。,（五）面的构成方法 (1)几何形的面，表现规则、平稳、较为理性的视觉效果（等距密集排列）（图1） (2)自然形的面，不同外形的物体以面的形式出现后，给人以更为生动的视觉效果（图2） (3) 徒手的面，给人以随意、亲切的感性特征（图3） (4) 有机形的面，得出柔和、自然、抽象的面的形态（图-4） (5) 偶然形的面，自由、活泼而富有哲理性（图5） (6) 人造形的面，较为理性的人文特点（图6）,点线面形态的综合表现： 以点线面三位一体，进行综合表现。要点是

15、：要注意主次关系，如以细线为主，加小部分的面表现，可以表达轻巧活泼的形式效果。,四. 点、线、面综合构成,面在设计中的应用,第二章 平面构成的基本要素,（四）面与底互换原理(图底反转）,三面的构成,在一幅画面里，成为视觉对象的叫图，其周围的空虚处叫底。图，具有紧张、密度高、前进的感觉，并有使形突出来的性质；底，则有使形显现出来的作用。 有时根据设计需要地可以转换为图，产生面的图地反转现象，在共生图形中，“图”“底”共用相同的轮廓线，生成相辅相生的两个图形，也会产生面的图底反转现象（该现象在1920年由一个叫芦宾的人发现，称为芦宾之壶）,第二章 平面构成的基本要素,三面的构成,新娘与老太婆,男人

16、与女人,第二章 平面构成的基本要素,三面的构成,1、正负形 正形与负形相互借用，在一种线形中隐含着两种各自不同的含义。,德国设计师德雷维斯基雷克斯,第二章 平面构成的基本要素,三面的构成,第二章 平面构成的基本要素,三面的构成,2、影子 客观物体在光的作用下，产生异常的变化，呈现出与原物不同的对应物 。,第二章 平面构成的基本要素,三面的构成,3、图与底的形象转化,第二章 平面构成的基本要素,三面的构成,4、同构图形,斯坦贝克“舞伴”,第二章,第三节 面在版式设计上的构成规律,（1）点的线化、面化： 一排文字的横向、竖向或曲线组合即是点的线化，断开的点形成虚线，连续的点形成实线（图2-30）；

17、点的集中排列有可能成为面，如大段文字的排列、编排紧密的点。点的面化就是借助点元素由一个中心向四周扩张和反复衍生所得的结果。经过点的面化之后，点本身的造型意义也随之隐含于面的转化中。然而，这时的面只能呈现出朦胧和虚淡的特征，它和点的线化一样，成为作品中间接的表现对象。点的线化和点的面化在构成活动中将我们的设计意识指向了点以外的“线”和“面”，然而，不可忽视的是，点形态依然起到了造型意义上的决定作用。因为没有点元素的连续或扩展，虚拟的线和面是不可能产生的。点的线化和面化在构成设计中已成为一种独特的表现手段。 （2）线的面化： 线的等距离或疏密排列可形成面。数排文字的排列组合也可形成线的面化（图2-

18、31、图2-32）。,重点提示,一、色彩的三要素 对色彩的理解基于三个概念：色相色彩的相貌，是一种色彩区别于其他色彩的表象特征；明度色彩的明暗程度，明度的两极分别是白色和黑色；纯度色彩的纯净程度，纯度是与灰度相对应的，色彩中所含有的灰度越少，纯度就越高。,第二章,第四节 色彩在版式设计上的体现规律,二、确定主色调 （一）主色调的选择 所谓色调是由参与配色的色相、明度、纯度和面积关系决定的。版面整体色调的运用得当，能使设计充满生机。任何一个设计项目中都会用到色彩。在版式设计中，对色彩的选择应该非常慎重，它会成为影响设计者传达主题手法的主要力量。首先应该考虑在一幅设计作品中能用到多少种颜色，其次考

19、虑色彩所要传达的与之匹配的产品的讯息。最后，对照设计意图来调整所选用的色彩。,在表达这些色调时，色彩所体现的感觉将有效地突出主题内涵，创造主题特有的情调，而这明显地感染读者的情绪，影响读者的接受能力（图2-33）。如以中性色表达怀旧的情调；以暖色、纯度高的对比色刺激人的感官，使人兴奋；以明度高的颜色塑造清静、凉爽的感觉等。不同的色彩表现不同的情感，根据设计主题选用不同色彩，将有利于情景交融的沟通（图2-34、图2-35）。,第二章,第四节 色彩在版式设计上的体现规律,我们还可以通过各种色彩的运用来传达信息和情感。例如，包装往往会通过色彩来传达产品形象。在洗发香波的广告中，设计者能巧妙地使用不同

20、的淡淡色调来反映产品所含的不同成分（图2-36）。,第二章,第四节 色彩在版式设计上的体现规律,（二）主色调的识别性 主色调的识别可以从两个方面加以分析：一是从色彩的象征性考虑，从人们日常对色彩的认知中获得启发；二是从行业的属性方面考虑，借鉴同类企业版式设计中有代表的行业色彩。例如，科技、IT行业可选择象征科学、精密的蓝色；农业、医药行业可选择具有环保、生命特征的绿色；赭石色、褐色可代表咖啡、巧克力、中药或者苦的味道等（图2-37）。,（三）整体色调的和谐统一 版式中的图片具有明确的色彩调子，在编排过程中，可以将文字、标题、底纹等元素的色彩结合图片的色调来搭配，使版面的色彩形成一种和谐统一的依

21、存关系（图2-38、图2-39）。,第二章,第四节 色彩在版式设计上的体现规律,三、色彩的创意 （一）点缀色 在同质的色彩中，加上局部不同质的色彩，形成视觉重点。色彩的点缀在版面中产生一种紧张感，成为整体的一个着力点。点缀的色彩应该采用小的面积，并与其他色彩形成强烈对比，以提高注目性，形成视觉中心，同时在位置与比例关系上，起到平衡色彩的作用（图2-40）。,第二章,第四节 色彩在版式设计上的体现规律,（二）虚实的衬托 以图像中某主色或近似色作为版面中的主要色块，以含糊的虚的色彩烘托和加强主题图像，使版面产生疏密、动静和虚实的变化，增添了遐想的空间。如图2-41、图2-42所示，即是以弱化的含蓄

22、的底纹烘托主题文字与图像，使画面重叠，造成多维的空间效果，增添版面的立体感，满足人们视觉心理多样化的需求。,第二章,第四节 色彩在版式设计上的体现规律,（三）抽象意念 色彩可以传达意念。即使是很复杂、很抽象的东西，通过色彩处理后，也容易变得简洁明了，体现出某种确切的含义。如交通灯上的红色表示停止，绿色表示放行，这是世界公认的视觉语言，使用符号化的色彩将使版面的信息更易理解与阅读。 （四）黑白灰的创意 报纸、杂志、书籍、宣传手册等绝大多数以文字类居多的版面，本身就是黑白灰的组合。通过正文与标题的大小对比，面积的多少，位置的穿插，同样能营造诗一般的情调。有的图片以大面积的黑白形成强烈对比，塑造版面

23、明快、大方、理性的内涵。黑白灰尽管是非彩色系，但设计师通过加强创意，同样能创造版面的独特个性。,第二章,第四节 色彩在版式设计上的体现规律,（一）有彩色系 1红色 红色，是火与血的颜色，最引人注目。它既象征热情、朝气、喜庆、幸福，又象征危险、俗气、艳丽，在版面设计的色彩搭配中常起对比调和的作用，常被运用为点缀色（图2-43） 2橙色 橙色，是秋天收获之色，象征温暖、快乐、健康与活泼。它是色彩中最暖的颜色，强烈而又华美，运用不当会产生刺眼的感觉（图2-44）。 3黄色 黄色，是阳光之色，象征光明、希望与高贵。浅黄表示软弱、淡雅与清爽。灰黄色表示病态。在色彩搭配中，黄色往往与红色系一起，形成辉煌华

24、丽、热烈喜庆的效果；与蓝色系搭配，则产生淡雅宁静的效果（图2-45）。,四、色彩在版面中的心理体现,第二章,第四节 色彩在版式设计上的体现规律,第二章,第四节 色彩在版式设计上的体现规律,4绿色 绿色，是大自然植物之色，象征着青春、健康、平静、安全与舒适。其与黄色搭配显得明快清新，与蓝色搭配则更加柔和宁静（图2-46）。 5蓝色 蓝色，是天空、大海之色，既象征和平、安静、坚实与理智，又是消极、冷淡、压抑之色。它与红、黄组成色彩三原色，运用得当能构成和谐的对比关系（图2-47）。 6紫色 紫色，象征高贵、优美，既给人以神秘、浪漫、温和之感，又给人暗淡、阴沉、孤独之感。淡紫色显得高雅、柔美，深紫色则显得成熟、庄严、沉重，如运用得当，能产生新