版式设计的基本要素及构成规律PPT资料.pptx

版式设计的基本要素及构成规律PPT资料.pptx

《版式设计的基本要素及构成规律PPT资料.pptx》由会员分享，可在线阅读，更多相关《版式设计的基本要素及构成规律PPT资料.pptx（49页珍藏版）》请在冰豆网上搜索。

只具有位置，不具有大小、方向、面只具有位置，不具有大小、方向、面积积。

在版面中，点的表现是多样的，可以是单个的字母、抽象的标志、一个符号、小幅的图片或者是其他任何具有相似特征的版面元素。

点是相点是相对对而言的，一个而言的，一个较较小的形象即可称小的形象即可称为为“点点”。

连续连续运运动动的点的的点的轨轨迹形成迹形成线线，点与点之，点与点之间间的距离的距离远远可形成虚可形成虚线线，近，近则则形成形成实线实线。

第二章第一节点在版式设计上的构成规律第二章第一节点在版式设计上的构成规律第二章第一节点在版式设计上的构成规律点的作用：

点的作用：

点可以作为整个版面的画龙点睛之“点”形成画面的中心形成画面的中心；

也可以和其他形态排列组合起着平衡画面平衡画面的作用，填填补补画面空画面空间间点点缀缀和活和活跃跃画面气氛。

画面气氛。

1稳定版面（图2-7、图2-8）。

第二章第一节点在版式设计上的构成规律稳定版面2活跃版面（图2-9）。

第二章第一节点在版式设计上的构成规律3平衡版面（图2-10）。

一、点在版面上的位置

（一）点的位置居于几何中心点的位置居于几何中心时，画面的上下左右空间对称，视觉张力均等，即庄重稳定，又会因处理不当而略显呆板。

（二）点的位置居于视觉中心点的位置居于视觉中心时，画面的视觉稳定性好，会产生视觉心理的平衡与舒适感。

（三）点的位置偏左或偏右点的位置偏左或偏右时，画面会产生向心移动趋势，但过于边置则会产生离心之动感。

（四）点位于画面的上、下边点位于画面的上、下边时，则有上升、下沉的心理感受。

第二章第一节点在版式设计上的构成规律当单个的点在画面中的位置不同产生心理感受也是不同的。

居中会有平静、集中感；

偏上时会有不稳定感，形成自上而下的视觉流程；

位置偏下时，画面会产生安定的感觉，但容易被人们忽略。

位于画面三分之二偏上的位置时，最易吸引人们的观察力和注意力。

点的视觉特征第二章第一节点在版式设计上的构成规律二、点在版面设计中的应用

（一）点作为一种符号而存在点作为一种符号而存在，并在版面中占据较主要的位置，可以产生一种凝聚力，使人产生紧张感、扩张感，吸引读者的视线（图2-6）。

（二）不同形状点的作用不同的点给人不同的视觉感受。

在版面设计中，单个字体的出现可视为点，一个微小的符号和图形也被视为一个点，不同的形态作为点出现在画面上可以表达出不同的内涵。

点的性格圆点：

饱满、充实方点：

坚实、规整、稳定水滴形点：

下落、重量、方向多边形点：

尖锐、紧张、闪动不规则点：

自由、随意二、线

（一）线的概念线是点运动的轨迹。

几何学上的线由点移动的起点和终点决定，具有长度、方向和位置的属性，而在视觉艺术领域，线是简洁有效的造型手段。

从构成上来说，凡是具有充分连续特性的构成元素都可以称之为线，它有长度、宽度和延伸性，如下图所示。

第二章第二节线在版式设计上的构成规律

（二）线的形态线线有曲直；

粗有曲直；

粗细细;

刚刚柔柔;

自然与人工形自然与人工形态态,动动静，虚静，虚实实;

连续连续或或间间断之分断之分线，能界定各种形状界定各种形状，暗示体积或显示所绘物体的质量。

因此，我们能通过线条的组织来创造形象、图案、肌理或描绘阴影等。

在长期的演化过程中,线条在绘画上的运用愈来愈富有表表现现性、象征性与抽象性性、象征性与抽象性（图2-11至图2-14）。

（三）线的性格视觉造型中的线有着丰富的变化和可塑性，有着极强的表现力，可以是轮廓、边界、方向，也可以是情绪、观念和思想，1直线直线让人联想到巍峨的山脉，参天大树等，是男性的象征，简单明快，给人一种简洁、稳定的感觉，富有速度感和紧张感。

水平线通常表示安定、平稳、沉着、中规中矩等，如下图（左）所示；

垂直线通常表示正直、果断、下降或高升等，如下图（中）所示；

倾斜线通常表示飞跃、积极、活泼、坍塌、危险等，如下图（右）所示。

2曲曲线线曲线则是女性的象征，让人想起潺潺流水、风摆春柳等。

与直线的冷峻、硬朗不同，曲线是温暖而柔美的，易产生丰满、轻快、跳跃、流动而自由的感觉。

弧线通常表示弹性、丰满、张力和生命力等，如下图（左）所示；

漩涡线通常表示眩晕、谜团、神秘而优雅等，如下图（中）所示；

任意曲线任意曲线通常表示自由、浪漫、洒脱、灵性等，如下图（右）所示。

第二章第二节线在版式设计上的构成规律四、线的作用1.线线的分割的分割可分成平行线分割、直线分割、弧线分割、垂直与水平线分割、放射状分割、自由分割。

在进行版面分割时，既要考虑各元素彼此间支配的形状，又要注意空间所在的内在联系。

空间等量的分割是将多个相同或相似的形态进行空间等量分割，以获得秩序感与美感；

图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素；

通过不同比例的空间分割，版面产生各空间的对比与节奏感。

自由分割需要注意各个块面之间的比例关系，被分割后的图形之间的对比关系。

（图2-15）。

1、线具有分割作用2、线框的约束与强调线框的限定，即使主体产生空间“场”的作用，同时也具有相对约束的功能。

当线框较细时，版面则轻快而有弹性；

当线框较粗时，图像有被强调的感觉，同时诱导视觉注意；

但线框过粗，版面则变得稳定、呆板、空间封闭（图2-16、图2-17）。

第二章第二节线在版式设计上的构成规律线框的约束与强调线框的约束与强调3、线具有引导视线的作用四、线的情感从原始人的符号、图形到现代的文字和多元化设计作品，设计师往往通过线来表现形。

线不仅仅是物体抽象化表现的有力手段，而且它本身就具有卓越的造型力和表现力。

由于线的性质和种类不同，在视觉传达设计中所表现的视觉情感性格也丰富多变。

不同的线在视觉传达中代表着不同的意念和情态，而合理的应用直线和曲线是丰富画面不可缺少的表现手法（图2-18至图2-21）。

第二章第二节线在版式设计上的构成规律第三章版式设计的元素编排线的编排第三章版式设计的元素编排线的编排线构成的招贴线构成的包装第二章第三节面在版式设计上的构成规律一、面的大小和虚实面的大小、虚实都会给人以不同的视觉感受。

面积大的面，给人扩张感；

面积小的面，给人向心感。

实的面，如填实的色块、大幅的图片、夸张的视觉符号或者字母等，我们也可以称其为积极的面。

虚的面，可以表现为版面的背景或空白，我们也可以称其为消极的面。

面的虚实会产生层次的美感，这种虚实在视觉上就会有不同的感受，同时在心理上就会有着不同的量感。

填实的面在心理上一定会比虚的面体现一种重量感，感觉沉甸甸的出现在画面中，而虚的面则会有一种透视的空间感觉。

但虚面、实面也都是这些元素之间相对而言的（图2-22至图2-24）。

第二章第三节面在版式设计上的构成规律二、面的分类面可以分为几何形和自由形两大类。

几何面形可以分为几何直线面和几何曲线面（图2-25、图2-26），自由面形也一样分为直线面和曲线面（图2-27至图2-29）。

几何形由点、线、面组成，空间形态清晰，视觉传达效果显著，具有理性美。

自由形表现非具象效果时，因空间力场的不规则变化则显得浪漫、富于情趣，具有感性美。

直线面刚硬、男性化，曲线面柔和、女性化。

第二章第三节面在版式设计上的构成规律第二章第三节面在版式设计上的构成规律重点提示1点的线化、面化：

一排文字的横向、竖向或曲线组合即是点的线化，断开的点形成虚线，连续的点形成实线（图2-30）；

点的集中排列有可能成为面，如大段文字的排列、编排紧密的点。

点的面化就是借助点元素由一个中心向四周扩张和反复衍生所得的结果。

经过点的面化之后，点本身的造型意义也随之隐含于面的转化中。

然而，这时的面只能呈现出朦胧和虚淡的特征，它和点的线化一样，成为作品中间接的表现对象。

点的线化和点的面化在构成活动中将我们的设计意识指向了点以外的“线”和“面”，然而，不可忽视的是，点形态依然起到了造型意义上的决定作用。

因为没有点元素的连续或扩展，虚拟的线和面是不可能产生的。

点的线化和面化在构成设计中已成为一种独特的表现手段。

2线的面化：

线的等距离或疏密排列可形成面。

数排文字的排列组合也可形成线的面化（图2-31、图2-32）。

第二章第三节版式设计的目的和功能一、色彩的三要素对色彩的理解基于三个概念：

色相色彩的相貌，是一种色彩区别于其他色彩的表象特征；

明度色彩的明暗程度，明度的两极分别是白色和黑色；

纯度色彩的纯净程度，纯度是与灰度相对应的，色彩中所含有的灰度越少，纯度就越高。

第二章第四节色彩在版式设计上的体现规律二、确定主色调

（一）主色调的选择所谓色调是由参与配色的色相、明度、纯度和面积关系决定的。

版面整体色调的运用得当，能使设计充满生机。

任何一个设计项目中都会用到色彩。

在版式设计中，对色彩的选择应该非常慎重，它会成为影响设计者传达主题手法的主要力量。

首先应该考虑在一幅设计作品中能用到多少种颜色，其次考虑色彩所要传达的与之匹配的产品的讯息。

最后，对照设计意图来调整所选用的色彩。

在表达这些色调时，色彩所体现的感觉将有效地突出主题内涵，创造主题特有的情调，而这明显地感染读者的情绪，影响读者的接受能力（图2-33）。

如以中性色表达怀旧的情调；

以暖色、纯度高的对比色刺激人的感官，使人兴奋；

以明度高的颜色塑造清静、凉爽的感觉等。

不同的色彩表现不同的情感，根据设计主题选用不同色彩，将有利于情景交融的沟通（图2-34、图2-35）。

第二章第四节色彩在版式设计上的体现规律我们还可以通过各种色彩的运用来传达信息和情感。

例如，包装往往会通过色彩来传达产品形象。

在洗发香波的广告中，设计者能巧妙地使用不同的淡淡色调来反映产品所含的不同成分（图2-36）。

第二章第四节色彩在版式设计上的体现规律

（二）主色调的识别性主色调的识别可以从两个方面加以分析：

一是从色彩的象征性考虑，从人们日常对色彩的认知中获得启发；

二是从行业的属性方面考虑，借鉴同类企业版式设计中有代表的行业色彩。

例如，科技、IT行业可选择象征科学、精密的蓝色；

农业、医药行业可选择具有环保、生命特征的绿色；

赭石色、褐色可代表咖啡、巧克力、中药或者苦的味道等（图2-37）。

（三）整体色调的和谐统一版式中的图片具有明确的色彩调子，在编排过程中，可以将文字、标题、底纹等元素的色彩结合图片的色调来搭配，使版面的色彩形成一种和谐统一的依存关系（图2-38、图2-39）。

第二章第四节色彩在版式设计上的体现规律第二章第四节色彩在版式设计上的体现规律三、色彩的创意

（一）点缀色在同质的色彩中，加上局部不同质的色彩，形成视觉重点。

色彩的点缀在版面中产生一种紧张感，成为整体的一个着力点。

点缀的色彩应该采用小的面积，并与其他色彩形成强烈对比，以提高注目性，形成视觉中心，同时在位置与比例关系上，起到平衡色彩的作用（图2-40）。

（二）虚实的衬托以图像中某主色或近似色作为版面中的主要色块，以含糊的虚的色彩烘托和加强主题图像，使版面产生疏密、动静和虚实的变化，增添了遐想的空间。

如图2-41、图2-42所示，