03平面设计构图原则理论讲解及相关练习—.doc

广州康大职业技术学院平面设计基础课 教学方案教 师：钟国燕 第 号学习内容平面设计构图原则理论讲解：1、文字排列方式：轴式体系、放射式、膨胀式、随意式、栅格式、模块式、过渡式、双边式2、相关练习课时12教学目标专业能力掌握平面设计的构图原则，并按照方法程序自主地安排版面的文字并有创新能力，根据要求进行平面设计基础元素练习创作。方法能力巩固平面操作软件，学会自主创新、检验知识的掌握程度及运用能力社会能力与同学之间或在老师带领下讨论、分析作品，在同学之间建立互相学习互相督促的好习惯。目标群体毕业班、动漫方向艺术设计专业学生，所学课程多为动态软件或动漫类的课程，缺乏系统的平面设计知识，令其在创作上及构图上存在很大的困难，排版上缺乏美感。教学环境数码艺术设计实训室教学方法机上操作进行主题实训时间安排学生活动设计教学过程教师活动设计1节12节1、回答问题1、回顾旧知识2、新课内容，以教为主，学生提问为辅，一、回顾上次课内容，提问提问限制与选择，圆与构成，抽象元素展示作品增加印象 二、新课内容文字排列方式（一）轴式体系对比图例，提出疑问所有的元素都被组织在一条轴线的左边或右边。这是一种依靠一条隐藏的主轴来左右分岔的排列。展示图例：（图例的解释）（1）单一轴式的版式将这张海报分割开，一个光亮的中心方块覆盖于建筑师脸上。海报左边和右边两根细细的白色水平线，暗示有一条水平线切分着那个光亮的中心方块，使观众的眼睛聚焦到肖像上。时间安排学生活动设计教学过程教师活动设计3节尝试让学生先看图再听解释与学生互动，让学生各抒己见。练习时间加深知识印象（2）迪玛 文克尔使用一条弯曲的轴线，创造了一个喇叭口的形状，这是他为铜管音乐节设计的一幅海报。学生针对图例提出疑问（3）10个苏黎世艺术家海报，为单轴构图，利用了数字1所具有的强烈的垂直强调。这个数字“1”朝上顶到海报顶端，仿佛要冲出去，朝下与字母“h”相连，就更加强了垂直运动的感觉。学生针对图例，先行提出自己的见解在解释图例的过程中，亦可反过来，先让学生说说图例的含义，或所表达的意思，再根据实际所要表达的知识点跟学生解释。（4）透明通过电脑，设计师可以运用一层层的透明重叠来展现抽象元素，这是一个迷人的想法。透明各层之间有种韵律，它们重叠时，色彩深浅还会变化，轴会得到强调。在用同一大小、同一粗细的字体试验了各种版式构图后，设计师使用抽象元素才更能奏效。下面的几幅图例就出自最初的同一大小、同一粗细字体的小样练习，它们呈现了设计师的设计过程，发展出来了强有力的轴式构图，为使用抽象元素做了准备。学生针对图例提出疑问学生自主快速练习十分钟（在讲解图例前，给学生练习，再与图例进行比较）讲解作品（PPT）对比图例与自己的作品，提出疑问右边这幅作品出自使用了抽象元素的构图系列，它是一个例证，显示了色调的变化和透明的抽象元素的引入如何增强了构图。由于引入了两个矩形和一个强调矩形之角的圆，原来那个简单的结构就得到了修饰。通过色调的改变，各组文字变得突出，两条最长的字行，由于放置在两个矩形的边缘处，于是也得到了修饰。解答疑问时间安排学生活动设计教学过程教师活动设计3节（5）塑形的背景抽象元素的使用，可以扩展用来创造一个为空间塑形的背景。这些作品中的塑形背景，引导观看者的眼睛随文字内容，并增加了视觉趣味。尽管这些作品的版式构图仍然是轴式排列，但它显得更加生动了。讲解图例下图左，重复出现和切分的圆，与垂直的轴形成了对比。字母间距宽松的浅灰色字行，又与灰色区域内字母间距紧凑的字行形成了对比。下图中，背景空间被一个阶梯形分割，这个阶梯形又与字块形成的两个梯形相呼应，背景被分为大块深灰色区域和一块小得多的浅灰色区域。下图右，圆与里面的一个灰色形状交叠并形成对比，将眼睛引向轴和文字内容。对比图例与自己的作品，提出疑问图例讲解（6）暗示形状的轴这个版式有一条暗示的轴（下图），靠字行的边缘显于出它的形状特征。另一个作品则暗示了一条复杂得多的Z字形轴，也是通过字块看出它的形状特征。暗示的轴很微妙，同时也给人留下了更多的想象空间。（7）形状明显的轴色调和抽象元素的使用，通过色彩处理、分割空间和强调轴的形状，可以让构图鲜明起来，让人眼睛一亮，富有视觉冲击力。使用抽象元素可以使轴的形状特片更为明显，还可以通过字行或者色调的改弯来分割构图空间。对比图例与自己的作品，提出疑问图例讲解（8）斜轴事实上，任何轴式构图都可以旋转成斜的，由于斜线是最具动态的视觉引导，所以导出的斜轴式构图也很显活跃，暗示着运动。下图中，将原来的版式构图转动了角度，变成了斜轴，黑色背景和灰色区域的引入，增加了分割空间的元素。灰色区域割出了一个形状，拈出并强调着演讲的时间。教师活动设计时间安排学生活动设计教学过程4节学生自主快速练习十分钟辅导作业：给出一段文字，在规定的尺寸内进行轴式创作。学生作业练习（二）放射式体系由一个焦点中心来设计5节由于射线形成了一个圆，所以这样的形状在视觉上非常完满。当用文字来形成构图时，最后常常会包含一个圆或多个圆的一些部分。由此形成的不对称不太完满，但视觉上更有吸引力。图例：1、“老杜鲁门酿酒厂”对比图例与自己的作品，提出疑问图例讲解2、 音乐喜剧3、 当代即兴音乐节4、 格蒂中心奖学金随着设计的深入，焦点的放置就会偏离中心，处在一个非对称的位置，或者是处于页面之外，设计师对空白空间的处理会越来越讲究。对放射式体系有了进一步的体验后，设计师常常会创造出有趣的字行组合、简化的构图和更为紧凑的肌质。图例：5、 进行强调的几种方法对比图例与自己的作品，提出疑问这三幅作品的构图完全相同，文字内容都被分成了几组，在后旋转，将这几组文字间隔开来。颜色和色调上的改变和圆的不同样式，给这三幅构图带来了变化。红色作为一个强调因素用得很节制。在下图中，偏移的圆被用做一种统一的因素，在下图中，偏移的圆用做一种强调因素，在下图中，偏移的圆只是被暗示出来而已。图例讲解6、 进行组合的几种方法第一幅作品的方法是使用黑色弧形的抽象元素，它成了文字内容的基石。人们会首先阅读黑色区域内的文字，然后是红色文字，接着是时间，最后是灰色文字。时间安排学生活动设计教学过程教师活动设计第二幅作品的方法是使用若干矩形结合成一个形状，从而把文字内容组合起来。第三幅作品的方法是通过改变颜色和色调来组合文字内容。对比图例与自己的作品，提出疑问7、 字行与层次图例8、 放射式构图的透明多层讲解9、 围栏对比图例与自己的作品，提出疑问10、 圆排列11、 直角与钝角12、 直角13、螺旋14、放大的圆6节学生自主快速练习十分钟辅导作业：给出一段文字，在规定的尺寸内进行放射式创作。练习6节（3） 膨胀式体系沿着一条圆形路径设计从一个中心点会膨胀或延伸出一些圆图例：1、实验音乐节2、结构图例3、抽象元素对比图例与自己的作品，提出疑问讲解4、轴5、螺旋、双螺旋7、曲线8、全圆7节学生自主快速练习十分钟辅导作业：给出一段文字，在规定的尺寸内进行膨胀式创作。练习7节（四）随意式体系随意自发地设计没有明确的目的、模式、方向、规则、方式时间安排学生活动设计教学过程教师活动设计图例：1、Ba-Tsu 1994图例2、生活是一场梦对比图例与自己的作品，提出疑问讲解3、唯有字体4、抽象元素5、背景中的形状6、重复8节学生作业辅导作业：给出一段文字，在规定的尺寸内进行随意式创作。学生自主快速练习十分钟练习8节（五）栅格式体系使用垂直和水平分割来设计图例：1、组合与次组合对比图例与自己的作品，提出疑问图例2、色调提问讲解3、节奏与指向4、版面的形状5、抽象的结构学生作业辅导作业：给出一段文字，在规定的尺寸内进行栅格式创作。9节学生自主快速练习十分钟练习修改作业评讲学生作业9节（六）过渡式体系以移位的条带和层面来设计图例图例：1、印刷的终点讲解2、运动对比图例与自己的作品，提出疑问3、指向的变化4、抽象元素对比图例与自己的作品，提出疑问5、斜线指向6、视觉语言10节学生自主快速练习十分钟辅导作业：给出一段文字，在规定的尺寸内进行过渡式创作。练习时间安排学生活动设计教学过程教师活动设计10节（七）模块式体系使用标准单位来设计图例：1、法语活动设计海报针对图例讲解提出疑问图例2、设计时光讲解3、圆形模块4、方形模块5、矩形模块6、透明学生作业辅导作业：给出一段文字，在规定的尺寸内进行模块式创作。学生自主快速练习十分钟练习11节（八）双边式体系依据着一条轴的对称设计图例：1、新话语版面设计2、对称与色调对比图例与自己的作品，提出疑问3