《版式设计教案.doc》由会员分享,可在线阅读,更多相关《版式设计教案.doc(34页珍藏版)》请在三一办公上搜索。
1、*学院教案章节题目 第一章 版式设计概论授课时间授课地点授课对象授课时数教学手段及授课方式教学内容提要时间分配及备注版式设计是一门特殊而关键的课程,更大程度上它又是一门专业基础课,它为以后的招贴设计、包装设计、书籍装帧设计以及一切需要通过平面来表达的设计课程打下基础。这就决定了这门课程主要是关于版式设计的基本原理、设计法则和审美把握,它是一门认识课程而不是技法课程。通过这门课程的学习,一是要理解版式设计的基本原则,掌握版式的设计法则;二是要培养和提高学生的审美能力,完善学生的审美结构;三是要训练学生和思维能力,开拓学生的思维意识,培养学生的创新思维;四是要养成学生的动手习惯,培养学生的实用技能
2、。这就是版式设计的教学目标。版式设计随着时代的进步,它能体现出文化传统、审美观念和时代精神风貌等,被广泛地应用于广告、书刊、包装、装潢、展机、机构视觉形象和网页等传播领域。第一部分 版式设计概论一、版式设计的目的1、有效提高版面的注意值当纷繁复杂的视觉信息展现在眼前的时候,哪些信息更能让我们愉快地去接受呢?哪些版式更能吸引人们的注意呢?很显然,那些美感突出,对比强烈的画面更引人注目。现代版式设计早已不是单纯的技术编排,而是技术与艺术的高度统一。人们的视觉习惯不断改变,设计师的观念也不断更新,新的版式效果不断呈现。那些形式独特、美轮美奂、现达完善的画面让人们过目不忘,注意值当然得到大大的提高。
3、2、有利于信息的有效传递 版式设计本身并不是设计师的最终目的,它只是为了更好地传递信息的手段。凡是成功的版面,首先必须明确表达目的和主题思想,还要有上佳的创意策划和表现手法,做到主题鲜明、形象突出、美感强烈。在若干复杂纷乱的信息,无法让我理解,如果通过版式的精心设计,把各种元素根据特定内容进行组合排列,既可以使画面形式更加服从内容,提高信息的传达效果和效率,使版面更加风趣,富有内涵。 3、强化传达效果的持续留存 当今视觉传达设计大多都带有商业色彩,主要宣传的是企业及品牌形象。因此如何让企业形象得到很好的传播和留存是许多设计师强调的重点。因此说优秀的版式设计,能够激发人们的兴趣,使画面生动、有趣
4、、幽默,这样能够深度刺激大脑皮层,保持信息的持续留存。二、组版原则1、主题鲜明突出按照主从关系的顺序,使放大形象成为视觉中心,以此来表达主题思想。将文案中的信息作整体编排设计,有助于主体形象的建立。在主体形象四周增加空白量,使被强调的主体形象更加鲜明突出。2、形式与内容统一只讲求完美的形式而脱离内容,或者只求内容而缺乏艺术的表现,版式设计都会变得空洞和刻板。3、强化整体布局即将版面各种编排要素在编排结构及色彩上作整体设计。把图片、文字整体编排,将文字中多种信息组合成块状,使版面具有条理性。三、图文编排原理任何版面都是由点、线、面这几个基本元素构成的,设计时应把握好相互间复杂的关系。1、版面设计
5、的基本要素版式设计实际就是如何编排好点线面。一行文字可以看作一条线,一个字母可以看作点,几行文字可以看作面。(1)点在版面构成上的作用。版面中的点是由形状、方向、大小、位置等形式构成。(2)线的构成。线是点的移动轨迹,有实线,有虚线,也有流动线,将各种不同的线运用到版面中,就会获得不同的效果,在各种场合都能表现独特的个性和情感。能否善于运用线是判断设计师设计能力的强弱基本标准之一。方向性、流动性、延续性及远近感,使画面产生空间深度和广度,线的情感构成,线的力场和等量分割(3)面的构成,主要研究空间层次感。2、文字的编排构成(1)字体。字体的选用和设计是版式设计中文字编排的基础。在设计时,同一版
6、面选择两到三种字体可组成最佳视觉效果,字体多了,会觉得零乱而缺乏整体感,(2)字号。字号表示字体的大小,计算机的字体通常采用号数制,点数制和级数制。点数制是国际流行的标准制,也称磅。建议同学们,把电脑字号按照由大到小编排好打印出来,作为设计排版的参考。尽量不要用5点以下的字,这对印刷的质量要求很高,而且不利于阅读。(3)字距与行距。一般行距的常规比例为8:10,即字号大小为8点,行距则应达到10点的疏密度。但字距与行距不是绝对的,应根据实际情况而定。有些独特的设计,就是采用变换字距和行距得到的。(4)文字编排的四种基本形式。A左右均齐B、齐中C、齐左或齐右D、文字绕图排列(5)标题与文字的编排
7、。(6)行首的处理。(7)引文的强调。(8)图形与文字的组群排列。 四、视觉流程 1、单向视觉流程:使版面的流动线更为简明,直接地诉求主题内容,具有简洁而强烈的视觉效果。竖向视觉流程:给人坚定,直观之感横向视觉流程:给人稳定,恬静之感斜向视觉流程:给人运动,活泼之感2、曲线视觉流程:随弧线或回旋线而运动变化。更具韵味,节奏感。主要可以概括为C型和S型。S型中两个相反的弧度可产生矛盾回旋,在平面中增加深度和动感。3、重心视觉流程:重心以其强烈的形象或文字独踞版面某个部位,是视觉心理的重心,位置因具体画面而定。4、反复视觉流程:指相同或相似的视觉要素做规律性、秩序性、节奏性的逐次运动。其运动流程不
8、如单向、曲线和重心流程运动强烈,但更有韵律美和秩序美。5、导向视觉流程:通过诱导元素,主动引导读者视线向一定方向顺序运动,由主及次,把画面各构成要素依序串连起来,形成一个有机整体,使重点突出,条理清楚,发挥最大的信息传达功能。编排中的导线有实有虚,表现多样。如文字,、手势、形象、视线均可为导向。6、散点视觉流程:指版式中图形与文字呈自由分散状态编排,强调感性,随机性,偶然性,强调空间感和动感,追求刺激,是一种较为随意的编排,这种编排方式在国外非常流行。7、最佳视域:版式设计时,设计师应该考虑将重要信息或视觉流程的停留点安排在注目价值高的位置,这便是优选最佳视域。上部给人积极高昂、轻快、飘浮之感
9、;下部给人压抑、沉重、消沉、限制、低矮和稳定的印象。左侧,感觉轻便、自由、舒展,富于活力;右侧:感觉紧促、局限却又庄重。以上几种视觉流程均为理性的流程。在编排方向性视觉流程关系时,要注意各信息要素间隙大小的节奏感。而第六项散点视觉流程似乎与前五项相互矛盾,其实不然,它是前五项的一种突破与创新,体现了现低设计的气息和独特魅力。5分钟PPT15分钟PPT短片1短片2短片315分钟PPT10分钟PPT教学目的及要求了解和掌握版式设计的基本概念、内容以及版式设计类型与视觉流程。教学重点与难点视觉流程。字体、行距、字距。参考资料版式设计版式设计原理课后小结寻找优秀的版式设计作品,并结合现代版式设计趋势,
10、进行点评。通过点评学生能较好的掌握版式设计目的、类型以及视觉流程等基本概念。吉林建筑工程学院建筑装饰学院教案章节题目第二部分 版式设计形式法则授课时间授课地点授课对象授课时数教学手段及授课方式教学内容提要时间分配及备注形式美法则是形式美的基本规律,是民形态艺术设计的基本原则,它是人类千百年来从自然万特中总结出来的美的规律,具有普遍性。版式设计作为实用艺术的一部分必须遵循形式美法则。1、点、线、面点、线、面是最基本的形态元素,点、线、面的构成是平面设计的基础。作为版式设计当然不能例处,在版式设计中,点、线、面的应用主要有两个方面。(1)以造型形态的应用。以造型形态来讲,点的构成应用:分割画面形成
11、区域构图、辅助处理底纹增强装饰性。线的构成应用:分割画面形成区域构图、构成图案丰富画面美感,形成画面边框。而的构成应用:分割画面形成区域构图,强调画面中需要突出的部分。(2)以构成要素的应用。版式的构成要素分:标志,主题文案,辅助说明文案,画面底的构成图案。以构成要素分析点,线, 面的构成是画面构图的需要。在一张完整的版式构图中,各个具体要素按照其形态,大小的不同,归纳出响应的点形,线形,面形,从点,线,面及其相互关系来调整其方位,比例等,从而丰富和完善画面的构图。也使得设计者在把握构图时易得其法。 2,对称与均衡(1)对称是完美形态,对称的视觉感受是庄严,秩序,安静,平和。对称是有机生命的完
12、美的形式体现,如:人,各种动物大多都是对称的形态,普遍地存在于自然界当中,所以在设计时间中具有永久的生命力。对称具有完全对称和近似对称两种形式。所谓完全对称是指绝对的对称。所谓近似对称是指构图整体呈对称趋势,构成要素局部是有变化的。版式设计中所应用的对称方式大多是近似对称。因为版式设计的形式决定于版式的性格特征,所以一般政府机构,行业或企业领导者的版式采用对称式构图。 (2)均衡是形式美的重要因素,它来源于自然事物在力的状态下稳定存在的视觉感受,所以均衡是力与量的视觉平衡。在设计中是设计要素在总体配比中的平衡统一,是利用设计要素的虚实,气势,量感等相互呼应和协调的整体效果。它的形式体现主要是在
13、有机的布局中掌握画面的重心。在版式设计中的整体构图方面均衡是首先思考的设计要素,因为它具有构成的完整趋向。3对比,变化与调和,统一。对比,变化与调和,统一,二者是同一问题的两个方面。世界上一切事物都处在矛盾统一体当中。正如毛泽东同志在矛盾论中论述的那样,矛盾存在于一切客观事物和主观思维的过程中,矛盾贯穿于一切过程的始终,没有矛盾就没有世界。在形式美的构成中,对比,变化和调和,统一是一对永不可分的矛盾统一体,把握和处理好这对这对矛盾统一体与局部的关系。设计者如果只注意局部的变化,而缺乏对全画面的考虑,画面就会凌乱,琐碎。反之如果只注意整体调和与统一,画面就会呆板,单调,乏味,枯燥。所以,每件作品
14、都必须要有适度的变化,适度的对比,同时,又必须处理好各局部之间的关系,使之和谐统一,版式设计也无例外。 (1)版式设计的对比方法。各构成要素形的对比。在版式的各构成要素中,存在着诸多的对比方法,如:空间对比与聚散对比,大小对比,曲直对比,方向对比等。空间对比与聚散对比在版式设计中主要应用于构成要素与版式底的空间对比,构成要素自身的排列构成。在中国的绘画理论中,有疏能跑马,密不透风的绘画原则。它形象地阐明了空间的对比关系。在版式设计作品中,画面留有一定的空间,构成要素有聚有散,才能增强其作品的深度,才能主题突出。在版式设计中强调大小对比会使画面层次分明,主题明确。运用曲直对比,方向对比的版式设计
15、,会增强版式性格特征使版式的整体感受活泼,轻快。色彩对比色彩对比分析起来不过是色彩三要素的对比-色相对比,色度对比,冷暖对比。版式的设计色彩对比设计是不可缺的因素,无论是对比强烈还是对比微妙,都要把握色相,色度,冷暖的色阶变化,形成丰富的画面效果。设计者要注意使色彩的区域对比明确,又要使画面的色调协调统一。处理好版式的色彩对比关系,就能增强画面的视觉感染力。个性对比这种对比存在于不同的版式之间,作为版式的设计者,在设计不同的版式时应了解版式持有者的工作单位性质和个人的职务特点,从而设计出符合其身份的版式。每个人的工作单位,植物特点各个相同,所持有的版式就应该存在着明显的个性差别。设计师依据持有
16、者身份特点确定版式的构图,字体,色彩等。例如:一张政府官员的版式,一般采用对称式或集中式构图,字体简洁大方,主题明确清晰,色彩单纯,对比强烈,不需要更多的情节要素。而一张企业经理人的版式就有所不同,他可以有较灵活的构图,具有企业特点的色彩等。只有抓住个性对比才能设计出更具情节个性,更多更好的版式。 (2)版式设计的调和手法。调和,就是画面各组成部分的关系能够和谐一致,形成视觉美感。达到调和的最基本条件是画面中必须有共同的因素存在。版式设计的调和手法有如下几种:字体的形象特征调和,色彩的统一,排版方向的统一等。5分钟PPT15分钟PPT短片1短片2短片315分钟PPT10分钟PPT教学目的及要求
17、了解版式设计的形式美法则及其规律。教学重点与难点对比与调和。版式中的各要素对比关系。参考资料版式设计版式设计原理课后小结通过对名片的设计,可以更准确的掌握版式设计的形式美法则,掌握版式中的各要素对比关系。吉林建筑工程学院建筑装饰学院教案章节题目第三部分 版式设计类型授课时间授课地点授课对象授课时数教学手段及授课方式教学内容提要时间分配及备注一、骨骼型 骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式,既理性、条理,又
18、活泼而具弹性。 二、满版型 版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉,是商品广告常用的形式。 三、上下分割型 把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。 四、左右分割型 把整个版面分割为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,
19、左右图文则变得自然和谐。 五、中轴型 将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。 六、曲线型 图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。 七、倾斜型 版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。 八、对称型 对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。 九、中心型 重心有三种楷念。1、直接以独立而轮廓分明的形象占据版面中心。2、向心:视觉元素向版面中心聚拢的运动。3、离心:犹如将石子投入
20、水中,产生一圈圈向外扩散的弧线运动。重心型版式产生视觉焦点,使强烈而突出。 十、三角形 在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。 十一、并置形 将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、说解的意味,给予原本复杂喧嚣的版面以次序、安静、调和与节奏感。 十二、自由型 自由行结构是无规律的、随意的编排构成,有活泼、轻快之感。 十三、四角型 指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规范的感觉图形的编排构成 一、四角与中轴四点 1、支配版面的四角和对角线
21、在版面结构布局上,四角与对角线具有潜在的重要性。四角是表示版心边界的四个点,把四角连接起来的斜线即对角线。交叉点为几何中心。布局时,通过四角和对角线结构求得版面多样变化的结构形式。如图一组: 2、支配版面的中轴四点 中轴四点指经过版心的垂直和水平线的端点。中轴四点可产生横、竖居中的版面结构其四点(上、下、左、右)可略有移动。如图二组: 3、四角与中轴四点结构 将四角与中轴四点结构结合使用,其版面结构更为丰富完美。如图三组: 二、方形图、退底图、出血图 1、方形图 方形图,即图形以直线边框来规范和限制,是一种最常见、最简洁、最单纯的形态。方形图将主体形象与环境共融,完整的传达主题思想,富有情节性
22、,善于渲染气氛。配置方形图的版面,有稳重、严谨和静止感。 2、退底图 退底图,即将图片中精选出来的图象沿图象边缘剪裁而保留轮廓分明的图形。退底图形自由而突出,更具个性,因而人印象深刻。配置退底图的版面,显得轻松、活泼、动态十足, 3、出血图 即将图形充满版面,无边框,有向外扩张和舒展之势,出血版产生动感,有与人更接近之感,一般用于传达抒情或运动信息的版面。若图片采用出血版式,因不受边框限制,而使感情与动感得以更好的舒展与发挥。 三、图形面积 版面中,图形面积大小不仅影响版面视觉效果,而且直接影响感情的传达。 1、大图形情感强烈 大图形面积注目程度高,感染力强,能给人舒服愉快感。大图形通常用来表
23、现细部,如人物表情、手势某个对象的局部特写等,能在瞬间迅速传达其内涵,与人产生亲和感。 2、小图形精密 将小图形插入字群中显得简洁而精致,有点缀和呼应版面主题的作用。但同时也给人拘谨、静止,趣味弱的感觉。 在进行版式设计时,若只有大图形而无小图形或细部文字,版面就会显得空洞。但光有小图而无大图形,又会使版面缺乏生气而显得平板。只有大小、主次得当的穿插组合,才能获得最佳的搭配关系。 四、块状组合与散点组合 1、块状组合 块状组合即将多幅图片通过水平,垂直线分割,图片在版面上整齐有序的排列成块状其组合方式具有强烈的整体感,严肃感、理性感和秩序感。 各图片相互自由叠置或分类叠置而构成的块状组合,具有
24、轻快、活泼的特性,同时也不失整体感。 2、散点组合 将图片散点排列在版面各部位,版面即充满自由轻快之感。散点组合编排时,注意图片大小、主次的配置,方形图与退底图的配置,同时还应考虑疏密、均衡、视觉方向程序等。 五、展开页的整体设计 文字或图象成延续页面的设计,称为连页或展开页设计。当视线扫视版面时,首先是注意左右页或展开页的整体效果,然后才从左至右进行阅读,因此整体设计非常重要,它不仅是单页面的整体,而且是展开页的整体,如果只注意单页局部而忽视整体,或将左右单页分开来编排,都会造成散乱、不统一的视觉感受。建立展开页的手法很多,主要从以下几方面来把握: 1、展开页的整体设计建立在形象的对比关系上
25、,左右页常以一大一小、一多一少、一动一静、一黑一白、一曲一直、局部和整体、文字与人物等形式构成,在对比中建立和谐的整体关系。 2、展开页的整体设计建立在同一视觉识别上。 3、展开页的整体设计建立在形象的起承关系上,所延续的图象或文字有被分割的感觉。 装订的一般形式: 有鞍形针装订、侧面针装订、盒式线缝装订、无线胶粘装订、塑料蔑、螺旋金属线、可卸式封页等。 从大的方面来看版式设计涉及到平面、影视、网络等。作为最普通的平面设计又可细分为报纸、杂志、招贴、地产、商业和公益等不同类别。在这个日益被广告引领消费的时代 版式设计已成为人们日常生活中不可缺少的重要内容同时也深刻影响着人们的生活品位和文化积淀
26、 。 版式设计的构成要素和平面广告的构成要素大致是一定的。属于造型方面的构成要素如下。 插图。不论是黑白还是彩色图形图像或照片插图设计者都要融合广告的主题并具有强烈的视觉个性以及可读性和视觉感染力。 商标 在广告编排中商标不仅仅是产品单纯的标识符号而且与表达的主题要关联要简洁易识、形式感强。 名称 商品名称是广告传达中的重要内容是产品信用的代表商品名的形意要连通它的发音和字形都构成视觉效果的重要因素。 版式轮廓 版式轮廓在广告编排中的意义就在于引导读者的视觉范围区分与其他广告的不同强化读者对广告的注意范围等。5分钟PPT15分钟PPT短片1短片2短片315分钟PPT10分钟PPT教学目的及要求
27、了解和掌握版式设计的14种类型,以及图形的编排构成。教学重点与难点图形的编排构成,展开页的整体设计。参考资料版式设计版式设计原理课后小结通过几种主要的版式设计类型的训练,同学们能够较准确的把版式设计类型运用在平面设计中,并能很好的掌握其特性。吉林建筑工程学院建筑装饰学院教案章节题目第四部分 现代版式设计的发展趋势授课时间授课地点授课对象授课时数教学手段及授课方式教学内容提要时间分配及备注一、强调创意 平面设计中的创意为两种,一是针对主题思想的创意;二是版面编排设计的创意。将主题思想的创意与编排技巧相结合的表现,以成为现代编排设计的发展趋势。在编排的创意表现中,文字的编排具有强大的表现力,它生动
28、、直观、富于艺术的表现与传达。文字与图形的配置,已不是简单的,平淡的组合关系,而是更具有积极的参与性和创意表现性,与图形达成最佳配置关系来共同表现思想及情感。这种手法,给设计注入了更深的内涵和情趣,是编排形式的深化,是形式与内容完美的体现。 二、突出个性 在版式设计中,追求新颖独特的个性表现,有意制造某种神秘、无规则、不理量的的空间,或者以追求幽默、风趣的表现形式来吸引读者,引起共鸣。乃是当今设计界在艺术风格上的流行趋势。这种风格,摆脱了陈旧与平庸,给设计注入了新的生命。,在编排中,除图片本身具有趣味外,再进行巧妙的编排和配置,可营造出一种妙不可言的空间环境。在很多情况下,图片平淡无奇,但经过
29、巧妙组织后,即产生神奇美妙的视觉效果。 三、注重情感 “以情动人”是艺术创作中奉行的原则。在版面编排中,文字编排表述最富于情感的表现。如文字在“轻重缓急”的位置关系上,就体现了感情的因素,即“轻快、凝重、舒缓、激昂”。另外,在空间结构上,水平、对称,并置的结构表现严谨与理性;曲线与散点的结构表现自由、轻快、热情与浪漫。此外,出血版使感情舒展,框版是感情内蕴,留白富于抒情,黑白富于庄重、理性等等。合理运用编排的原理来准确传达情感,或清新淡雅,或热情奔放,或轻快活泼,或严谨凝重,这正是版式设计更高层次的艺术表现。播放短片,优秀版式设计作品展。5分钟PPT5分钟PPT5分钟PPT30分钟短片教学目的
30、及要求了解和掌握现代版式设计趋势。教学重点与难点现代版式设计趋势的掌握以及应用。参考资料版式设计版式设计原理课后小结综合训练版式设计,包括书籍、招贴、型录设计的版式。吉林建筑工程学院建筑装饰学院教案章节题目第五部分 版式设计指南授课时间授课地点授课对象授课时数教学手段及授课方式教学内容提要时间分配及备注文中的概念“高贵”、“廉价”、“便宜”等都属于中性词,没有褒贬之分,请大家不要用日常的生活习惯来理解,“廉价”并不就比“高贵”差,适合就行;2、文中所有的图例都采用黑白,目的是为了排除类似色彩、材质等的干扰,本文仅限于探讨“版式”的神奇力量;3、任何事情都不是绝对的,共性与个性在这个世界并存,但
31、是在你还不是专家或者强者以前,了解普遍意义上的规律是理所应当的!对于规则的突破依赖于我们长久的对已有规律的练习、积累和探索,然后再是打破。就如同同学们在做设计时,大量的人喜欢将元素没有理由的减少到极少,文案也回避长文案,并美名其曰“我喜欢简约的风格”。可是事实上一个优秀的设计师,并不会拒绝饱满、丰富、热闹甚至繁复,一个真正的“简约”设计其实是有很多细节和“看头”的“复杂”工程。之所以你的作品千篇一律的单调乏味,是因为你并不具备“控制力”,怕丰富,所以只能用减少元素来掩盖,可那并不是真正的“简约”,只是简陋而已。所以,请好好应用我们的版式设计技巧,让你的控制能力突飞猛进吧! 在一个特定的空间中,
32、版面所呈现出来的样式,以及为了达到这样的样式而实施的手段。 在教学过程中,我们不乏听到同学们精彩的言论和绝妙的创意,可是当我带着无限的期待看到最终的效果图时,往往心底一凉没有形式美感!同时,尽力开始帮助同学修改其作业,我的原则是尽量做到不更改学生的设计初衷,通过调整在版面空间中对文字、图形的位置、大小、排列方式以及对色彩的搭配来改善稿件给人的视觉感官。于是有很多疑问在学生心里出现:为什么文字内容没变、要传递的信息主题没变、甚至还是那张不怎么好看的图,经过一番调整就会气氛大变呢?从木纳变成活泼、从廉价变成高贵? 这就是版式设计的力量! 研读了好些教材和书本,我觉得最实用的,往往是最简单的,我就从
33、一本日本的版式设计书籍里获得不少启示,本课就在此书基础上进行分析讲解,希望最没有基础的同学也都能有几分收获!这些知识需熟记熟用,方能举一反三,自我创新! 以上这个基因树形图就是对版式设计中最基础的内容进行的归纳,排除了一些其他因素,比如色彩,就完全从布局上去考虑,如果将此知识熟记并擅用,再慢慢加入其他如色彩、材质、工艺等知识,那么我们的设计将变得成熟而精彩! 第一、什么是“样式”? 我们用人来打比喻,以便我们很好理解上面所陈列的版式设计的知识点。我们首先将我们的设计对象比喻为我们人自己,一个人要出席不同的场合,那么就需要不同的打扮风格,因此“样式”就是我们首先要做的选择:如果是去面试工作,那么
34、我们要干练的OL风格;如果我们要参加狂欢派对,那么我们可以前卫大胆的猫王风格;如果我们要参加婚礼,那么我们要正式又不抢新娘光彩的风格版式设计也是如此。因此,所谓“样式”就是要根据我们的目标对象的要求所要选择的一个整体的氛围,比如商场打折促销,我们就需要选择让人产生“亲和力强、刺激、价格便宜”等联想的“样式”;如果是高端产品上市,就需要选择“这玩意儿应该不便宜、高贵、不容易得到”等心理反应的“样式”。对一个不擅长打扮自己的人来说,要他确定一个正确的样式概念并不难,也许他清楚的知道参加面试应该是庄重又不失活力的,可是有可能他最后自己挑选和搭配出来的样子会很像去参加圣诞派对,要不就严肃到像是去参加葬
35、礼。真正让我们头疼的并不是选不对样式的概念,而是怎样准确的达到我们想要的“样式”,难道真的只能凭感觉吗?我相信感觉很重要,但他依赖于经验的丰富和审美的高层次,可是对于初学者感觉往往是不准确的,就像一个未出校门的大二学生,你要他成熟高雅那是太残忍。可是在版式设计中,对于感觉没到位的人,我们依然可以教给大家一些超级实用又简单的原理,让大家也能像模像样的“选对样式”更“做对样式”。这就需要我们对“视觉度、图版率、文字跳跃率、图片跳跃率、网格拘束率、版面率、三类构成、文字印象”这个八个要素进行学习、理解、记忆和练习。这样我们就能选对“衣服”、“鞋子”等等。 第二、什么是“造型”? 那么又怎么理解“造型
36、八巧”呢?扩展说来是“造型的八个技巧原则”。就像同样的衣服,有的人可以穿对服装的味道,而有的人穿出来就不是那么好,这就是造型的重要。如果我们穿一条拖地晚礼服,我们却顶着一头没洗一样的油头发,或者是杂两个羊角辫,可能怎么都不能达到高雅的感觉(除非你是故意搞怪);又如我们穿一身职业装准备去面试,却画一个超级魅惑的烟熏妆,一个爆炸头,估计没单位敢要你(也许夜总会或一些不入流的歌舞团)。更进一步说,造型可以让我们锦上添花,如虎添翼不仅是让你穿对,更是让你面面俱到的完善细节,无懈可击。如同两个女人都穿着长尾晚礼服,都梳着高挑的发髻,但是为什么一个让人觉得是“没问题”,而另一个会让人觉得“很精致”?可能原
37、因就在于一些非常琐碎的细节,比如头发的适当蓬松,眼影的搭配,或者粉底的质感等等。因此版式设计中的“造型”就是要运用相关的技巧,将我们之前选对的那些样式要素进行组合、搭配、修正、改善,让这些元素有机的融合,营造我们想要的气氛,完善所有的细节,形成正确的视觉感官效果和合理的阅读流程。而这八个技巧简单易记,他们是“明确主题、分开副主题、群化、取消暧昧、整理视觉流向、空白是主题的领地、抑制四角、利用版心线”。第三、“样式”和“造型”哪个更重要? 按照中国人传统的中庸习惯,我们往往会说这些问题都很重要,当然的确他们都很重要。但是如果放在一起进行比较的话,我认为“样式”是最重要的。是否选对样式将决定我们版
38、式设计效果成败。选择正确的样式,就像我们选对适合场合的打扮风格,假若我们连样式都没选对,那么无论怎么有技巧的、精良的造型都是白搭!极端的例子:去面试一份市场调查员的工作,我们却择了嘻哈风的打扮样式,那么后期无论怎么化妆,发型,着装都将是徒劳的,这就是同学们常常遇到的问题作业盲目的追求电脑效果,堆砌,抑或删减费神费力却不能得到老师的认同,因为你连样式都选错了,所有的后期造型努力只是让你错的更远、更离谱而已。因此“样式”的知识是至关重要的。第四、进入分解讲解前,我们来做第一个实验吧!在以后的讲解中,都是以对比试验和测试来论证观点,当然为了说明最基础的问题,我们都选择的是比较极端的例子,任何事情都有
39、特殊的情况,但是请大家在学习本项类容时平和心态,先吃透普遍范围内的概念,等以后见多识广了再来分解、打破和提升。 Q:下面A、B两张广告中,哪一份看起来是比较便宜的化妆品? 当然显而易见的是B,它让我们觉得这个发胶很廉价。神奇吧?可是什么原因造成的呢?是女模特不够美吗?照片不够清晰吗?文字不够丰富、不够大吗?我们可以考虑造成这种结果的原因是因为“样式”的选择不同,那么不同的样式又是根据什么要素决定的呢?正确的“样式选择”决定版式设计效果的大部分! 我们可以看出,充满生机活力的B广告表现出的样式和作品性格更适合于廉价的商品或者促销,因为它具备良好的亲和力,浅显易懂。因此若想强调化妆品的一种高级感,
40、那么B的样式是很难成功的。即使选用最当红的影星,超特写的镜头那么也是徒劳的。因为他没办法达到高级感所呈现出的那种冷漠!因此要表现品质的优良,我们往往选用小文字、大面积的空白、低视觉度的照片。因此我们不难理解,为什么时尚杂志里那些高级化妆品总喜欢采用产品本身做主角,也不难理解为什么即使选用当红明星做模特,也会把明星的妆容画的极冷、表情也是冷漠的。就是为了极力降低其视觉度,达到一种冷漠、高贵、高品质的感觉。 Q2:下面同一个人的名片,哪一张看上去更有信赖感? A B 答案当然是下面B这张名片更让人有信赖感。它给人的印象比前面一张A更整洁有序,看起来能利落的解决问题,同时我们从名片上能更轻松的阅读和
41、找到清晰的视觉流程。我们只需要调整文字的大小、位置和空间,就产生了巨大的差别,形成了B更有平衡感的版面设计。 调整形态能增加信赖感。只是选择了适合的样式并不能成为完善有效的版面设计。图A名片没有从细节调整形态,因此显得画面不平衡,总给人散乱、不专业、不能信赖的感觉。A的字体也显得较为幼稚和随便,因此更不能很好的取得人们的信赖。为了取得好的信赖感就要对形态加以调整,保持平衡感是必须的,调整形态就是我们将要讲解的“造型”原理。版式设计第一步选择样式选择适合的样式,版面设计就向成功迈出了一大步! 只要你智商正常,从小生活在人类的社会环境,有判断力,就能选出适合的样式!虽说样式的内容里那“八大要素”看
42、起来张牙舞爪很吓人的样子,其实他们很简单,只是把我们日常生活中得到的印象转换为专业术语而已。请按照一般的常识思考,就能做出正确的选择。第一回合:样式的效果 在这一章节中,我们以视觉要素为中心来加深对样式选择的理解。视觉要素是指相对于文字要素的插图、照片、图标、图表等图像表现。在版式设计中增强视觉要素,能产生轻快、活力、易懂、有亲和力的印象。反之,如果以文字为中心,则给人理性、高格调、冷漠、坚硬的印象。然而,并不是说,视觉度越高效果越好,与要表现的内容相吻合的“度”是很重要的。例如,在一本法律典籍或者政府宣言等纯文字的对象中加入插图,虽然有活跃版式的感觉,但却形成了不和谐的版面。 1、错误的样式
43、不能正确的传达信息 各种样式本身是没有对错之分的,就像西服和T恤,本身都是优秀的。但是场合不同我们就需要选择不同的样式,因此准确的说不符合目标对象的样式是不能正确传递信息的。我们来看一个列子: A 这是日本学生制作的用于募集小组成员的传单(改作)。图A的专业性很强,作为学习设计的我们很容易理解也很喜欢这种“腔调”的设计,但是这个作品的目的是募集小组成员,每个周末年轻的孩子们一起出去郊游或者玩耍。因此A图的样式给人感觉过于深邃,虽然是很棒的设计作品却在表现形式上不适合募集对象,也不适合要传递的信息。人们看到这样的图像样式并没有想在一起玩的想法,甚或至于会产生信息的误读,搞不好人家会以为是“模型俱乐部”还是“玩具俱乐部”的宣传,或者更容易误解为“气球俱乐部”的宣传单。所以虽然设计的很专业、很富有设计感、很别致却没法正确的传递信息。所以它,是错的! B 这是最后真正使用的成稿。界面舒缓的插图,虽然不是很精炼,但是别有一番拙趣,给人以温柔的清新的亲和力。手写体的文字,让人感觉亲切而温暖,恭敬的写在画面中适当的位置,让我们感到募集者的诚意。整个设计轻松活泼,虽然显得有点点稚嫩,却恰好与接受信息的对象心态相符合这是个好玩的俱乐部,里面一定都是些喜欢亲近大自然的同学,没有约束。 再举一例 大家看看下面这张杂志广告。你感觉是什么?是否觉得好像没错,但是又不那么舒服?风