版式设计课程教案

2024-09-06

版式设计课程教案(共6篇)

篇1:版式设计课程教案

版式设计的基本版面类型

教学目的:在变化与统一是设计的总法则的统领下,编排与版式设计有各种具体版面形式,初步理解每种类型的设计方法和特点,掌握主要的几种编排与版式设计版面类型。教学重点:骨格型、满版型、分割型、对称型版式类型的设计方法和特点。

教学难点:在版式设计的所有版面类型中,骨格型的版式设计最不易掌握;在大量信息文字图片处理上,怎样突出重点,让版面达到构成上的和谐与组织上的合理,传达上更条理清晰。教学时间:2课时

讲授内容:

 上节课版式设计的形式法则复习3分钟 提问法

版式设计的形式法则有哪些以及特点?

学习版式设计的形式法则,既帮助我们克服在设计中的盲目性,又为设计前的思考提供了丰富的内涵。

1.单纯与秩序是求取有机的整体; 2.对比与调和是求取强调的效应; 3.对称与均衡是求取稳定的因素; 4.节奏与韵律是求取情调的悦意; 5.虚实与强弱是求取主次陈述。

 版式设计的基本版面类型导入前讨论 7分钟 演示法结合讨论法

版式设计

1.老师演示少量电影海报,活跃上课氛围,并提问:“平时同学们看哪些电影,有留意海报有哪些不同编排形式?给人的感觉是什么?” 2.学生分组自由讨论三分钟后,每组派代表发言。

3.老师表扬发言同学后,引出今天上课主体:版式设计基本版面类型。

 结和图片讲解每种版式设计类型的特点,帮助学生更好的理解和掌握,提高学生的设计感受能力。35 分钟 演示法(图文讲解版式的基本类型)

版式的基本类型有骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。

重点讲解:骨格型、满版型、分割型、对称型版式类型的设计方法和特点。

一、骨格型

图形或文字在版面编排中,总是按照某种规律,在版面中作某种倾向性的排列,这种隐藏的规律性在平面的空间设计中即称为骨格。在编排与版式设计常以分栏的形式出现,如二分栏、三分栏的编排与版式设计。达到构成上的和谐与组织上的合理,传达上更条理清晰。

二、满版型

版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉,是商品广告常用的形式。

第2页,共7页

版式设计

三、上下分割型

把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。

四、左右分割型

把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。

五、中轴型

将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。

第3页,共7页

版式设计

六、曲线型

图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。

七、倾斜型

版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。

八、对称型

对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。

九、重心型

重心有三种楷念。

1、直接以独立而轮廓分明的形象占据版面中心。

2、向心:视觉元素向版面中心聚拢的运动。

3、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。重心型版式产生视觉焦点,使强烈而突出。

第4页,共7页

版式设计 十、三角形

在圆形、矩形、三角形等基本图形中,正三角形(金字塔形)最具有安全稳定因素。

十一、并置型

将相同或不同的图片作大小相同而位置不同的重复排列。

并置构成的版面有比较、解说的意味,给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。

十二、自由型

自由型结构是无规律的、随意的编排构成,有活泼、轻快之感。

第5页,共7页

版式设计 十三、四角型

版面四角以及连接四角的对角线结构上编排图形。

给人严谨、规范的感觉。

 骨格型版式设计练习

分钟

练习法

1.骨骼型的版式特点和骨骼型优秀报纸版面设计欣赏

在编排设计方法上有两种倾向:

1.一种注重理性分析,运用数学和几何知识,达到构成上的和谐与组织上的合理; 2.另一种是注重感性的判断,编排审美依赖于设计者的感官知觉判断力。

在编排设计中有多种骨骼的分割形式,而各种风格给人的视觉效果各有不同,设计师根据设计的要求和性质来决定版面的设计风格,以打动读者心灵。

国外优秀报纸版面设计欣赏:让学生借鉴灵活的骨骼型编排方式,在大标题、小标题、正文、插图、及颜色搭配的细节处理。

第6页,共7页

版式设计

2.骨骼型版式设计练习

结合学院应用设计系系报

老师提供参考图片和文字。

作业要求:在编排设计中有多种骨骼的分割形式,学生要灵活运用,系报编排时参考国外优秀报纸版面设计。

老师编排示范:

1.版面设定A3竖版;

2.大标题、小标题、正文字体要求区分开,调理清楚; 3.注意边距、行间距、段落间距 4.分栏设计时图片要灵活结合

学生骨骼型版式设计练习,老师巡回指导点评。根据不足,课后完善系报设计。

 总结 : 提问法 3 分钟

1.编排与版式设计的基本类型有哪些?

骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种 2.骨格型版式版面设计特点?

图形或文字在版面编排中,总是按照某种规律,在版面中作某种倾向性的排列,这种隐藏的规律性在平面的空间设计中即称为骨格。在编排与版式设计常以分栏的形式出现,如二分栏、三分栏的编排与版式设计。达到构成上的和谐与组织上的合理,传达上更条理清晰。

 课后作业布置 2分钟 1.完善骨骼型版式系报设计;

2.做一张A3尺寸的分割型版式设计海报,主题自定。

第7页,共7页

篇2:版式设计课程教案

课程名称: 第一章 版式设计的概述 教学目的:(1)了解版式设计的目的

(2)理解版式设计的相关原则(3)掌握版式设计的视觉流程

教学要求:理解黑、白、灰整体分区概念;点、线、面在版式设计中的运用;各种设计原则及表现;把握具体设计内容与形式表现之间的内在关系,熟练掌握文字与文字、文字与图形、整体与局部之间的构成关系。

教学重点:版式设计的视觉流程 教学难点:字体、行距、字距。

教学方法:理论讲授、图片分析并使学生展开对版式设计目的的讨论。教学用具:幻灯片,黑板 教学课时: 4课时

参考书目:

1、《版式设计原理》佐佐木刚土 著,武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学过程:

一、首先介绍课程的性质,通过看一些设计图片来引申出版式设计的目的与概念。

二、深入教学,请学生从自身经验出发谈谈对版式设计的认识,并思版式设计的目的是什么。

三.在对版式设计的概念有一定了解的情况下,思考并总结版式设计的原则。

课程作业:上网搜索2个优秀的和2个不好的版式设计,并给予解释 教学内容:

备 课 纸

第一节 版式设计的目的

版式设计是一门特殊而关键的课程,更大程度上它又是一门专业基础课,它为以后的招贴设计、包装设计、书籍装帧设计以及一切需要通过平面来表达的设计课程打下基础。这就决定了这门课程主要是关于版式设计的基本原理、设计法则和审美把握,它是一门认识课程而不是技法课程。通过这门课程的学习,一是要理解版式设计的基本原则,掌握版式的设计法则;二是要培养和提高学生的审美能力,完善学生的审美结构;三是要训练学生和思维能力,开拓学生的思维意识,培养学生的创新思维;四是要养成学生的动手习惯,培养学生的实用技能。这就是版式设计的教学目标。

版式设计随着时代的进步,它能体现出文化传统、审美观念和时代精神风貌等,被广泛地应用于广告、书刊、包装、装潢、展机、机构视觉形象和网页等传播领域。

1、有效提高版面的注意值

当纷繁复杂的视觉信息展现在眼前的时候,哪些信息更能让我们愉快地去接受呢?哪些版式更能吸引人们的注意呢?很显然,那些美感突出,对比强烈的画面更引人注目。现代版式设计早已不是单纯的技术编排,而是技术与艺术的高度统一。人们的视觉习惯不断改变,设计师的观念也不断更新,新的版式效果不断呈现。那些形式独特、美轮美奂、现达完善的画面让人们过目不忘,注意值当然得到大大的提高。

2、有利于信息的有效传递

版式设计本身并不是设计师的最终目的,它只是为了更好地传递信息的手段。凡是成功的版面,首先必须明确表达目的和主题思想,还要有上佳的创意策划和表现手法,做到主题鲜明、形象突出、美感强烈。在若干复杂纷乱的信息,无法让我理解,如果通过版式的精心设计,把各种元素根据特定内容进行组合排列,既可以使画面形式更加服从内容,提高信息的传达效果和效率,使版面更加风趣,富有内涵。

3、强化传达效果的持续留存 当今视觉传达设计大多都带有商业色彩,主要宣传的是企业及品牌形象。因此如何让企业形象得到很好的传播和留存是许多设计师强调的重点。因此说优秀的版式设计,能够激发人们的兴趣,使画面生动、有趣、幽默,这样能够深度刺激大脑皮层,保持信息的持续留存。

备 课 纸

第二节 版式设计组版的原则

1、主题鲜明突出 按照主从关系的顺序,使放大形象成为视觉中心,以此来表达主题思想。将文案中的信息作整体编排设计,有助于主体形象的建立。在主体形象四周增加空白量,使被强调的主体形象更加鲜明突出。

2、形式与内容统一

只讲求完美的形式而脱离内容,或者只求内容而缺乏艺术的表现,版式设计都会变得空洞和刻板。

3、强化整体布局

即将版面各种编排要素在编排结构及色彩上作整体设计。把图片、文字整体编排,将文字中多种信息组合成块状,使版面具有条理性。

第三节 版式设计图文编排原理

任何版面都是由点、线、面这几个基本元素构成的,设计时应把握好相互间复杂的关系。

1、版面设计的基本要素

版式设计实际就是如何编排好点线面。一行文字可以看作一条线,一个字母可以看作点,几行文字可以看作面。

(1)点在版面构成上的作用。版面中的点是由形状、方向、大小、位置等形式构成。

(2)线的构成。线是点的移动轨迹,有实线,有虚线,也有流动线,将各种不同的线运用到版面中,就会获得不同的效果,在各种场合都能表现独特的个性和情感。能否善于运用线是判断设计师设计能力的强弱基本标准之一。方向性、流动性、延续性及远近感,使画面产生空间深度和广度,线的情感构成,线的力场和等量分割

(3)面的构成,主要研究空间层次感。

备 课 纸

2、文字的编排构成

(1)字体。字体的选用和设计是版式设计中文字编排的基础。在设计时,同一版面选择两到三种字体可组成最佳视觉效果,字体多了,会觉得零乱而缺乏整体感,(2)字号。字号表示字体的大小,计算机的字体通常采用号数制,点数制和级数制。点数制是国际流行的标准制,也称磅。建议同学们,把电脑字号按照由大到小编排好打印出来,作为设计排版的参考。尽量不要用5点以下的字,这对印刷的质量要求很高,而且不利于阅读。

(3)字距与行距。一般行距的常规比例为8:10,即字号大小为8点,行距则应达到10点的疏密度。但字距与行距不是绝对的,应根据实际情况而定。有些独特的设计,就是采用变换字距和行距得到的。

(4)文字编排的四种基本形式。A左右均齐B、齐中C、齐左或齐右D、文字绕图排列

(5)标题与文字的编排。(6)行首的处理。(7)引文的强调。

(8)图形与文字的组群排列。

第四节 版式设计的视觉流程

1、单向视觉流程:使版面的流动线更为简明,直接地诉求主题内容,具有简洁而强烈的视觉效果。

竖向视觉流程:给人坚定,直观之感 横向视觉流程:给人稳定,恬静之感 斜向视觉流程:给人运动,活泼之感

2、曲线视觉流程:随弧线或回旋线而运动变化。更具韵味,节奏感。主要可以备 课 纸

概括为C型和S型。S型中两个相反的弧度可产生矛盾回旋,在平面中增加深度和动感。

3、重心视觉流程:重心以其强烈的形象或文字独踞版面某个部位,是视觉心理的重心,位置因具体画面而定。

4、反复视觉流程:指相同或相似的视觉要素做规律性、秩序性、节奏性的逐次运动。其运动流程不如单向、曲线和重心流程运动强烈,但更有韵律美和秩序美。

5、导向视觉流程:通过诱导元素,主动引导读者视线向一定方向顺序运动,由主及次,把画面各构成要素依序串连起来,形成一个有机整体,使重点突出,条理清楚,发挥最大的信息传达功能。编排中的导线有实有虚,表现多样。如文字,、手势、形象、视线均可为导向。

6、散点视觉流程:指版式中图形与文字呈自由分散状态编排,强调感性,随机性,偶然性,强调空间感和动感,追求刺激,是一种较为随意的编排,这种编排方式在国外非常流行。

7、最佳视域:版式设计时,设计师应该考虑将重要信息或视觉流程的停留点安排在注目价值高的位置,这便是优选最佳视域。上部给人积极高昂、轻快、飘浮之感;下部给人压抑、沉重、消沉、限制、低矮和稳定的印象。左侧,感觉轻便、自由、舒展,富于活力;右侧:感觉紧促、局限却又庄重。

以上几种视觉流程均为理性的流程。在编排方向性视觉流程关系时,要注意各信息要素间隙大小的节奏感。而第六项散点视觉流程似乎与前五项相互矛盾,其实不然,它是前五项的一种突破与创新,体现了现低设计的气息和独特魅力。

备 课 纸

第一章 课 程 小 结

通过本章节的学习,使同学们了解的版式设计的相关基础概念,并通过寻找优秀的版式设计作品,结合现代版式设计趋势,进行点评,来增加学生对版式设计的敏感度。通过点评学生能较好的掌握版式设计目的、类型以及视觉流程等基本概念。

备 课 纸

课程名称:第二章版式设计形式法则 教学目的:了解版式设计的形式美法则及其规律。

教学要求:掌握版式设计的形式美法则及其规律,并能熟练运用这些形式美法则。教学重点:

版式设计的规律 教学难点: 版式设计的规律

教学方法:理论讲授、图片分析并使学生展开对版式设计形式法则的讨论。参考书目:

1、《版式设计原理》佐佐木刚土 著,武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学用具:幻灯片,黑板 教学课时: 8课时 教学过程:

一、导言 复习上节课所学内容引出新课程的新内容。

二、深入教学

第一节 点线面的运用 第二节 对称与均衡

第三节 “对比,变化”与“调和,统一” 课程作业:

作业内容:对点、线、面进行排列组合练习作业要求:组合合理,具有创新性

教学内容:

第一节 点、线、面在版式设计中的运用

备 课 纸

形式美法则是形式美的基本规律,是民形态艺术设计的基本原则,它是人类千百年来从自然万特中总结出来的美的规律,具有普遍性。版式设计作为实用艺术的一部分必须遵循形式美法则。

点、线、面是最基本的形态元素,点、线、面的构成是平面设计的基础。作为版式设计当然不能例处,在版式设计中,点、线、面的应用主要有两个方面。

(1)以造型形态的应用。以造型形态来讲,点的构成应用:分割画面形成区域构图、辅助处理底纹增强装饰性。线的构成应用:分割画面形成区域构图、构成图案丰富画面美感,形成画面边框。而的构成应用:分割画面形成区域构图,强调画面中需要突出的部分。

(2)以构成要素的应用。版式的构成要素分:标志,主题文案,辅助说明文案,画面底的构成图案。以构成要素分析点,线, 面的构成是画面构图的需要。在一张完整的版式构图中,各个具体要素按照其形态,大小的不同,归纳出响应的点形,线形,面形,从点,线,面及其相互关系来调整其方位,比例等,从而丰富和完善画面的构图。也使得设计者在把握构图时易得其法。

第二节 对称与均衡在版式设计中的运用

(1)对称是完美形态

对称的视觉感受是庄严,秩序,安静,平和。对称是有机生命的完美的形式体现,如:人,各种动物大多都是对称的形态,普遍地存在于自然界当中,所以在设计时间中具有永久的生命力。对称具有完全对称和近似对称两种形式。所谓完全对称是指绝对的对称。所谓近似对称是指构图整体呈对称趋势,构成要素局部是有变化的。版式设计中所应用的对称方式大多是近似对称。因为版式设计的形式决定于版式的性格特征,所以一般政府机构,行业或企业领导者的版式采用对称式构图。

(2)均衡是形式美的重要因素

它来源于自然事物在力的状态下稳定存在的视觉感受,所以均衡是力与量的视觉平衡。在设计中是设计要素在总体配比中的平衡统一,是利用设计要素的虚实,气势,量感等 备 课 纸

相互呼应和协调的整体效果。它的形式体现主要是在有机的布局中掌握画面的重心。在版式设计中的整体构图方面均衡是首先思考的设计要素,因为它具有构成的完整趋向。

第三节 “对比,变化”与“调和,统一”

“对比,变化”与“调和,统一”,二者是同一问题的两个方面。世界上一切事物都处在矛盾统一体当中。正如毛泽东同志在《矛盾论》中论述的那样,“矛盾存在于一切客观事物和主观思维的过程中,矛盾贯穿于一切过程的始终,没有矛盾就没有世界”。在形式美的构成中,“对比,变化”和“调和,统一”是一对永不可分的矛盾统一体,把握和处理好这对这对矛盾统一体与局部的关系。设计者如果只注意局部的变化,而缺乏对全画面的考虑,画面就会凌乱,琐碎。反之如果只注意整体调和与统一,画面就会呆板,单调,乏味,枯燥。所以,每件作品都必须要有适度的变化,适度的对比,同时,又必须处理好各局部之间的关系,使之和谐统一,版式设计也无例外。

(1)版式设计的对比方法。各构成要素形的对比。

在版式的各构成要素中,存在着诸多的对比方法,如:空间对比与聚散对比,大小对比,曲直对比,方向对比等。空间对比与聚散对比在版式设计中主要应用于构成要素与版式底的空间对比,构成要素自身的排列构成。在中国的绘画理论中,“有疏能跑马,密不透风”的绘画原则。它形象地阐明了空间的对比关系。在版式设计作品中,画面留有一定的空间,构成要素有聚有散,才能增强其作品的深度,才能主题突出。在版式设计中强调大小对比会使画面层次分明,主题明确。运用曲直对比,方向对比的版式设计,会增强版式性格特征使版式的整体感受活泼,轻快。

色彩对比

色彩对比分析起来不过是色彩三要素的对比-色相对比,色度对比,冷暖对比。版式的设计色彩对比设计是不可缺的因素,无论是对比强烈还是对比微妙,都要把握色相,色度,冷暖的色阶变化,形成丰富的画面效果。设计者要注意使色彩的区域对比明确,又要使画面的色调协调统一。处理好版式的色彩对比关系,就能增强画面的视觉感染力。

备 课 纸

个性对比

这种对比存在于不同的版式之间,作为版式的设计者,在设计不同的版式时应了解版式持有者的工作单位性质和个人的职务特点,从而设计出符合其身份的版式。每个人的工作单位,植物特点各个相同,所持有的版式就应该存在着明显的个性差别。设计师依据持有者身份特点确定版式的构图,字体,色彩等。例如:一张政府官员的版式,一般采用对称式或集中式构图,字体简洁大方,主题明确清晰,色彩单纯,对比强烈,不需要更多的情节要素。而一张企业经理人的版式就有所不同,他可以有较灵活的构图,具有企业特点的色彩等。只有抓住个性对比才能设计出更具情节个性,更多更好的版式。

(2)版式设计的调和手法。

调和,就是画面各组成部分的关系能够和谐一致,形成视觉美感。达到调和的最基本条件是画面中必须有共同的因素存在。版式设计的调和手法有如下几种:字体的形象特征调和,色彩的统一,排版方向的统一等。

备 课 纸

第二章 课 程 小 结

形式美法则是形式美的基本规律,是民形态艺术设计的基本原则,它是人类千百年来从自然万特中总结出来的美的规律,具有普遍性。版式设计作为实用艺术的一部分必须遵循形式美法则,通过本章节的学习,让学生过对名片进行设计,可以更准确的掌握版式设计的形式美法则,掌握版式中的各要素对比关系。

备 课 纸

课程名称:第三章版式设计类型

教学目的:通过本章节的学习,让学生了解和掌握版式设计的14种类型,以及图形的编排构成。

教学要求:掌握版式设计的14种类型,以及图形的编排构成。教学重点:图形的编排构成,展开页的整体设计。教学难点:图形的编排构成,展开页的整体设计。

教学方法:理论讲授、图片分析并使学生展开对版式设计类型的讨论。

参考书目:

1、《版式设计原理》佐佐木刚土 著,武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学用具:幻灯片,黑板 教学课时:4课时 教学过程:

一、导言 复习上节课所学内容引出新课程的新内容。

二、深入教学 第一节 版式设计的类型(1)骨骼型(2)满版型(3)上下分割型(4)左右分割型(5)······

第二节 图形的编排构成(1)四角与中轴四点(2)支配版面的中轴四点(3)······

备 课 纸

课程作业:

作业内容:为自己设计一张名片

作业要求:根据所学的视觉流程为自己设计一张名片,要求两个方案,四个面。

教学内容:

第一节 版式设计的类型

一、骨骼型

骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式,既理性、条理,又活泼而具弹性。

二、满版型

版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉,是商品广告常用的形式。

三、上下分割型

把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。

四、左右分割型

把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。

五、中轴型

备 课 纸

将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。

六、曲线型

图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。

七、倾斜型

版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。

八、对称型

对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。

九、中心型

重心有三种楷念。

1、直接以独立而轮廓分明的形象占据版面中心。

2、向心:视觉元素向版面中心聚拢的运动。

3、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。重心型版式产生视觉焦点,使强烈而突出。

十、三角形

在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。

十一、并置形

将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、说解的意味,给予原本复杂喧嚣的版面以次序、安静、调和与节奏感。

十二、自由型

自由行结构是无规律的、随意的编排构成,有活泼、轻快之感。

十三、四角型

指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规范的感觉

备 课 纸

第二节 图形的编排构成 一、四角与中轴四点

1、支配版面的四角和对角线

在版面结构布局上,四角与对角线具有潜在的重要性。四角是表示版心边界的四个点,把四角连接起来的斜线即对角线。交叉点为几何中心。布局时,通过四角和对角线结构求得版面多样变化的结构形式。如图一组:

2、支配版面的中轴四点

中轴四点指经过版心的垂直和水平线的端点。中轴四点可产生横、竖居中的版面结构其四点(上、下、左、右)可略有移动。如图二组:

3、四角与中轴四点结构

将四角与中轴四点结构结合使用,其版面结构更为丰富完美。如图三组:

二、方形图、退底图、出血图

1、方形图

方形图,即图形以直线边框来规范和限制,是一种最常见、最简洁、最单纯的形态。方形图将主体形象与环境共融,完整的传达主题思想,富有情节性,善于渲染气氛。配置方形图的版面,有稳重、严谨和静止感。

2、退底图

退底图,即将图片中精选出来的图象沿图象边缘剪裁而保留轮廓分明的图形。退底图形自由而突出,更具个性,因而人印象深刻。配置退底图的版面,显得轻松、活泼、动态十足,3、出血图

即将图形充满版面,无边框,有向外扩张和舒展之势,出血版产生动感,有与人更接近之感,一般用于传达抒情或运动信息的版面。若图片采用出血版式,因不受边框限制,而使感情与动感得以更好的舒展与发挥。

三、图形面积

版面中,图形面积大小不仅影响版面视觉效果,而且直接影响感情的传达。

1、大图形情感强烈

备 课 纸

大图形面积注目程度高,感染力强,能给人舒服愉快感。大图形通常用来表现细部,如人物表情、手势某个对象的局部特写等,能在瞬间迅速传达其内涵,与人产生亲和感。

2、小图形精密

将小图形插入字群中显得简洁而精致,有点缀和呼应版面主题的作用。但同时也给人拘谨、静止,趣味弱的感觉。

在进行版式设计时,若只有大图形而无小图形或细部文字,版面就会显得空洞。但光有小图而无大图形,又会使版面缺乏生气而显得平板。只有大小、主次得当的穿插组合,才能获得最佳的搭配关系。

四、块状组合与散点组合1、块状组合

块状组合即将多幅图片通过水平,垂直线分割,图片在版面上整齐有序的排列成块状其组合方式具有强烈的整体感,严肃感、理性感和秩序感。

各图片相互自由叠置或分类叠置而构成的块状组合,具有轻快、活泼的特性,同时也不失整体感。

2、散点组合

将图片散点排列在版面各部位,版面即充满自由轻快之感。散点组合编排时,注意图片大小、主次的配置,方形图与退底图的配置,同时还应考虑疏密、均衡、视觉方向程序等。

五、展开页的整体设计

文字或图象成延续页面的设计,称为连页或展开页设计。当视线扫视版面时,首先是注意左右页或展开页的整体效果,然后才从左至右进行阅读,因此整体设计非常重要,它不仅是单页面的整体,而且是展开页的整体,如果只注意单页局部而忽视整体,或将左右单页分开来编排,都会造成散乱、不统一的视觉感受。建立展开页的手法很多,主要从以下几方面来把握:

1、展开页的整体设计建立在形象的对比关系上,左右页常以一大一小、一多一少、一动一静、一黑一白、一曲一直、局部和整体、文字与人物等形式构成,在对比中建立和谐的整体关系。

2、展开页的整体设计建立在同一视觉识别上。

备 课 纸

3、展开页的整体设计建立在形象的起承关系上,所延续的图象或文字有被分割的感觉。

装订的一般形式:

有鞍形针装订、侧面针装订、盒式线缝装订、无线胶粘装订、塑料蔑、螺旋金属线、可卸式封页等。

从大的方面来看版式设计涉及到平面、影视、网络等。作为最普通的平面设计‚又可细分为报纸、杂志、招贴、地产、商业和公益等不同类别。在这个日益被广告引领消费的时代 ‚版式设计已成为人们日常生活中不可缺少的重要内容‚同时也深刻影响着人们的生活品位和文化积淀。

版式设计的构成要素和平面广告的构成要素大致是一定的。属于造型方面的构成要素如下。

插图,不论是黑白还是彩色图形‚图像或照片‚插图设计者都要融合广告的主题并具有强烈的视觉个性‚以及可读性和视觉感染力。

商标 在广告编排中‚商标不仅仅是产品单纯的标识符号‚而且与表达的主题要关联‚要简洁易识、形式感强。

名称,商品名称是广告传达中的重要内容‚是产品信用的代表‚商品名的形意要连通‚它的发音和字形都构成视觉效果的重要因素。版式轮廓 版式轮廓在广告编排中的意义就在于引导读者的视觉范围‚区分与其他广告的不同‚强化读者对广告的注意范围等。

备 课 纸

第三章 课 程 小 结

在第三章的学习中,让学生们通过几种主要的版式设计类型的训练能够较准确的把版式设计类型运用在平面设计中,并能很好的掌握其特性。

备 课 纸

课程名称: 第四章现代版式设计的发展趋势

教学目的: 通过本章节的学习,让学生了解版式设计的发展趋势,把握最为前沿的设计。

教学要求: 了解版式设计发展趋势

教学重点:版式设计发展趋势的中的主要趋势 教学难点:版式设计发展趋势的特点

教学方法:理论讲授、图片分析并使学生展开对版式设计发展趋势的讨论。教学用具:幻灯片,黑板 教学课时: 4课时

参考书目:

1、《版式设计原理》佐佐木刚土 著,武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学过程:

(1)强调创意(2)突出个性(3)注重情感

课程作业:

作业内容:为永州设计一张宣传海报

作业要求:要求两个方案,突出永州的地方文化特色,大小不得小于A4纸。

教学内容:

一、强调创意

平面设计中的创意为两种,一是针对主题思想的创意;二是版面编排设计的创意。将主题思想的创意与编排技巧相结合的表现,以成为现代编排设计的发展趋势。在编排 备 课 纸 的创意表现中,文字的编排具有强大的表现力,它生动、直观、富于艺术的表现与传达。文字与图形的配置,已不是简单的,平淡的组合关系,而是更具有积极的参与性和创意表现性,与图形达成最佳配置关系来共同表现思想及情感。这种手法,给设计注入了更深的内涵和情趣,是编排形式的深化,是形式与内容完美的体现。

二、突出个性

在版式设计中,追求新颖独特的个性表现,有意制造某种神秘、无规则、不理量的的空间,或者以追求幽默、风趣的表现形式来吸引读者,引起共鸣。乃是当今设计界在艺术风格上的流行趋势。这种风格,摆脱了陈旧与平庸,给设计注入了新的生命。,在编排中,除图片本身具有趣味外,再进行巧妙的编排和配置,可营造出一种妙不可言的空间环境。在很多情况下,图片平淡无奇,但经过巧妙组织后,即产生神奇美妙的视觉效果。

三、注重情感

“以情动人”是艺术创作中奉行的原则。在版面编排中,文字编排表述最富于情感的表现。如文字在“轻重缓急”的位置关系上,就体现了感情的因素,即“轻快、凝重、舒缓、激昂”。另外,在空间结构上,水平、对称,并置的结构表现严谨与理性;曲线与散点的结构表现自由、轻快、热情与浪漫。此外,出血版使感情舒展,框版是感情内蕴,留白富于抒情,黑白富于庄重、理性等等。合理运用编排的原理来准确传达情感,或清新淡雅,或热情奔放,或轻快活泼,或严谨凝重,这正是版式设计更高层次的艺术表现。

播放短片,优秀版式设计作品展。

备 课 纸

第四章 课 程 小 结

通大量的图片信息,使学生们了解当今版式设计发展的趋势和潮流,平面设计中的创意为两种,一是针对主题思想的创意;二是版面编排设计的创意。将主题思想的创意与编排技巧相结合的表现,以成为现代编排设计的发展趋势,所以在今后的版式设计中,希望学生们能够从强调创意、注重个性和情感出发,设计出具形式与内容相统一的版式设计。

备 课 纸

课程名称: 第五章版式设计指南

教学目的:通过具体的实例分析,较好地掌握版式设计实战技巧。教学要求:掌握版式设计实战技巧。教学重点:样式与造型的关系 教学难点:图版率与视觉度

教学方法:理论讲授、图片分析并使学生展开对版式设计技巧的讨论。教学用具:幻灯片,黑板 教学课时: 4课时

参考书目:

1、《版式设计原理》佐佐木刚土 著,武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学过程:

复习前几章节的内容,然后通过讲解大量的实例,来总结版设设计具体的方法。

教学内容:

1、文中的概念“高贵”、“廉价”、“便宜”等都属于中性词,没有褒贬之分,请大家不要用日常的生活习惯来理解,“廉价”并不就比“高贵”差,适合就行;

2、文中所有的图例都采用黑白,目的是为了排除类似色彩、材质等的干扰,本文仅限于探讨“版式”的神奇力量;

3、任何事情都不是绝对的,共性与个性在这个世界并存,但是在你还不是专家或者强者以前,了解普遍意义上的规律是理所应当的!对于规则的突破依赖于我们长久的对已有规律的练习、积累和探索,然后再是打破。就如同同学们在做设计时,大量的人喜欢将元素没有理由的减少到极少,文案也回避长文案,并美名其曰“我喜欢简约的风格”。可是事实上一个优秀的设计师,并不会拒绝饱满、丰富、热闹甚至繁复,一个真正的“简约”设计其实是有很多细节和“看头”的“复杂”工程。之所以你的作品千篇 备 课 纸

一律的单调乏味,是因为你并不具备“控制力”,怕丰富,所以只能用减少元素来掩盖,可那并不是真正的“简约”,只是简陋而已。所以,请好好应用我们的版式设计技巧,让你的控制能力突飞猛进吧!

在一个特定的空间中,版面所呈现出来的样式,以及为了达到这样的样式而实施的手段。

在教学过程中,我们不乏听到同学们精彩的言论和绝妙的创意,可是当我带着无限的期待看到最终的效果图时,往往心底一凉——没有形式美感!同时,尽力开始帮助同学修改其作业,我的原则是尽量做到不更改学生的设计初衷,通过调整在版面空间中对文字、图形的位置、大小、排列方式以及对色彩的搭配来改善稿件给人的视觉感官。于是有很多疑问在学生心里出现:为什么文字内容没变、要传递的信息主题没变、甚至还是那张不怎么好看的图,经过一番调整就会气氛大变呢?从木纳变成活泼、从廉价变成高贵? 这就是版式设计的力量!

研读了好些教材和书本,我觉得最实用的,往往是最简单的,我就从一本日本的版式设计书籍里获得不少启示,本课就在此书基础上进行分析讲解,希望最没有基础的同学也都能有几分收获!这些知识需熟记熟用,方能举一反三,自我创新!

以上这个基因树形图就是对版式设计中最基础的内容进行的归纳,排除了一些其他因素,比如色彩,就完全从布局上去考虑,如果将此知识熟记并擅用,再慢慢加入其他如色彩、材质、工艺等知识,那么我们的设计将变得成熟而精彩!

一、什么是“样式”?

我们用人来打比喻,以便我们很好理解上面所陈列的版式设计的知识点。我们首先将我们的设计对象比喻为我们人自己,一个人要出席不同的场合,那么就需要不同的打扮风格,因此“样式”就是我们首先要做的选择:如果是去面试工作,那么我们要干练的OL风格;如果我们要参加狂欢派对,那么我们可以前卫大胆的猫王风格;如果我们要参加婚礼,那么我们要正式又不抢新娘光彩的风格„„版式设计也是如此。因此,所谓“样式”就是要根据我们的目标对象的要求所要选择的一个整体的氛围,比如商场打折促销,我们就需要选择让人产生“亲和力强、刺激、价格便宜”等联想的“样式”;如果是高端产品上市,就需要选择“这玩意儿应该不便宜、高贵、不容易得到”等心理 备 课 纸

反应的“样式”。对一个不擅长打扮自己的人来说,要他确定一个正确的样式概念并不难,也许他清楚的知道参加面试应该是庄重又不失活力的,可是有可能他最后自己挑选和搭配出来的样子会很像去参加圣诞派对,要不就严肃到像是去参加葬礼。真正让我们头疼的并不是选不对样式的概念,而是怎样准确的达到我们想要的“样式”,难道真的只能凭感觉吗?我相信感觉很重要,但他依赖于经验的丰富和审美的高层次,可是对于初学者感觉往往是不准确的,就像一个未出校门的大二学生,你要他成熟高雅那是太残忍。可是在版式设计中,对于感觉没到位的人,我们依然可以教给大家一些超级实用又简单的原理,让大家也能像模像样的“选对样式”更“做对样式”。这就需要我们对“视觉度、图版率、文字跳跃率、图片跳跃率、网格拘束率、版面率、三类构成、文字印象”这个八个要素进行学习、理解、记忆和练习。这样我们就能选对“衣服”、“鞋子”等等。

二、什么是“造型”?

那么又怎么理解“造型八巧”呢?扩展说来是“造型的八个技巧原则”。就像同样的衣服,有的人可以穿对服装的味道,而有的人穿出来就不是那么好,这就是造型的重要。如果我们穿一条拖地晚礼服,我们却顶着一头没洗一样的油头发,或者是杂两个羊角辫,可能怎么都不能达到高雅的感觉(除非你是故意搞怪);又如我们穿一身职业装准备去面试,却画一个超级魅惑的烟熏妆,一个爆炸头,估计没单位敢要你(也许夜总会或一些不入流的歌舞团)。更进一步说,造型可以让我们锦上添花,如虎添翼——不仅是让你穿对,更是让你面面俱到的完善细节,无懈可击。如同两个女人都穿着长尾晚礼服,都梳着高挑的发髻,但是为什么一个让人觉得是“没问题”,而另一个会让人觉得“很精致”?可能原因就在于一些非常琐碎的细节,比如头发的适当蓬松,眼影的搭配,或者粉底的质感等等。因此版式设计中的“造型”就是要运用相关的技巧,将我们之前选对的那些样式要素进行组合、搭配、修正、改善,让这些元素有机的融合,营造我们想要的气氛,完善所有的细节,形成正确的视觉感官效果和合理的阅读流程。而这八个技巧简单易记,他们是“明确主题、分开副主题、群化、取消暧昧、整理视觉流向、空白是主题的领地、抑制四角、利用版心线”。

三、“样式”和“造型”哪个更重要?

备 课 纸

按照中国人传统的中庸习惯,我们往往会说这些问题都很重要,当然的确他们都很重要。但是如果放在一起进行比较的话,我认为“样式”是最重要的。是否选对样式将决定我们版式设计效果成败。选择正确的样式,就像我们选对适合场合的打扮风格,假若我们连样式都没选对,那么无论怎么有技巧的、精良的造型都是白搭!极端的例子:去面试一份市场调查员的工作,我们却择了嘻哈风的打扮样式,那么后期无论怎么化妆,发型,着装都将是徒劳的,这就是同学们常常遇到的问题——作业盲目的追求电脑效果,堆砌,抑或删减„„费神费力却不能得到老师的认同,因为你连样式都选错了,所有的后期造型努力只是让你错的更远、更离谱而已。因此“样式”的知识是至关重要的。

四、进入分解讲解前,我们来做第一个实验吧!——在以后的讲解中,都是以对比试验和测试来论证观点,当然为了说明最基础的问题,我们都选择的是比较极端的例子,任何事情都有特殊的情况,但是请大家在学习本项类容时平和心态,先吃透普遍范围内的概念,等以后见多识广了再来分解、打破和提升。

Q:下面A、B两张广告中,哪一份看起来是比较便宜的化妆品?

当然显而易见的是B,它让我们觉得这个发胶很廉价。神奇吧?可是什么原因造成的呢?是女模特不够美吗?照片不够清晰吗?文字不够丰富、不够大吗?我们可以考虑造成这种结果的原因是因为“样式”的选择不同,那么不同的样式又是根据什么要素决定的呢?

正确的“样式选择”决定版式设计效果的大部分!

我们可以看出,充满生机活力的B广告表现出的样式和作品性格更适合于廉价的商 备 课 纸

品或者促销,因为它具备良好的亲和力,浅显易懂。因此若想强调化妆品的一种高级感,那么B的样式是很难成功的。即使选用最当红的影星,超特写的镜头那么也是徒劳的。因为他没办法达到高级感所呈现出的那种冷漠!因此要表现品质的优良,我们往往选用小文字、大面积的空白、低视觉度的照片。因此我们不难理解,为什么时尚杂志里那些高级化妆品总喜欢采用产品本身做主角,也不难理解为什么即使选用当红明星做模特,也会把明星的妆容画的极冷、表情也是冷漠的。就是为了极力降低其视觉度,达到一种冷漠、高贵、高品质的感觉。

Q2:下面同一个人的名片,哪一张看上去更有信赖感? A—— B——

答案当然是下面B这张名片更让人有信赖感。它给人的印象比前面一张A更整洁有序,看起来能利落的解决问题,同时我们从名片上能更轻松的阅读和找到清晰的视觉流程。我们只需要调整文字的大小、位置和空间,就产生了巨大的差别,形成了B更有平衡感的版面设计。

调整形态能增加信赖感。只是选择了适合的样式并不能成为完善有效的版面设计。图A名片没有从细节调整形态,因此显得画面不平衡,总给人散乱、不专业、不能信赖的感觉。A的字体也显得较为幼稚和随便,因此更不能很好的取得人们的信赖。为了取得好的信赖感就要对形态加以调整,保持平衡感是必须的,调整形态就是我们将要讲解的“造型”原理。

备 课 纸

版式设计第一步——选择样式

选择适合的样式,版面设计就向成功迈出了一大步!只要你智商正常,从小生活在人类的社会环境,有判断力,就能选出适合的样式!虽说样式的内容里那“八大要素”看起来张牙舞爪很吓人的样子,其实他们很简单,只是把我们日常生活中得到的印象转换为专业术语而已。请按照一般的常识思考,就能做出正确的选择。

第一回合:样式的效果

在这一章节中,我们以视觉要素为中心来加深对样式选择的理解。视觉要素是指相对于文字要素的插图、照片、图标、图表等图像表现。在版式设计中增强视觉要素,能产生轻快、活力、易懂、有亲和力的印象。反之,如果以文字为中心,则给人理性、高格调、冷漠、坚硬的印象。然而,并不是说,视觉度越高效果越好,与要表现的内容相吻合的“度”是很重要的。例如,在一本法律典籍或者政府宣言等纯文字的对象中加入插图,虽然有活跃版式的感觉,但却形成了不和谐的版面。

1、错误的样式不能正确的传达信息

各种样式本身是没有对错之分的,就像西服和T恤,本身都是优秀的。但是场合不同我们就需要选择不同的样式,因此准确的说不符合目标对象的样式是不能正确传递信息的。我们来看一个列子:

A——

备 课 纸

这是日本学生制作的用于募集小组成员的传单(改作)。图A的专业性很强,作为学习设计的我们很容易理解也很喜欢这种“腔调”的设计,但是这个作品的目的是募集小组成员,每个周末年轻的孩子们一起出去郊游或者玩耍。因此A图的样式给人感觉过于深邃,虽然是很棒的设计作品却在表现形式上不适合募集对象,也不适合要传递的信息。人们看到这样的图像样式并没有想在一起玩的想法,甚或至于会产生信息的误读,搞不好人家会以为是“模型俱乐部”还是“玩具俱乐部”的宣传,或者更容易误解为“气球俱乐部”的宣传单。所以虽然设计的很专业、很富有设计感、很别致却没法正确的传递信息。所以它,是错的!

B——

这是最后真正使用的成稿。界面舒缓的插图,虽然不是很精炼,但是别有一番拙趣,给人以温柔的清新的亲和力。手写体的文字,让人感觉亲切而温暖,恭敬的写在画面中适当的位置,让我们感到募集者的诚意。整个设计轻松活泼,虽然显得有点点稚嫩,却恰好与接受信息的对象心态相符合——这是个好玩的俱乐部,里面一定都是些喜欢亲近大自然的同学,没有约束。

再举一例

大家看看下面这张杂志广告。你感觉是什么?是否觉得好像没错,但是又不那么舒服?风格不同的两幅广告被我们故意分解组合在一起形成了一种怪异的版面。样式差异竟能产生如此大的差异。不同的模特,不同的照片拍摄方式,不同的形态表情都必须要符合自己所要服务的产品,手表广告中原稿才能体现出手表中性的风格和高贵的品质感!而口红广告中灿烂的笑脸具有高视觉度,有极强的亲和力,明确得体现出其诉求的对象为充满活力的年轻人,很显然这个产品不会那么高不可攀。

2、效果通过样式得到表现

也许初学者对于创造优美的样式没有自信,但是我们现在可以从锻炼对样式的选择能力上开始。多多去看相关的书和杂志,已经各种类型的设计作品,边看边试着对自己提问:这个作品为什么会设计成这样?这种风格符合这个产品、符合传递信息的目的、符合受众的心理吗?为什么这个作品看起来会让人感觉好禅静?为什么这个作品让人感到热情?„„在问这些问题的同时,试着用版式设计里面的相关要素和原则的知识、技巧去回答,尝试着找出规律。

备 课 纸

例如下面有三张名片,为同一个人设计的。如果我们的目标是表现出精神十足的推销者形象,那么我们绝对不选哪种样式呢?如果我们的目标是要表现出追求个性、自由的艺术家那么哪一种样式更合适呢?如果我们想表现公司职员干练清爽的样子,又是哪个最适合呢?

A:让人感觉他可以利落的完成工作,感觉这个单位很井井有条,很有信赖感。这是一种突出重点的组合方式,并且视觉流程清晰简明。

B:扩大空白、缩小文字、笔画细腻的字体整体给人高品质的感觉。另外,文字的组合方法采用了“居中对齐”更给人感觉理性而高格调的印象。

C:扩大姓名文字并且选择加粗的字体,同时字体是横细竖粗的大宋体,虽然文字厚重却不显得笨拙,放大字的体积感可以增加版面的能量感,让人感觉信息丰富,表现出自信,给人有精神的感觉。文字组合方式采用纵向单边对齐,有活力又不失稳重。同时,插图(猫头鹰LOGO)的放大增加了版式的视觉度,增强了亲和力,符合一个促销员该有的精神面貌。

从对上面三张名片的分析我们看到,原来在同一个二维空间当中我们可以用相同的元素排列出不同的样式效果。而且每一种样式都有其优点。作为学习设计的我们,由于常年累月都在对自己的审美进行提升,追求的是一种个性和超脱,于是我们个人往往会亲睐高格调的设计风格。但是往往我们所服务的对象,来自各行各业,他们也有他们的行业审美原则,再加上终端消费者群体也在日积月累的过程中对不同的行业形成约定俗成的一些印象,因此作为设计师的我们一定要了解事情的真相,而不能一味做“自己喜欢的设计”。当然我们也看到,随着大众审美意识的加强、行业竞争的加剧,出现了很多模糊行业特征的、一味追求视觉效果的设计。但是我认为最伟大的设计,应该是形式和内容上的“相濡以沫”,在让人感叹“好个性的名片”的同时依然能从名片所体现的样式里获得正确的信息、感受出符合名片主人职业、身份、行业的气息。这才是正道!

从这个测试中我们也就能释然一些让我们头疼的事情:我们觉得很个性、高雅的设计,客户不喜欢,常听到客户大叫着:字那么小怎么看得清?我要企业标志放大点„„以后再遇到这种情况,请先检查自身是否忘记了服务对象的行业特质,看看是否为他选对了样式,穿对了衣服。如果是对的,那么就请你分别做几种不同的出来,让客户自己比较,并加以引导,相信能够让难题迎刃而解。

备 课 纸

这一讲,我们再次强调了选择样式的重要性!看到了样式不对即使设计的在美也不能正确传递信息的遗憾,也感悟到了视觉元素的格调统一才能形成完整有效的符合身份的版式,当然更知道我们想要的效果是可以通过样式的打造而呈现出来。

下一回合,我们就从视觉要素中的“视觉度”开始。样式的八要素之一„„>视觉度

在本文讨论的图像带给人的视觉强度是比较宽泛的,更多的是去研究最直接的、普遍的心理感受,仅从合乎常理的图像要素去研究(在后面我们会进一步说明)

1、从什么是视觉度开始。

从这里开始,我们正式进入样式的八要素的学习。首先我们要学的就是最神奇的“视觉度”。除了颜色以外,什么元素最吸引我们的视觉注意力呢?当然,那就是图像。因此图形的效果将对该版面所呈现出来的样式效果有着至关重要的作用。相对于文字,图像的要素(插图、照片等)产生的视觉强度我们在此称为“视觉度”。外观和影响力越强烈,视觉度就越高。明快夸张的插图给人的印象最强烈,视觉度就高。而宽广宁静的大海照片让人身心趋静,视觉度就低。所以,一般来说,照片的视觉度比插图低,尤其是云、海、草原等风景照,视觉度更低。举例来说,对象都是大象,可是一张是卡通大象,另一张是实拍的大象,那么后者的视觉度显然就比前者低的多,因为前者更夸张更让人印象深刻,甚至不可思议。

那么图像要素的视觉度究竟对我们的平面二维空间起到怎样的作用呢?我们来看第一例子,一个大学里某棒球组织募集会员的传单。

Q1:下面会有AB两张效果图,哪一个传递信息更快、更有效?让人阅读更容易?

备 课 纸

A——

这份传单如果发到你手里,你会有什么感觉呢?我觉得它看起来很理性,感觉很不热情,然后信息量很庞大,有点不太想仔细去读——那么多文字该多累!怎么办呢?我们对于这样的设计项目最基本的要求就是不能减少文字内容,这些文字虽然多但是他们的确都非常重要,谁来帮我们改善这个版面呢?看看B是怎么做的吧!

比较两者,视觉要素具有决定性的效果,B一目了然,我们能直接的快速的获得最重要的信息——这是关于棒球的俱乐部在招募会员而不是什么药品促销或者其他。像这样一种目的简单,内容直接的设计情况,视觉要素的合理应用可以极大的改变整体效果。

Q2:下面左右两张传单,哪一个更让你印象深刻?

(视觉度较高的图像是插页广告不可缺少的视觉要素!)

左边是原稿,手写的纯文字有非常独特的表现力。从文字内容上看的出这是个现代舞方面的招募或者表演的宣传,那么在加入一副跟文字的表情非常相似的剪影舞者插图后,整个效果更加生动活泼!这就是视觉度的魔力,加入插图后版面的视觉度增加,活力就增加了。另外从这幅传单的设计中我们可以看出,日本的学生们的设计非常具有生活的乐趣,也很擅用最直接的手绘方式,相对于我们自己可能要好好思考自己对生活的态度,丰富自己的阅历,更擅用除电脑以外的更多技法,为我们的作品创造更个性的效果。

2、平面设计中最小的设计单位名片,看看我们将名片视觉化后的效果。

备 课 纸

我们现在很常见这种类型的名片设计,同学们也很喜欢那么去做,因为名片上的元素只是文字所以只要稍微严谨的排一下的版便能呈现现在这样一种不痛不痒的效果。虽然看上去我们并不会有不合适的感觉,但这种样式的名片不会给人留下任何印象。那么我们看看将名片视觉化后有什么变化吧!

提高视觉度后的名片,能让人联想起名片主人的人品、企业属性甚至让人能回忆起交换名片时的场景。虽然不太记得实际上是怎样的一个人,但还是留下了更好、更深刻的印象。因此,我们发现在名片上加入插图,会增加它的趣味性。公司图标介于文字要素和视觉要素之间,视觉度较弱,但根据排列方式的不同,亦能呈现较好的效果。这里我们从上面加入的不同的插图当中的出另一种规律:越是趋向夸张的、卡通化的插图视觉度越高强,越是接近现实或趋向于文字的插图视觉度越弱。

3、设计主题的表现力

Q:哪张照片能留下印象?请用20秒时间看以下的照片,回答接下来的问题。看20秒:20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1!

下列照片中,有几张照片在前面那张图中有出现过,是哪几张?请自己将代码写下来。栏内字母为正确答案。将自己的答案和下表对照,有什么神奇的结果?请你和几位同学一起做(不要商量),最后再来看看你们的答案,看看有多少相同的呢!通常情况下,A组的正确答案最多,特别是孩子的笑脸给大多数人留下深刻的印象,那猫咪的傻表情也给大多数人留下深刻的印象。BC组的答案则反映出个人的兴趣。

反映观者的兴趣——个性

同样大小的照片,根据所照的内容给人留下不同的印象。这反映出观者自身的兴趣和志向,形成了一种交流。这就是制作广告时需要用心选择宣传点的原因。设计师也是人,往往我们也有独特的经验,比如小时候如果你可能曾经把洋葱当成水果去啃,从而在你的大脑里洋葱印象深刻!因此在选择的时候毫不犹豫先就能记住洋葱那个静物照片。但是这时候我们一定要问问自己,这仅仅是我个人的经验和兴趣,还是说有相当部分的人与我有共鸣?在广告设计中,我们常常看到同学们纠结于寻找独特的视觉元素,希望以此来获得视觉冲击力并达到共鸣,但结果往往是事与愿违——自己认为有趣的事观众毫无感觉!这就是没有考虑诉求对象的兴趣和经验。

表现力的强弱——注意人和脸

备 课 纸

一般来说,人类具有最强的表现力,尤其是脸部(怪不得出现那么多模特)。最弱的是云、海洋、草原等风景,它们能让人们的情绪平静下来。本来很有趣的描写对象,用很难看见的角度来构图的话,表现力就会下降。例如,婴儿纯真的笑脸我们通常是表现的重点,但是如果我们在画面中加入很多大人的脸的话,婴儿的表现力反而削弱!因此在表现类似对孩子关爱的信息时,我们往往更直接地应用孩子自身健康阳光的照片,大人往往成为非聚焦的“花瓶”。也就是说,版式中主题和想强调的部分要很清楚明显,应除去与其他物体的重合以及不必要的影像。

样式的八要素之二„„>图版率

1、什么是图版率?

在同一版面空间中,占据版面的图像(插图、照片等)和文章内容的面积比我们称之为“图版率”。这个比率是版面样式的重要要素。我们在设计作品的时候,通常可以事先估摸和计算一下自己想要传达的信息用百分之几的图版率,然后再进行实际的操作。图版率的高低,制约着版面所呈现出来的紧张和宽松,活跃与稳重。常常在我们版面遇到瓶颈时可以通过改变图版率来打破格局。

2、图版率和视觉度的区别?

图版率是指相对于版面中的文字内容,图像所占的面积比例,用___%来表示。视觉度强调图像的视觉强度,而图版率仅针对面积比。版面空间中全是文字的话,图版率为0%,相反如果全是图像没有文字,图版率为100%。一般来说,全部是文字的版面样式让人感觉拥挤和紧张,并让读者有恐惧心理——觉得杂乱、信息量大,不想读下去。因此就算是一些诗集、小说等纯文学的作品,我们尽量维持10%左右的图版率以便让人容易阅读。而大信息量的报纸,图版率为30%左右,当图版率低于这个数值,报纸没有生趣,让人厌烦不容易阅读。当图版率大大超过这个数值,报纸就变成了“画报”又会产生过于活跃、信息量不足和不够严肃等感受。因此图版率的设定也要求我们根据实际的设计需要和针对的对象来估计。我们很不愿意去阅读图版率为0%的紧张版面,但同时我们也很难接受一份图版率过高的经济类报纸。当然,在这里我还要告诫某些爱钻牛角尖的同学:图版率不需要真的去测量面积,大概目测估摸就行!

当然在后期的实际操作中我们会发现图版率和视觉度存在着共性,同等的视觉度照 备 课 纸

片,当它面积越大,图版率越大,而版面的活跃程度也就相对大起来。

3、文字所能传递的信息是设计不可或缺的!

对于设计师来讲,我们所探索的一个重要信息传递途径是“图形语言”,甚至希望完全能依靠图形去传递信息,这是无可厚非的。比如我们的一些纯粹的海报、影视广告等等,我们尽力的去追求图形语言的神奇效果。但是对于更多的商业性的、面对更广大的各种群体的受众的设计来说,想完全回避文字是不太可能,也是没有必要的。图文并茂始终是老百姓们喜闻乐见的一种形态。个性的图配上合适的文案内容会让我们的信息传递更加准确,让受众更加容易接收!

事实上,在版面设计中适当的添加文字并不会降低我们作品的品质,反而会使设计在视觉上、信息传递上更完整,可谓锦上添花,画龙点睛。

4、没有文字的版面显得空洞

下面两个设计,你更喜欢哪一幅呢?那么受众又更愿意看哪一幅呢? A B A图用独特的图形传递这个协会(话剧表演研究之类的协会)的性质,很有创意,画面感觉很有设计感,这也是我们同学们常常乐于使用的版面——少文字,甚至不要文字。但是我们显然不能从这幅画面中获得更多详细的信息。所以B更加完整,更合理。所以说,画面的独特将抓住人们的眼球,更带给人深刻的印象,加入文字后发现,文字所能传递的信息是设计不可或缺的!

再看一个例子:一个大学里某组织的募集传单,显然是想表现这个组织会给你广阔的展示空间。滑翔翼简单地表现了安静无声的空间,但是„„似乎这更像一张艺术照片,谈不上广告的作用,而且也过于安静。稍微加入点点文字,变缓和了单调的气氛,让一张照片瞬间变成了具有信息语言的广告作品,交流变得饱满和流畅,也增添了图画的活力。

根据某研究所的调查,一般来说,图像增加的话,版面的好感度也会增加,图版率在50%左右时,好感度急剧上升。但是,一旦图版率过大,超过90%,好感度反而降低。没有文字的话,就形成了没有语言表达的空洞,给人单调的感觉。稍微加入点文字,图画反而更有生气!

视觉度和图版率的测试题

备 课 纸

Q1 图A和B的区别是什么?B(a视觉度 b图版率)增加了。

产生的效果(c高品质 d轻松可参与 e亲和力 f高格调)(A)(B)

A1:(a d e)A B的图版率是一样的,但B采用了简化、夸张了的插图,增强了视觉度,轻松和视觉度也就增加了,图B是最终采用的样式。

Q2 三幅汽车广告。哪一副的汽车看上去最方便?(不要考虑自己喜爱的车型和实际价格)(A)(B)(C)A2: C图只是展示汽车(商品),而不采用人物图像,适合重视汽车行走性能和车型的人。B图采用对称的中对齐,并且采用的模特较为商业和冷漠,所以适合重视汽 备 课 纸

车的身份品质的人;A图不仅加入了人物,还加入了插图作为背景,产生一种积极与人沟通的效果,看起来这辆车最方便,最有亲和力。

Q3 与图B比较,A图(a视觉度高 b图版率高)

产生的效果:(c单调 d易读 e高格调 f亲和力)(A)(B)A3:采用同样的照片,所以视觉度几乎没有变化,但照片的面积增加所以图版率增加。视觉要素中图的面积增加,就能相对提高亲和力。但是由于插图并不是视觉度强、并不是十分有趣,所以亲和力并没有大幅度提高。当然,图版率增大,也变得更易读。

Q4 下面是一本女性杂志的随笔版版面。与A图相比B图(a亲和力 b不想看下去 c无趣 d易读)

(A)(B)

A4:加入了大面积的插图,视觉的和图版率都有所提高,所以答案是a d。相反的,有极少数的人会选择bc,对于阅读文章,想加深自己理解、自己幻想的读者来说,过于强烈震撼的视觉元素反而是一种妨碍。但是按照我们这次版式知识的讲原则(只重普遍性),所以是最终答案。

备 课 纸

第五章 课程小结

篇3:《版式设计》课程教学刍议

一、概念元素的了解及应用

首先让学生学会创建一个设计大纲, 也就是用文字的形式提出问题, 再解决问题。如出版物的主题是什么?这些信息可能被分割成多少部分?这些部分都是什么?主题是系统性的还是人为的?具体的还是抽象的等等。世上万物的形态千变万化, 归纳这些空间的形态, 均属于点、线、面的分类构成。它们彼此交织, 相互补充, 相互衬托, 有序的构成缤纷的世界。

1.“点”的表现

在版面中的点, 由于大小、形态、位置不同, 所产生的视觉效果、心理作用也不同。点的缩小起着强调和引起注意的作用, 而点的放大有面之感。它们注重形象的强调与表现, 给人情感上和心理上的量感。学生在进行课堂练习时可针对以下几方面进行, 第一, 当点居于几何中心时, 考虑点所带来的影响, 如上下左右空间对称, 视觉张力均等, 显得即庄重, 又呆板。第二, 当点居于视觉中心时, 练习使点具有视觉心理的平衡与舒适感。第三, 当点偏左或偏右, 使画面产生向心移动趋势。最后, 将点作上、下边置, 有上升或下沉的版面练习。在设计中, 将视点导入视觉中心的设计, 如今已屡见不鲜。为了追求新颖的版式, 更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。另外, 准确运用视点的设计来完美地表述情感和内涵, 使设计作品更加精彩动人, 这正是版式设计追求的更高境界。

2.“线”的表现

实际上, 在我们阅读一幅画的过程中, 视线是随着各元素的运动流程而移动的, 只是人们不习惯注意自己构筑在视觉心理上的这条既虚又实的“线”。实质上, 对于每位学生的设计来讲, 这条线具有相当重要的意义。线可分为形态明确的线和空间虚线, 空间虚线指的是视觉流程线, 这个部分的知识是学生练习中较难把握及难以运用得当的部分。人们一般对线的概念, 都仅停留于版面中形态明确的线, 而对空间的视觉流动线, 却往往容易忽略。而对于形态明确的线, 在进行版面分割时, 既要考虑各形态元素彼此间支配的形状, 又要注意空间所具有的内在联系, 巧, 使高师小提琴专业学生在学习过程中, 改正缺点, 提高自身的专业技能, 为今后的教学工作打下良好的基础, 只要通过左右手技术的平均发展, 才能将高超的技术与丰富的艺术想象力两者完美的结合在一起, 从而表达出乐曲所要表达的音乐感受。

参考文献:

[1]田康.论小提琴演奏与教学反馈[J].艺术百家, 2005, (6) .

[3]张以一.小提琴教学的新探讨[J].黄钟 (中国.武汉音乐学院学报) ,

保证良好的视觉秩序感, 这就要求被划分的空间有相应的主次关系、呼应关系和形式关系, 以此来获得整体和谐的视觉空间。学生可通过不同比列的空间分割, 使版面产生各空间的对比与节奏感。在骨骼分栏中插入直线进行分割, 使栏目更清晰, 更具条理, 且有弹性, 增强了文章的可视性。另外要提醒学生注意“力场”。“力场”是一种虚空间, 是对一定范围的空间的知觉或感应, 所以, 也称“心理空间”。在版面中所产生的“力场”, 首先是在空间被线分割和限定的情况下, 才能产生“力场”的感应。

3.“面”的表现

面也称为“形”, 是由长度和宽度共同构成的“三度空间”, 也是线的移动轨迹。面分为几何形及自由形两类, 而富有创意的几何形、不规则形和偶然形, 在平面的设计编排上常常被采用。

而本身的形态中包括了大小位置、面积、色彩肌理等多方面的变化, 在视觉设计要素中, 面的视觉影响比点、线的效果大的多。

二、综合运用的方法

在学生的实际操作中, 可不先带入具体的图形或文字进行排版练习, 用最简单的草图先勾勒出可想到的任何的排列布局方式。首先, 排版并放置第一条直线。画一条直线代表标题, 将直线四处移动, 改变直线的比重和长短, 制作最具动感的布局, 调整直线在设计区域内的不同位置。其次, 为你的直线选择适当的面积。放大和缩小你的直线, 平衡空间和直线的比例, 让学生重新考虑他的直线的位置, 做广泛的实验。这些排版的例子可以给学生一些概念, 让他们了解如何放大或缩小直线来填入设计区域。再次, 在排版中运用更多直线。区别代表标题和文章的直线, 利用直线周围的空间, 进一步探索直线的用途, 在这儿可以引导学生发现如何在一些较大的元素和一些较小的元素之间取得平衡。增加你排版中直线的数量, 比较不同排版, 重新评价他们最初的选择。然后在排版中运用图形, 这些图形可以是任何形状的, 为图形选择适当的比例, 在这里的首要任务是锻炼学生的创造力, 再将图形和直线结合起来, 探索两者之间的平衡与不平。最后, 运用文字作为标题, 直线作为文章, 对想象产生的效果进行观察并评估, 尝试每个方案。如果涉及到副标题的话, 需要决定标题和副标题以及正文之间需要留出多少空间, 另外正文是否要分成两列甚至更多。

在这些版式练习结束后可要求学生完成三张分别以点、线、面形式表现的练习, 要求版面中除图形外还要有文字的出现。另外要求用相同的图形和文字元素进行编排, 将学生逐渐带入到更深层的理解运用中。

[4]宋比多.小提琴教学中的重要问题:右手握弓[J].四川戏剧, 2006,

[39]黄晨星, 黄忠伯.试论小提琴弓对弦压力的物理特性——兼议《关于小提琴演奏技巧的几点新想法》[J].音乐艺术-上海音乐学院学报,

作者简介:

篇4:版式设计课程教案

关键词:交互界面;版式设计;实践

我们正处在飞速发展的数字化时代,越来越多的产品包含着数字技术,越来越多的业务依赖于软件。近二十年以来,“交互设计”这一概念从意识的产生到设计实践的日渐成熟,也让设计领域的从业者益发清楚地认识与了解到:设计的出发点始终应该做到以服务于人为中心,数字技术的发展同样应当是以人为本的。同时,交互设计扩展并丰富了媒体手段,它允许内容不断更新,给用户提供了更多参与、评论和分享互动的机会,使用户可以从信息交互过程中获取更丰富的体验和更多的乐趣。

版式设计作为当前各大高校艺术设计类专业的一门重要专业基础课程,直接影响着学生以后的设计水平和能力发展。单从课程教学方面而言,版式设计在教学目的、施教方法、培养学生创新意识以及训练学生的理性思维能力等方面,尽管在前人探索的基础上可以做到有规律可循,有章法可依,在文字、图形及色彩运用的版面构成方面也有为读者考虑的诸多因素。而在平板电脑、智能手机等各种新的传播媒介扑面而来的今天,阅读和浏览的方式正在发生着天翻地覆的变化,随着数字化产品和用户体验日趋复杂及功能的日益增多,人们对交互界面设计的需求变得益发迫切,因而从理论和实践两方面而言,对于交互界面设计的便捷化、人性化、合理化需要的研究也迫在眉睫。

一、重视版面视觉流程的设计以达到交互界面版式设计的目的

版式设计是基于人体工程学和视觉心理学来进行的基础设计学科。版面设计的根本目的是为了使信息传达对于大多数读者而言更加便于理解和接受,提高读者对信息接收的效率,合理有序而又生动地对图、文、色彩等视觉元素进行编排,最大程度地打破受众群体与设计者之间信息交流的屏障。在这个组织版面的过程中,了解读者习惯的阅读方式,重视并合理地安排视觉流程,是准确地完成信息传达并期待读者做出相应反应的重要前提。

版式设计的核心目标就是吸引人的视线。当下,最受读者或用户关注的莫过于社交媒体了,社交媒体的初衷无外乎人与人之间的信息分享。读者用户在浏览页面时的视线移动往往是随着视觉所接受到的刺激而产生的,而这种用以吸引或分散用户注意力的视觉刺激是可以由设计者控制的——即视觉流程的设定。视觉流程是由设计者在了解阅读对象的视觉心理倾向的基础上设置的视觉引导线,它必须遵循一条顺畅的路径,假若用户评论一个界面设计“很拥挤”或者“感觉无所适从”的话,就意味着这个界面的设计方案无法流畅地引导他们的视线移动。因此,设计者必须具备引导读者视线的能力,运用视觉心理和人体工学将重要的文图素材醒目化,提高重要素材的“诱目性”,在此基础上吸引读者逐层关注版面繁杂的图、文、色彩信息,以期达到设计者与读者之间信息交互的目的。

二、新媒体界面的版式设计教学应更注重艺术设计与交互设计的融合

如蒋杰《版式设计的新领域——互动版式设计》一文所定义的:“互动版式”作为概念的组合,是一种服务于以计算机交互技术为基础的数字媒体,具体表现为以电子屏幕为显示终端的信息编排处理形态。其本质特征在于读者可以通过各种交互设置对这种版式进行操控,从而与之产生互动。互动版式正在引发版式设计观念的革新。

传统的印刷版式和互动版式在构成的基本原理和形式方面有必然的承接和关联,但二者因传媒介质的差异,设计的流程与手段也有很大不同。

新数字媒体侧重于建立与用户之间的连接与互动关系,使用户可以通过以手指触摸屏幕或滑动界面的方式自主选择对媒体信息的浏览。实质上,新媒体界面给用户所展现的就是传统的物理媒介物中纸张、图文、影像、声音的数字化表现。毋庸置疑的是,因为有了用户的参与,这种数字化表现不仅拓展了版面构成的内涵与外延,更在一定程度上拓宽了版式设计的空间,为版面的编排设计提供了更多可能性。在形式上,版式设计突破了传统版面构成的限制,特别是掌上媒体界面让原本静止的二维版面以动态化、立体化呈现,富有感染力,给用户更多参与性和切身感受,让用户的浏览体验更直接、更方便、更高效、更丰富也更加有趣。所以,新时期的新媒体界面版式的设计应该特别注意艺术设计与网络技术之间的融合,尤其是与交互技术的结合。从新媒介对版式设计的影响出发,落实到案例教学方面,版式设计课程可以以网页界面、手机UI界面设计等实践教学内容为手段,研究在新媒介交互性的促发下,版式设计由“静”到“动”,再由“动”到“互动”的创新过程,并分析这种创新的互动性、合理性以及艺术性和版式设计在新媒介界面中的发展趋势与方向,对于更好地解决新时期学生设计思维和设计意识的问题将有十分积极的意义。

三、新媒体互动版式设计案例导入以使版式设计课程教学目标明确化

对艺术设计专业教学的针对性和实用性要求越高,把握版式设计课程教学的重点就越要有侧重性。这一问题反映在当前众多高校的版式设计课程中,则需要对版面设计根本任务进行深入研究和思考,在教学内容和方法的设计方面多下工夫,杜绝以不明确的目标、表面化的形式和装饰方法的训练代替对版面设计教学的根本目标、本质任务的研究以及在此基础上的训练。

案例教学法作为一种以模拟或重现生活场景将学生纳入案例进行研究与讨论的教学方法,原本多用于法学、管理学等学科教学之中,但因其在教学实施过程中通过案例导入既可以分析、比较、研究、总结出成功和失败的经验,从中抽象出某些结论或基本规律,更可以让学生通过自己的思考或与团队的思维碰撞来拓宽视野的特点,对艺术设计类学科的版式设计教学亦有很好的借鉴和参考价值。 数字时代,数字杂志、掌上媒体、桌面视窗、触摸媒体等众多的新兴媒体让交互界面设计的研究变得更加多元化,多学科、多角度的剖析令交互设计理论显得更加丰富,而为数众多的新产品也正在展现交互界面设计的传播优势。在此基础上,针对课程内容把既具有一定的代表性和普遍性,又能够使学生触类旁通的新媒体界面设计的真实案例项目导入版式设计的课堂教学,紧扣教学内容,重视应用、科研与教学的结合,帮助学生从各个方面对所学版式设计原理、知识加以验证,引导学生变注重知识为注重能力,促进能力提升、教学相长、双向交流,不仅可以使得课程教学目标明确化,更能促使教师加深思考。

在手机阅读客户端、电子商务和自媒体编创制作、媒体发布平台等新兴网络媒体大规模介入人们的生活之前,传统媒体与读者或用户之间的交互关系是极少的。彼时高校艺术设计专业版式设计课程的主要研究对象是图形、图像、文字、色彩等基本版式构成要素,以及点线面、视觉流程、网格结构等版式设计法则。进入数字时代之后,设计领域的绝大多数工作开始借由计算机工具来实现,而且伴随着数字科技的迅猛发展,原本专属于平面设计领域的版面编排工作似乎已经变成了任何一件只要能够操作计算机辅助设计类软件的人都可以胜任的事情。这种情况下,高校在进行艺术设计人才的培养方面则更加需要专注于设计的本质来进行,换句话说,能否操作与版面编排相关的软件与是否了解版式设计原理、交互心理并在此基础上进行版式设计是两个截然不同的问题,“为读者或用户考虑”“了解用户想要什么”以及“如何提供用户想要的视觉呈现”是时值信息时代的高校版式设计课程应该着重研究与实践的课题。

参考文献:

[1] 蒋杰.版式设计的新领域——互动版式设计[D].南京艺术学院,2002.

[2] 宮京成.当版面成为界面:界面设计对新媒介时代报纸版式设计的几点启示[J].新闻界,2009(5).

[3] 陈昭霓.视频媒体中动态版式设计[J].包装工程,2010(6).

[4] 陈慧.互动—版式设计新“契机”[D].辽宁师范大学,2012.

篇5:对版式设计课程的心得及体会

在这门课程的学习当中,我们做的报纸作业对于我们的实践能力是很重要的,刚开始,我也不知道怎么去做报纸的排版,很陌生。当老师拿给我们以前学生做的报纸作业给我们看的时候,我的兴趣一下子就提了上了,对于报纸的排版首先要做一个手稿,就是我自己想要做成什么样的,我也是发挥了我的想象力,想尽量体现出自己的个性,做的与众不同。但是老师说过的一些关于报纸排版的规则,我就果断放弃了自己的想法,因为,报纸更是为了去让大众接受它,不能完全按照自己的个性去做,要考虑人们的理解,需要更理性的。

学习这门课程,对于我来说,收获最大的地方就是我对报纸排版的实践作业。以下都是我自己的理解。报纸现在也是人们生活中获取信息的渠道之一,它的排版更是理性的,是要符合大众的阅读需求,包括其中必备的重要因素等,比如说导视啊,要加一些图片啊,字体,还有一些文字性的东西应该放在什么位置上。而我感觉,在现如今的社会,人们在获取信息的同时,不仅仅只是对于信息而说,人们更加的对视觉上的美感有着独有的情节。对于我有些不懂,因为都知道报纸明明只是获取信息的传播工具,但是有那么一些的视觉上的东西,有那么一些花哨,包括那一条条应该放在哪个位置的规矩,我认为这已经忘记了报纸本身的性质,因为它就只是传播信息的工具仅此而已。也许现在人们获取信息方式更多的是互联网,所以,现如今,人们对于仅有的大量文字信息的排版感到乏味,也许这就是人们的欲望,越来越不满足的欲望,所以,人们对于视觉上的需求也是越来越高,也许我的想法是错误的,但是,我认为这很真实。

篇6:有趣的版式迷宫(教案)

有趣的版式迷宫

——精美的报刊之“排版”

教材:

(人教版)七年级上册

教学目标:1)让学生基本了解版式设计对于报刊的意义,并从中获取知识的认知。学习排版的方法和与其有关的形式美法则;

2)培养学生对于版式设计最基本的驾驭力和表现力,并在此过程中提升学生的感悟力、思维力和审美力;

3)以精美的版式图例感染和鼓舞学生,激发他们的排版乐趣,并在体验美和表现美的行为中陶冶性情,享受生命的美好。

教学重点:版式设计中的排列和布局。

教学难点:初中生在专业版式设计中的创意要求。

学生课前准备:1)自学版式设计相关章节,利用互联网收集相关资料信息;

2)各自准备好排版所需的各类图形元素。

课件要求:设计制作成相对独立的图形演示教学课件。教学过程设计:

板块一: 创设情境,渲染课程趣味。

活动1 寻找藏在迷宫里的字; 活动2 迷宫的启迪。(探求)引出课题: 有趣的版式迷宫(神奇的布局)

设计思考: 兴趣是最好的老师,知之者不如好之者,好之者不如乐之者。

充分发挥美术的视觉特性,以神奇的图形为课程导入的切入口,意在唤起学生的注意,引发学生对课程的期待。

板块二: 围绕主题,释义排版概念

活动1 演示平面构成的骨式原理,即“经纬网格线”; 活动2 描述排版的概念。设计思考: 恩格斯说:“科学就是用理性的方法去整理感性的材料”,给学生

更多自主活动、实践活动和亲身体验的机会,是培养学生创造性思维力的有效手段。

板块三: 引导分析,推演排版方法

活动1 展示三种排版的方法和思路。

设计思考: “引领式教学”是“自学、议论、引导”教学模式的重要组成部

分,教师通过“目标引领”和“思维方法引领”旨在让学生成为自己学习的主人。本板块目标明确,思路清晰,路径简明,便于学生理解。

板块四: 欣赏体验,审美形式法则

活动1 排版必须要遵循原则,学生通过观摩大量的图片案例,体验在形

式美法则下排版的妙趣;

活动2 分析归纳形式美法则要点。

设计思考: 形式美法则,是人类在创造美的形式过程中对美的形式规律的经

验总结和抽象概括。学习形式美法则,有利于学生更好地领悟课程专业化的特征要求,并能在审美活动中,学会欣赏和借鉴。另外,本板块为本课程学习的重点部分,也是难点部分。一方面要求学生通过欣赏体会到形式美法则对于排版创意设计的指导性意义;另一方面教师在教学过程中更应鼓励学生在形式美法则的基础上对排版创意设计进行创造性发挥,因此,教师教学中的引导性价值可见一斑。

板块五: 直观示范,排布图形要领

活动1 教师运用磁性画板示范图形排版的过程。设计思考: 以直观形象传递信息的教学方式,更能体现美术学科的教学特征。

“演示法”作为直观形象教学的有效手段,在培养学生观察力方面优势明显,同时,对学生形象思维力和发散性思维力的培养也大有帮助。

板块六: 运用原理,创意有趣版式

活动1 学生利用各自准备好的元素和版面进行有趣的排版练习,教师稍

加指导。

设计思考: 排版的关键是对空间的把控,其中“留白”的意义十分重大。版

式中各类图形元素的结合,要求在统一中求变化,在变化中求统一,使版式设计充满着创意的灵性、意趣和美感。

课堂作业是美术教学中最具学科特性的一环,它反映的不仅仅是美术课程教学的效果,更是学生个性差异的具体体现,也一定层面上验证了教师教学设计的合理度。本课程采用了学习欣赏和学习实践相并行的教学方法,注重审美也注重实训。

板块七: 议论评述,交流作业心得 活动1 学生对课堂作业进行自我评价和相互评价。

设计思考: 教学评价是课堂教学活动的重要组成部分,也是学生自我表现、自我倾诉、外化情感和认知的最佳方式。本版块不设评价标准,学生自由评述,教师多以鼓励为主。

板块八:课堂小结,延伸课外学习

活动1 教师梳理课程,布置课外学习任务。设计思考: 课堂小结成就了课堂教学的完整性,突出并巩固了课程教学的知

识重点。

版式设计的延伸学习重在应用,课堂小结为学生开展课外自主学习设置了桥梁,埋下了伏笔。

教学思考:

从教学的科学性、先进性和有效性出发,美术教学不仅可以而且必须以“自学、议论、引导”的核心思想指导教学实践。本节课在课前布置学生自主地根据自己的学习需要,通过互联网大量收集有关课程信息和较全面地了解课程背景,对于建构课程知识平台和相对完整的课程知识体系大有益处。因为初中美术教学在知识要求方面量小且松散,解决提升的方法完全依仗于学生的自主学习。

版式设计是设计系统教学中的基础课程之一,版式设计在初中阶段以黑板报和手抄报为主要实务。然而作为体系,版式设计的意义、手段以及相对应的形式美法则等等,都必须是教学的重点,简单不得。

自学的途径不仅有倾听,也有阅读,有时美术教学讲得多不如看得多,直观教学的意义非同一般。经过用心梳理,给学生传播大量优美和富有创意的图片信息,能够更好地帮助学生更轻松地获取概念的形象认知。

教学地点:美术教室102

上一篇:食品质量安全性下一篇:拓宽渠道提升素质培养能力——抚宁县注重优化入党积极分子队伍结构