版式设计电子教案 001由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“版式设计教案完整版”。
版式设计
——构图基本要素之点
版面构图在设计中的应用是十分广泛的，因此，学习版面构图具有十分重要的意义。如何更好的学习版面构图，我们必须从构图的基本要素点、线、面学起。在这一篇教程中，我首先为大家讲解的是构图基本要素点的相关知识。
1.什么是点
点是版面构图中的一个重要的基本要素，是一切形态的基础。例如下图中所示的印刷网版，就是以不同大小和疏密的网点所组成的图像。
那么，我们如何确定一个事物是否具有点的性质呢？通过下面这个例子的学习，相信大家会找到答案。
如下图中，花朵与大片绿丛形成了强烈的对比，花朵相对于绿丛便有了点的性质。
但在下面这一张图中，花朵与周围环境的对比减少，点的性质消失，形成了面的性质。
同样是一朵花，由于各自的位置不同，与周围环境的对比关系不同，分别呈现出了点和面的不同性质。可见，点是根据它所处的具体位置与周围环境的对比关系来决定的。
由此看来，点的位置关系重于面积关系，甚至有时候我们可以忽略点的面积关系。
2.点的作用
2.1 点的张力作用
当画面中只有一个点时，人们的视线就集中在这个点上，使点具有紧张性，从而也加强了对点的关注度。因此，点在画面的空间中，具有张力作用。
点的张力作用运用到设计中，可以取得很好的视觉效果。例如在下面广告作品中，采用了极小的人物形象，使人物形象具有了点的性质。利用点的张力作用，不仅提高了观者对人物形象的关注度，同时增加了画面的空间感，使画面显得更加充实。
2.2 点与点之间的吸引作用
当空间中出现等大的点时，由于点与点之间的吸引作用，使点与点之间在心理上产生了连接的效果。
例如在下面例子中，手机相对于背景具有了点的性质。由于点的吸引作用，从而形成了一条心理上的弧线。
当空间中出现大小不同的点时，由于点的不同吸引作用。我们的注意力会首先注意到优势的一方，然后再向劣势的一方转移。例如下图中，我们会首先注意到大的点，然后才会注意到小的点。
在下图广告中，我们会首先注意到面积大的主体物，然后注意到小的标题。利用点的吸引作用的不同，增强了画面的节奏感，从而使画面有了主次之分。
3.点的性质
3.1 点的无形状性
点的无形状性就是指点可以有各种各样的形状。例如下面这一张图中，各种各样的形状，但因为小便有了点的效果。
例如下图广告中，利用远距离的俯视角度使人物形象具有了点的性质，画面使人印象深刻。
3.2 点的不稳定性
当点与周围环境对比发生变化时，点的性质也会随之改变，呈现出不稳定的特点。我们以九个方点为例，列举了四种情况来说明点的不稳定性。
●当画面中九个方点为等大时，每个方点都将表现出点的性质；
例如下图广告中，每个形态都形成了等大的视觉效果，从而每个形态都表现出了点的性质。
●当改变了中间点以外的周围八个点的方向时，原来中间的方点，便产生了长方形的感觉；
例如下图广告中，当饭盒与其他形象不同时，会使人更加深刻地记住饭盒的形象，而其他相同形象则会被忽略。
●当周围八个点面积变大时，中间原有的方点，就更加突出了点的性质；
例如下图广告中，由于周围事物偏大，加强了中间点的性质，使人们的关注度更易集中到中间图形上，突出了广告的主题。
●当周围八个点面积变小时，中间原有的方点便呈现出长方形的感觉，点的性质削弱。
例如下图设计作品中，通过缩小其他图形，使原有的图形的形象更加明确，引人注意。
4.点的错觉
所谓“错觉”，就是感觉与客观事实不相一致的现象。下图中，我们可以看见背景在不断的上下浮动，这种视觉上的偏差就是错觉。
4.1 点的远近错觉
●点的远近错觉主要是由于点的色相、明度和纯度的不同导致的。明亮的暖色会接近眼睛，具有前进感和膨胀感，而冷色就会有后退感和收缩感。因此，同为黑底上的两个等大的点，红点具有前进感，而蓝点则有后退感。
例如下图广告中，同样大小的两个点，却给人不同的视觉感受。
●同为暖色的两个等大的点，但由于两点的明度不同，形成不同的远近的错觉。明度高的点比明度低的点更具有前进感。
例如下图的两张海报中，我们可以看见黑底上的白点比紫色底上等大的灰点更具有前进感，会产生更接近我们的错觉。
4.2 点的大小错觉
●同等大小的点，由于周围点大小的不同，使中间两个点也产生了不同大小的错觉。中间的点是等大的，但在大点的包围下，中间的点感觉小；在小点的包围下，中间的点感觉大。
例如在下面广告设计中，当周围的点过大时，中间的点就会给人小的感觉。
利用点的大小错觉，可以使周围点变小，如下图所示，从而使中间的点更加突出，使广告的主题更加明确。
●同一大小的两点，周围空间大的点感觉小；周围空间小的点感觉要大。
在下图广告设计中，利用周围空间与中间图形进行比较，使中间图形给人小的感觉。
当我们减少周围空间面积时，如下图所示，我们会发现中间的图形较上图要显得大一些。
5.点在设计中的应用
点是相对较小的一个元素，但也是最基本最重要的元素。采用不同的编排方式，点可以制作出不同的视觉感受，所以点在设计中的应用是比较广泛的。
在下图海报中，用点有秩序的渐变排列，形成了一种很强的韵律感。同时，隐藏的形体增强了画面的视觉冲击力。
下图广告设计中，运用大小不一的点，不仅增加了画面的动感同时也增强了画面的空间感。
下图设计作品中，运用不同色彩的圆点，采用平面化的表现方法，增强了画面的装饰性。
构图基本要素之线
通过上一篇教程的学习，我们学习了点的相关知识。在这一篇教程中我将为大家讲解另一个重要的构图基本要素线的相关知识。
1.什么是线
线是一切面的边缘和面与面的交界，并且是有长度的。例如下图中，蓝天形成的面与草地形成的面的相接处，就形成了一条线。
其次，线也是点运动后形成的，是点进行移动的轨迹。例如下图中，沙漠里的骆驼具有点的性质，当排列成列队时，就形成了线的性质。
由此看来，线是具有位置和长度的，但线又必须使我们能够看到，所以线还得具有一定的宽度。
2.线的种类和性格
线可以分为直线和曲线两种。其中直线按形态的不同可以分为粗直线、细直线、锯状直线和无机线；按方向不同，又可分为：垂直线、水平线和斜线。曲线则可分为几何曲线和自由曲线，如下图所示。
不同种类的线会产生不同的性格特征，下面我们将详细讨论这些不同的线所代表的不同性格。
2.1 直线
直线，具有简单明了、直率的性格，突出了一种力的美感。其中不同的直线又有不同的性格特征。直线按形态的不同可分为粗直线、细直线、锯状直线和无机线四种。在设计中，运用不同的直线，可以表现出不同的性格特征。
●粗直线，具有很强的表现力，同时给人厚重和粗笨的感觉。
例如在下面招贴设计中，就采用了纵横交织的粗直线，给人一种力量感和厚重感。
●细直线，则表现出秀气、锐敏和神经质的特点。
如在下面的字体设计中，采用了细直线的表现方法，使字体给人一种秀丽感，同时又给人锐利的印象。
●锯状直线，给人一种焦虑、不安定的感觉。
在下面广告设计作品中，运用锯状直线，表达了音箱的声音效果，突出了广告的主题。
●无机线是用工具量出来的直线，带有机械化的感情性格，缺少人情味。
在下面广告作品中，运用了无机线的表现方式，给人一种机械感和科技感。
按直线的方向不同，又可将直线分为：垂直线、水平线和斜线。
●垂直线，给人刚直的印象，有升降感。在下面海报设计中，运用三个直立的锤子，使之具有垂直线的性质，突出了一种刚强和直爽的特点。
●水平线，则给人静止、安定的印象。
下图广告设计中，采用一条红色的水平线，给人一种宁静和安详的感觉。
●斜线，给人一种飞跃、积极、不安定的感觉。
在下面字体设计中，斜线的运用，突出了一种动感和力量感。
2.2 曲线
曲线是自由流动的线条，是点在空间中无规律、任意运动的轨迹。曲线可以分为几何曲线和自由曲线两种。
●几何曲线，是用规矩等工具绘制而成的曲线。几何曲线比直线更具有动力和弹力。
在下图广告设计中，几何曲线的运用，使画面在柔美的基础上多了几分机械感。
●自由曲线，是用圆规等工具表现不出来的曲线。自由曲线更加具有曲线的特征，富有自由、优雅的女性感。
在下图护肤品广告中，采用自由曲线，突出了女性的妩媚感。
3.线的错觉
3.1 线的长短错觉
两条等长的水平直线，由于不同的外界因素，会造成视觉上的不等长的效果。下面列举了三种情况来说明线的长短错觉。
●两条等长的水平直线，由于线端加入了斜线，斜线与直线所成角度的不同，便会产生不等长的错觉效果。斜线所成角度大的直线会显得比角度小的直线要长。
●两条等长的直线，没被分割成两段的直线较被分割成两段的直线要显得的长。
●两条等长的水平直线，由于周围造型元素的对比不同，也会产生长短不同的错觉。
3.2 线的空间错觉
一条斜向的直线，被两条平行的直线断开，其斜线会产生不在一条直线的错觉。
3.3 线的曲线错觉
两条平行直线，由于受斜线角度的影响而产生错觉，使平行直线呈现出曲线的感觉。
4.线在设计中的应用
线在设计中发挥着重要的作用。把线灵活的运用到设计中去，一定会使自己的设计作品有很大的提高。在下图广告设计中，不同形式的线的运用，使画面充满了强烈的美感。
在下面广告设计中，采用斜线的表达方式，加强了画面的节奏感和动感。
线具有引导视线的作用，在设计中应用很广。在下图平面设计作品中，就是运用不同粗细的斜线，把人们的视线引向主题，使主题更加明确。
构图基本要素之面
通过上一篇教程的学习，我们学习了线的相关知识。在这一篇教程中我将为大家讲解另一个重要的构图基本要素面的相关知识。
1.什么是面
我们可以结合前面学到的点和线来理解面的含义。面与点相比，是平面中相对较大的一个元素。例如下图中，广阔的草坪相对于远处的房子就是一个较大的元素，就更具有面的性质。
面与线相比，可以理解为是线移动的轨迹，具有长、宽两度空间。在下图中，不同色彩的线组成了不同色彩的面。
2.面的种类和性格
面又可以称为形，可以大体可分为四类：即直线形、曲线形（几何曲线形）、自由曲线形和偶然形。这些不同的形，在视觉上会产生不同的心理效果。
2.1 直线形
直线形就是强调垂直线与水平线的效果，具有直线所表现的心理特征。如：正方形、长方形、平行四边形等等。直线形表达出一种刚强，直爽的性格特征。
下面广告中，面就是采用了直线形，使作品给人一种刚硬、简洁的印象。
2.2 几何曲线形
几何曲线形比直线形要柔软很多，能表现出几何曲线的特征，具有一定的几何秩序。例如圆形，半圆形等。给人美感的同时又给人一种自由整齐的感觉。
在下面招贴作品中，采用了几何曲线形，使画面给人一种柔软性，同时给人一种自由整齐的感觉。
2.3 自由曲线形
自由曲线形不具有几何秩序的曲线形，这种曲线能较充分地体现出作者的个性，所以是最能引起人们兴趣的造型。同时，自由曲线形也是女性特征的典型代表。
在下面招贴作品中，采用了自由曲线形，使画面给人一种优雅、柔软和带有人情味的温暖感觉。
2.3 偶然形
偶然形，顾名思义是偶然得到的图形，是随心所欲产生的图形。偶然形可以更好的表达出自然朴素的感觉，且个性较为强烈。
在下面招贴作品中，采用了偶然形。使画面充满了时尚感，给人一种自然洒脱的美感。
3.图和地
3.1 图与地的定义
任何形都是由图和地两部分组成。要使形感到存在，必然要有地将其衬托出来。在一副画面中，“图”有明确的形象感，给人强烈的视觉印象，在画面中较为突出；“地”没有明确的形象感，给人模糊的视觉印象，没有形体的轮廓。例如下图中，白色的形象是图，而黑色的形象为地。
3.2 图与地的表现
在设计中，要强调图的突出，同时还要注意地的变化。在构成中既有做到图的完整性，同时，又要使地完善。如下图所示中，图和地都具有自己清晰的形象，当把白色看成图时，红色就为地；当把红色看成图时，白色就为地。
但根据人们的视觉习惯，一般是要强调图的形象。那么，如何才能强调图的形象呢？下面将给大家介绍六种方法。
●一般位于图形中心的形，或处于水平或垂直方向的形，容易成为图。
●完整的形也就是被封闭的图形，较周围开放的图形，更容易成为图。如下图中，虫子的形象较不完整的苹果形象更容易成为图。
●小的形较之过大的形，更容易成为图。如下图中，小的人物形象较茫茫的雪地更容易成为图。
●在一定区域中，异质性图形比相同性质的图形，更容易显示出来。例如下面图中，与其他形不一样的两个图形会更容易显示出来。
●相同因素放在一起，有秩序的排列，因具有类似性，易成为图。
●在日常生活中，常见的图形，在头脑中容易成像，也容易成为图。例如下图中，酒瓶的形象是我们熟悉的图形，更容易被看做是图。
4.形的错觉
在设计中，我们会时常遇到形的错觉。如果我们可以掌握形的错觉原理，并加以运用，相信能收到较好的效果。下面我们将分四种情况来说明形的错觉。
●由于环境形象大小不同的对比作用，使同样大小的两个倒三角形，周围形体小的图形产生大的感觉，周围形体大的图形产生小的感觉。
●同样大小的两个正圆形，上下并置，上边的圆形给人大的感觉。这是由于我们的视平线习惯在中线偏高处，而上面的图形距离视觉中心较近，所以会看上去较大。要取得视觉上的一致，可以将上面的圆稍微减小一点或把下面的圆放大一点，这样上下两圆就具有大小一样的视觉感受。
●长方形由于受斜线角度的影响而产生错觉，使长方形的两条直线呈现出曲线的感觉。这和前一篇教程中讲到的线的曲线错觉是同一个道理。
●用等距离的垂直线和水平线，组成两个同等面积的正方形，其长、宽的感觉却不一样。垂直线组成的正方形，使人感到稍宽；水平线组成的正方形，使人感到稍高一点。
5.形在设计中的应用
由于形具有很强的表现力，所以在设计中得到了广泛的应用。在下面平面设计中，采用了自由曲线形，使画面给人一种柔软，优美的印象。
下图广告设计中，采用具体的形和偶然形相结合，使作品既表现力稳定、静止、秩序的特点，又表现出了活泼生动，自然洒脱的特点。
下面的海报设计中，运用面的大小不同，形态的不同，给人一种很强的意境美。简约但不单调的图像引起人们兴趣。
对称和平衡
构图——平面设计的入门学问。做好这一点，需要掌握一些技巧。很多初学者关心这些问题，借这个机会我为大家安排了几篇教程，来对“构图技巧”这一初学者关心的问题进行讨论，抛砖引玉，开拓大家的思路。
在本组教程中，将为大家讲解到六种常用的构图技巧：对称和平衡、重复和群化、节奏和韵律、对比和变化、调和和统一、破规和变异。在这一篇教程中首先为大家讲到的是构图技巧是对称和平衡。
1.对称和平衡
1.1什么是对称
对称是图案沿中轴左右或上下重复的状态。在自然界中，我们到处可以看见对称的形式，如蝴蝶、蜻蜓、树叶、花朵等等。
对称的形态在视觉上有自然、安定、均匀、协调、整齐、典雅、庄重的朴素美感，很符合人们的视觉习惯。所以在人们的生活中，经常会用到对称图形。例如过节时点的红灯笼，各种各样的标志图案等等。
1.2 什么是平衡
对称图形由于过于完美，缺少变化，会给人一种呆滞，单调的感觉。所以，人们会在保持平衡的前提下，改变其部分元素，使画面具有变化性。
由于事物在运动中，时常处于不对称的状态，便出现了各式各样的不对称的平衡现象。如下图所示。
平衡相对于对称具有更为丰富的形态。当画面的对称关系被打破时，可以调整力的重心使画面达到力的平衡。
力的平衡可以分为以下三种情况：
●当两个事物相同时，力的重心位于两个事物中间位置，形成了绝对的平衡关系。我们也称这种绝对的平衡关系为对称。如下图广告作品中，采用了对称的形式，使画面达到了绝对的平衡关系，给人一种安定平和的形式美感。
●当两个事物量感达到平衡时，形象上可以有所差别。例如下图汽车广告中，位于汽车左右的字母，虽然形象上不同，但却给人同样的重量感觉。这样处理的画面，不仅具有了变化性同时又使保持了平衡性。
注意：这里说的差别是在保持力的平衡的前提下的差别，是有一定限度的。
●当两个事物量感不同时，可以调节力的重心使之达到平衡。例如下图广告作品中，浅灰色较纯黄色会给人量轻的感觉，所以画面在处理时，使灰色的面积大于黄色的面积，从而使画面取得了平衡。
注意：在遇到这种情况时，我们可以通过调节大小、色彩、位置使画面达到平衡。
2.对称和平衡的基本形式
对称和平衡可以造成人们视觉上的满足，所以在生活和设计中应用是十分广泛的。对于对称和平衡的学习我们可以从对称和平衡的基本形式入手，下面我们将对称和平衡的基本的形式概括为以下四种：
●反射
反射是相同形象在左右或上下位置的对应排列，这是对称和平衡最基本的表现形式。
反射这一基本形式在广告中的应用是十分广泛的。例如下面的插画设计中，运用了左右位置的对应排列，给人强烈的形式美感。
