（可编）2授课教案视觉传达设计第七章排版原理.docx

文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .第七章 基本的设计原理本章研究视觉元素间的相互关系， 以及它们在整个视觉画面中的关系， 我们通过分析和练习，初步体会视觉平衡、主次关系和统一整体性等视觉传达设计的基本原理第一节 视觉平衡[ 课前准备 ] 在一个空白的平面中，放置一个视觉元素，可以是一幅图，也可以是一组字，也可以是一个标徽请试试在平面中改变该元素的位置、大小、颜色等，然后再试试改变背景的明暗与色彩，体会画面的平衡性，试着找出几种视觉上能够接受的情况我们一直在跟平衡打交道，简单的象在墙上挂一幅画，我们总要来回摆放好几次位置，才能让自己感到满意， 这其实是我们的平衡感在起作用 在课前准备中， 就是一个最简单的寻找平衡感的练习， 在这样只有一个视觉元素和一个视觉平面的情况中， 只有元素与背景画面的相对位置的变化，能够影响视觉上的平衡变化一、平衡我们从课前准备的练习中可以得到一些规律性的东西，典型的例子和规律如下：①画面中心部位是个平衡中心， 无论元素大小怎么变化都能感到平衡 相反的， 距离平衡中心越远，越有不平衡的感觉②元素在对称轴线上也能够获得一定的平衡感，尤其在垂直的对称轴线上。

③无色 （白色） 的背景与有色背景是大不一样的， 这是明暗与色彩对比的作用，使背景 产生了份量感 在背景有分量的情况下， 能够对画面起到一定的稳定作用， 但背景与元素的对比才是左右平衡的关键④足够小的视觉元素在画面中的影响力是有限的，原因是没有份量感，易被忽视⑤色彩能够加强和减弱元素与画面之间的对比关系， 从而影响画面的平衡 突出显示的元素对平衡的影响最大，而弱的对比使元素不够醒目，对平衡影响较小图 07-1-1 ，平衡的规律1文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .图 07-1-12文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .图 07-1-1 续3文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .二、视觉重量视觉元素在画面中会给人眼带来或多或少的视觉刺激， 人眼感觉到的刺激随着情况不同而改变，这种引发视觉刺激的加强与减弱的变化是我们设计中的关键视觉重量就是视觉刺激的大小， 视觉刺激的大小主要通过对比而产生， 比如视觉元素的大小、明暗、形态、纹理对比都能对视觉重量产生影响在前面我们使用了“份量感” 、“突出显示”和“醒目程度”这些描述，这其实就是指视觉重量。

与背景相比，一个足够小的元素，视觉重量轻；深色背景一般比白背景拥有较多的视觉重量，这是直观感受；在背景中被强烈对比而突出显示的标志，拥有较多的视觉重量视觉元素在画面中的视觉重量， 对平衡的影响很大， 我们只要通过对位置、 视觉重量的恰当调整， 就可以达到视觉平衡 在多元素的画面中， 视觉重量较轻的元素对平衡的影响小， 可以不用考虑平衡中心的要求； 但象画面主体元素， 一般是突出和醒目的， 其视觉重量对平衡的影响很大，我们必须考虑平衡中心的要求，将其尽可能的放在容易达到平衡的位置上一般而言，只要画面中所有视觉重量的中心与平衡中心重叠，画面就达到了视觉平衡当然， 是否追求平衡需要根据版面设计需要来决定， 有的设计需要通过不稳定的画面来表现特定的主题视觉重量概念的引入， 对于我们设计是很有用的 在视觉传达设计中， 我们可以通过不同视觉重量的处理，让重要信息获得较多的重量而达到突出，或减弱次要信息的视觉重量图 07-1-2 ，视觉重量与平衡中心4文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .图 07-1-25文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .三、对称平衡从上面这些案例中， 可以看到视觉元素随位置变化对平衡所产生的影响是很大的。

我们可以充分利用一些位置的特殊性， 恰当地分布元素， 从而使画面平衡 最容易和方便的方法主要是利用中心和对称轴①在中心达到平衡， 最容易的是让所有视觉重量分布在画面平衡中心上 让所有元素都放在中心上并不现实，尤其是多元素情况下，于是我们可以变通为下面“沿轴线的平衡” ②沿轴线的平衡， 即轴线两侧的重量达到一致， 轴线成为平衡支撑线 在上述的一些案例中，你可以发现对称轴无处不在，而且对称构图是很容易平衡的对称是处理画面平衡的一种最方便和最合适的思路， 能够将画面迅速稳定和简化， 使页面的设计与调整变得相对简单， 不失为一种好的平衡方法， 尤其在刚开始学习阶段， 可以经常的研究这种方法对于不对称的画面， 则需要对所有视觉元素进行反复的大小、 位置、色调等的调整，以求得一个恰当的平衡的画面 不对称平衡的方式千变万化， 几乎无法一一列出， 需要我们在平时不断学习和积累经验四、个人公司系列的课堂考察以前我们完成了个人公司的标志、 字体、 主题画面和明信片的设计， 我们在这里将以明信片的设计为例进行平衡的练习[ 课堂考察 ] 视觉平衡请准备好你个人公司的相关内容：一张主题图片、公司标志、 公司名称和一段文字介绍（ 100 字左右）共四个元素，我们将通过以下几组练习，分别来体会视觉平衡的获取， 注意元素的位置、 大小、 对称关系对视觉重量和画面平衡的影响。

以下每组练习无论简单复杂，都是独立的设计，因而要求画面视觉效果1、一个元素、中心位置：将一个元素放在视觉画面的中心，通过大小变化、色彩变化体会其视觉感受力的强弱变化注意：这是个完全中心对称构图2、二个元素、画面垂直对称轴位置：将标志放在画面垂直对称轴的中心（其实就是画面中心） ，然后在中轴的上部位置放置公司全称请先确定好图标的大小色彩后， 再放置文字然后通过文字的上下位置与字距、色彩、大小来调节文字的视觉重量，使画面达到较好的视觉平衡注意：这是个左右对称构图3、三个元素、画面水平对称轴位置，包括图片＋文字段＋图标：先在画面左侧放置好图片， 图片可以占满左侧空间， 调整好图片的色调和大小并保持不变， 在右侧空间中先放文字段， 留好位置放图标 通过调整文字段的字大小行距段落宽窄， 以及图标的10文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .大小， 从而获得视觉平衡注意左侧图片的色调和面积对画面平衡的影响， 明暗度、鲜艳度会极大影响视觉重量，从而也对右侧元素的视觉重量能否平衡画面提出了要求4、四个元素，要求基本同上，唯一不同是要求先确定一个底色，左侧图片不需辅满，保持与边界一段距离。

由于有底色，从而使画面的视觉重量产生一些影响图 07-1-3 ，视觉平衡案例文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .图 07-1-3文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .图 07-1-3 续文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .第二节 主次关系[ 课前准备 ] 在一个以视觉元素 A 为主体的画面中，放置另一个重要的视觉元素 B，通过相对位置、大小、地与图、色彩等关系处理，令 B 成为画面中的视觉突出的主体， 而 A 成为次要的视觉元素请体会主次关系的变化信息有重要与否的区分， 相应的视觉化后的元素也有主次区分， 如何在一个画面中达到所需的主次关系，是本节所要研究和讲述的主要内容主次很重要， 它决定画面中最先让观众注意的是什么， 其次注意的是什么， 哪些东西要求让观众过目不忘， 哪些是不强求观众记住的，等等在上一节介绍了视觉重量， 这是以视觉的感受力为基础的， 能够吸引眼球注意的元素拥有较好的视觉重量， 当然也就容易成为画面中的主体 当然主次是一种相对关系， 我们通过对视觉元素的大小、 色彩等处理让元素之间产生足够的视觉重量的区别，即可达到主次的区分。

一、主次我们首先从课前准备的例子中进行分析和总结，得到的结论有：①次要元素应尽量避开中心位置，以减少视觉感知机会；②面积的大小对视觉重量有影响，但并不是大的就重，小的视觉重量就轻；③地与图的关系一般是地为次要， 图为主体， 但这也不是绝对的， 地有图的映衬下可以获得相当的视觉重量超过图而成为主体④色彩中的明暗对比、 色相对比和纯度对比永远是值得尝试的方法， 在不使用其他手段情况下，色彩可以轻松分清主次图 07-2-1 ，主次的改变运用不同的技巧，都可以改变画面中元素的主次关系文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .图 07-2-111文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .二、焦点与重点在视觉画面中根据重要性程度视觉元素可以分为： 焦点、 重点和次要或辅助元素 很显然焦点是主要的视觉元素，需要加以强调，使其引人注目当然不能强调所有的元素， 否则会产生视觉混乱（我们常说“花”和“乱”指的就是这个） 对于辅助元素的作用也不能忽 视，正是元素间的对比才产生了主次的区别， 离开了次要元素的衬托， 焦点与重点就会变得平淡无奇焦点与重点是画面中主体性的视觉元素， 传递着关键信息。

在这些重要元素中， 焦点则是最为强调的一部分， 常常是趣味中心或最需要关注的部分 要将焦点或重点从画面中突出 和强调出来，有这样一些方法是值得尝试的：a、将其作为最亮的元素b、将元素颜色与其他部分截然不同c、将其他。