版式设计教案

教学教案课程版式设计教师苗圃2008年6月15日目录一、教案说明（3）二、教学目的（4）三、教学大纲（4）四、教学计划（5）五、教学内容（6）六、考核内容（48）一、教案说明1、课程名称版式设计2、课程教学内容、意义及范围内容版式设计的视觉要素和构成要素，审美原理和形式法则。版式设计中形式与内容的统一，各种平面媒介的版面类型，新媒体中的版面视觉设计要点。意义版式作为所有平面媒介设计的核心内容起着准确传达信息，提供受众视觉美感的重要作用。从传统的报纸、杂志等平面媒体到电子杂志、网页等新媒体,对于版式设计的技术与艺术都有着更新更高的要求。学生可通过不同媒介版式设计类型练习，掌握版式设计规律与形式和新的趋势，对于日后的平面设计工作产生整体性的影响。范围本课程以课本版式设计为主线教学，涉及范围有版式设计的目的和新趋势、版式的视觉要素与构成要素、版式设计的审美原理和设计形式、不同平面媒介中的版式类型。在练习类型上以版式设计速查手册为补充。3、本课程与相关课程的关系版式设计的学习应具备平面构成色彩构成字体设计等课程的知识。版式设计的基础是版面构成和版面编排。它是书籍装帧广告设计包装设计企业CI形象设计等课程的重要基础。它对于全科班的网页设计课程产生直接影响，也是网页设计的核心理论课程。1、课程教学适用对象及其基本素质课程教学适用于初中文化程度以上，对艺术设计有一定追求。勤奋好学，并希望借此进入设计领域的有志人士。2、课程选用教科书说明版式设计湖北美术出版社孙彤辉著版式设计速查手册上海人民美术出版社尔东吉力等著3、学生学习本课程需要的工具卡纸、素描纸、打印纸、针管笔、铅笔、橡皮、剪刀、胶水、规笔、水粉颜料、三角尺、曲线板。二、教学目的1、学生学习本课程能够达到的程度通过该课程的学习在掌握版式设计理论的基础上，培养学生灵活运用美学法则和技巧。能够独立完成各种不同平面媒介的版式设计工作，掌握各种类型的版式设计规律，设计出具有创新意识版面作品。2、学生学习本课程能够具备的素质具备灵活运用平面与色彩构成知识，将设计基础转化为实际设计应用能力。提高对平面设计中形式感的理解和认识。能够驾御当今内容多元化，形式多样化的印刷物与电子媒体的版式设计。为学生职业岗位能力的扩展延伸奠定良好的基础。平面设计的方方面面都涉足版式设计，是视觉传达设计中核心研究对象。3、学生学习本课程能够掌握的工具手工绘图工具、手工版式设计制作一套工具。三、教学大纲1、课程学习时间共2周10天（半天学习）2、课程学习要点（1）版式设计新概念、目的、发展趋势（2）版式设计的视觉要素与构成要素（3）版式设计审美原理（形态构成对版面产生的影响）（4）视觉流程与编排的基本类型（5）书籍装帧、平面广告、包装、报纸杂志、VI手册、非出版物的版式规律。（6）网页设计理论。3、课程结业要求通过讲授、示范、欣赏、练习等教学手段，使得学生在各个平面设计类型上体现出整体版面的设计能力。根据不同的内容和媒介手工制作出应用规范，传达信息准确，视觉美感强的版式设计作品。四、教学计划序号学习要点时间作业考核1版式设计概念、目的、发展趋势第1周第1天上午否否2版面构成要素与视觉要素、版式设计第1周第2天上午是否的形式3版式设计的审美原理、版面视觉流程与编排的基本类型前第1周第3天上午否否4版式设计的审美原理、版面视觉流程与编排的基本类型后第1周第4天上午是否5学生市场调查与资料收集第1周第5天上午否否6出版物报纸、书籍、杂志第2周第6天上午是否7非出版物（广告、宣传画册、包装、名片等）版式设计形式第2周第7天上午是否8新媒体网页中的版式设计（一）第2周第8天上午否否9新媒体网页中的版式设计（二）第2周第9天上午是否10结业考核第2周第10天上午是（注课件、作业、考核填写是或否，如填写是，需要在教学内容中做详细说明。）五、教学内容第一部分版式设计概念、目的、发展趋势教学时间第一周第一天（上午）2课时本次课教学说明第一节课可用提问的方式导入课程，让学生回答他所认为的版式设计是什么样的，通过提问回答的形式告诉学生平面设计的方方面面都涉足版式设计，是视觉传达设计中核心研究对象。并以开放互动方式探讨版式设计在传媒业发展极为迅速的今天它的运用趋势。本次课教学目的全面的认识版式设计在平面设计这个专业范畴中它的巨大作用，强调其重要性。另外通过版式设计发展的新趋势网络媒体介绍，引发学生学习兴趣。整堂课程围绕版式设计概念、目的、新的趋势、媒体类型等关键词，让学生明确学习目标树立学习信心。本次课教学内容第一节版式设计的新概念、发展历史和目的1、教学内容版式编排设计就是在有限的版面空间里将版面的构成要素文字、图形、图片、线条、线框和颜色色块诸因素根据特定内容进行组合编排并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。那么何为版式设计新概念呢它是在版面编排的基础上加如新的设计理念。更注重新思想、新观念、新技术、新工艺、新材料的体现，其范围不在局限与书籍，杂志，报纸等出版物而是几乎包含了全部平面设计的内容，成为平面设计的中心内容。如果说现代平面设计与印刷有不解之缘，那版式设计则与平面设计密不可分。版式源于书籍，人类自从有了文字，人们就用自己的方式记载信息；我国古代将文字写于竹简，抄书时右手执笔左手按简。从上至下一根根的写，形成了中文书籍由上而下，从右到左的编排特色。西方的文字由字母组成，从公元前古希腊古罗马的手抄本可以看到，有以从左至右的水平编排方式为特点。虽然东西方文字结构差异很大，但丝毫不影响各自的书写和阅读习惯，就此形成了不同的版面编排。这也是版面编排的初始阶段。随着造纸技术和印刷技术的发明、传播和广泛运用，使版面编排逐步完善。印刷术被传如西方后得到大力发展。德国人谷登堡发明了印刷机。他采用金属活字印刷了第一本完整的书籍圣经此书尺寸很大文字分两栏编排，版面工整，将插图和文字安排在不同的页面上，使阅读更为方便。这本印刷品形成了早期的编排规则。之后欧美国家一直注重对版式设计的探讨和研究。进入20世纪后，受现代主义运动、俄国构成主义、荷兰风格派和德国包豪斯设计思想的影响，现代版式设计在思想观念、表现形式、创作手法、传达方式材料运用上进行了新的探索，在不同的历史时期不同的阶段形成了不同的风格面貌。版式设计发展到今天它与现代印刷技术平面设计密不可分。版式设计目的首先我们来分析什么是设计在做某项工作之前，根据一定的目的要求、预先制定方法图样等。设计的关键在于需要设计者如何用最准确，最精细的形式将产品、概念、形象等组织起来，为观者提供准确的信息在观者和设计师之间打起沟通的桥梁。版式设计首要目的也是最基本的目的将平面的主要视觉元素文字、图象、图形和色彩，在限定的平面空间内选择符合内容的形式将其组合，以传达准确的信息。在新时期的目的不在是单一的传达信息，而是有着更多重目的，目的之一是传达信息的同时，传达新思想、新观念、新技术、新材料、新工艺；现代设计具有艺术和实用双重性，而设计的双重性决定了版式设计的另一重要目的，那就是传递美的信息。成功的版式设计除了正确传达信息外，还能让观者在获取信息的同时得到美的熏陶和享受。这一目的在当今显得比任何时候都重要。版式不仅是文化、信息的载体，也是美的载体。2、本次课教学要求要求学生了解版式设计的本质，观看书籍装帧作品欣赏对版式设计有感性认识。3、本次课教学总结版式设计有着除了依据内容正确传达信息之外，还能让能让观者在获取信息的同时得到美的熏陶和享受。第二节版式设计的原则及发展趋势1、教学内容版式设计原则现代版式设计不再是将文字、图片放置在一起的编排技术，而是技术与艺术的高度统一，要达到这样的完美境界，必须对版式设计的原则有较深的认识和理解。现代版式设计的基本原则主要有以下几个方面。A主题与导读掌握客户的要求目的，通过对内容的理解和研究领会主题思想，并用设计手段，使版面条理清晰，主题鲜明突出，能诱导和增强读者的注目力和理解力以达到版式设计的基本目的（传达准确信息的有效手段）。版面艺术是受版面空间限制的，只能在有限的空间里和读者交流，如何使主题鲜明突出显得更为重要。因为读者讨厌那种不分主次，含义费解填鸭式的版面安排。因此，在信息处理上必须加以浓缩，内容表达必须精练，版面安排必须简洁单纯，一目了然，使读者能轻松愉悦的理解主题内容得到信息。B、内容与形式内容的表达是由版式设计的形式最终完成的，而形式的终极目的是为了更好的表达内容；任何只追求形式的完美，不顾内容的表达，或者只讲内容而缺乏艺术性的表现，都会使版面设计显得空洞呆板。缺乏说服力，因此，两者之间的相辅相成、和谐统一是版面设计形式完美的前提，只有符合主题内容的形式才有感染力和生命力，才有它的价值。完美的版式设计应该具备以下条件首先要充分体现和表达主题内容；其次要符合审美和视觉原理；其三要了解读者群的心理，是读者较容易的理解内容。C、技术与艺术在很长一个时期版面编排被视为一项技术工作，习惯上称做“画板”，即在规则的分栏纸上将文字、图片罗列编排。在现代版式设计对版面语言的运用和表达有了更深层次的理解，使内容诉求达到最佳体现。因为现代版式设计是有目的性的的审美创造活动，有着丰富的审美内涵，同时也反映出时尚和流行。所以，现代版式设计技术不再是单纯的画版这样的技术问题了。随着现代计算机技术的发展，平面设计软件皆可用来设计风格迥异的版式。它更重视版面的美感，强调版式设计的艺术性。版式设计的艺术性是依附与主题思想的，上为了更好的表达主题思想。因此在明确了主题思想后，其艺术性主要体现在设计的构思创意，版面的构图布局，表现形式和色彩搭配，以及节奏韵律、变化统一、对比调和等形式美的运用。版式设计新趋势随着时代的变革。版式设计在内容和形式上也随着时代的变革发生巨大的变化，内容更趋多元化，形式更趋多样化；计算机、多媒体、网络等数码技术的快速发展和普及，极大的冲击了传统版式设计概念，即印刷工艺已不是表达平面设计的唯一手段和方式了，一种无须印刷的版面设计，在近几年的发展极为迅速，那就是电子读物，网页设计等数码版式设计。数码版面与印刷品一样的表达着平面设计的意图，其形式的不同带来不同的视觉效果，数码版式借助多媒体的技术，集音响、动画、色彩为一体，比印刷品更生动更直接互动性更强。数码版式是版式设计的新形式，也是发展的新趋势。但是印刷品有着数码版式所不及的长处，即可以不受时间、地点、数量限制，不借助任何设备就能达到传达信息的目的，印刷品和数码版式是不能相互替代的，在传达信息的领域里发挥着各自的作用。多元化是当今社会发展的主要特征，目前主要是印刷品和数码版式并存的方式，也随着科学技术的发展和进步，版式设计还会有新的形式出现，但多元化则是版式发展的必然趋势。2、本次课教学要求要求学生掌握版式设计原则指导日后的版式设计工作，了解版式设计发展趋势为网页设计课程做铺垫。3、本次课教学课件附PPT文件版式设计欣赏4、本次课教学总结版面设计是软件技术与独特的设计艺术的体现，形式必须服从于内容。现代版式设计集印刷品与数码版式。多元化是版式设计的未来发展趋势。第二部分版面视觉要素与构成要素、设计形式。教学时间第一周第二天（上午）2课时本次课教学说明接着版式设计的认知内容深入讲解设计元素。在课堂学习中加以单形元素和组合元素的编排练习。通过理论的分析，实例的临摹，练习的理解。三位一体的学习版式设计中元素的运用。本次课教学目的使得学生了解版式设计中必不可少的元素，以及在不同类型的版面中，这些元素该如何运用。本次课教学内容一、视觉要素文字、图形、色彩是平面设计中最基本的视觉要素，也是版式设计的主要要素。版式设计的基本视觉要素中，它们分别有着各自不同的功能与作用。文字具有说服力而图形和色彩则更具吸引力。图形与色彩更感性化而文字则理性得多。在平面设计的不同类型中，这三大要素的侧重点有所不同，因此在进行版面设计之前，必须很好的理解主题思想熟悉文字、图形、色彩的性格特征和版式设计中这些视觉语言的表达方式在此基础上才能准确的表达主题思想和设计意图。1、文字主题内容（标题、正文、注解等）离不开文字，读者阅读时通过文字获取信息，这就需要文字清晰易辨、统一规范、易于阅读。因此，设计者必须掌握中外文字的一般常识，而规范文字的使用是版式设计的最基本要求。在版式设计中运用好文字，首先要掌握的是字体和字号。字体是文字表现形式，不同的字体给人的视觉感受和心理感受不同，字体具有很强的感情性格，设计者要充分利用利用字体这一特性，选择准确的字体，有助于主题内容的表达。外文字体与汉字是完全不同的文字，但在书写方式上却有相同之处，即手写体和印刷体。特别是汉字，采用的书写工具不同效果和感觉也不同。楷书、篆书、草书等用毛笔书写的称书法。用钢笔书写的称硬笔书法。和手写体相比印刷体在于严谨、规范、端庄、统一、易辨。印刷字体可分为常用印刷体宋体、黑体等。综艺体、彩云体、等线体、琥珀体等具有较强装饰性的艺术字体及创意美术字体。随着电脑技术在平面设计领域的广泛运用，电脑字体已替代了印刷铅字，如今电脑艺术字体已发展得相当成熟，如文鼎、方正、汉仪等中文字库和多至几千种的英文字库。虽然，字库如此丰富和庞大，但是设计师对字体的创意和设计则从没有间断过，因为合适的字体能直观的表达内容更能体现设计师的意念和个性。宋体无论是标题还是大段的说明性文字都可应付自如。风格古老清晰的识别性使它多应用与传统、历史题材或大量的段落性文字中。而当其作为标题运用于时尚类、文化类设计时，会体现出另人意想不到的精致美感和独特的人文气质。PEUGEOT汽车广告。从文案字体的选择中无疑可以领会到宋体被安排进现代、简约的广告画面中所产生的精致与高贵气氛。黑体识别性强，政治色彩浓郁。用在较为正式的版面类型中。超黑平静，冷漠的乐章中浑厚的声音醒目大方男性化。适合作为标题出现。特别是报纸媒体。大黑体字简洁而有力的字形风格定能满足此时设计师将城市名称图形化的创意要求，使版面醒目，富有吸引力。等线体极简风格，迎合现代人审美观适合段落性文字，广告设计师宠儿。圆体圆润、富有亲和力。适合表现儿童、女性、食品等内容的版面。综艺体在版面中适合标题、名称等住信息文字的设计。仿宋体类似手书风格，挺拔秀丽，颇具文化味。适合版面正文用于成段文字，特别是竖排时起中国传统的文化气质表露无疑。隶书、草书、舒同体、魏碑等根据版面具体内容使用。不适合做大篇幅的段落文字和说明性文字亦不适合现代产品、服务、理念为主题的设计。如果作为版式标题、名称配合与现代字体进行编排组合，能让人体会到现代与传统的融合感。亚洲文化论坛的宣传招贴设计以“和”字为创意的中心，醒目的书法文字“和”，传递出浓郁的亚洲文化气息，而作为招贴右侧的少量说明性文字，则采用与之相契合的传统文字楷体与颜体。使版面风格浑然一体，相得益彰。传统插画搭配书法字体使广告画面更加富于中式人文气息。值得注意的是为突出广告语，设计师特意选择字体较粗的魏碑，而细部文案则选用适合做正文字体的楷体。倩体有力度又不缺乏美感与亲和力。严谨中透露出优美的现代气质。适合时尚，女性的版面设计标题与正文皆宜。雅芳护肤品广告，文字选择了具有女性优雅特质的倩体。由于此款字体有粗、中细几款，因此无论是对于少量醒目的广告语还是大量说明文字都非常适合。字体搭配组合字体的搭配组合有一定的规律可寻，在进行设计时，可依此操作。1、无论信息量有多少，字体控制在两至于三种足以应付画面的需要，因为即使字体不变，通过改变字体的大小、色彩、或装饰手法也可达到同样的目的。2、如果有必要选择两至三种不同的字体，建议少量的文字标题选择较宽粗和一定修饰的字体以吸引阅读，而大量正文、段落文字适合选择简洁、笔画较细字体，以方便阅读。3、搭配不同字体时注意风格的抵触，要求既想区别又想协调，通过不断的设计实践积累经验，加深对不同字体的认识。进行灵活的搭配。例如传统字体能较好的与亚现代字体搭配，因为亚现代字体是对传统字体的改良，将现代简约的审美理念注入进来，因而与传统字体有内在呼应，这种字体的搭配可给人现代与传统，民族与国际化的融合感。康师傅绿茶系列广告，优秀的创意将传统绿茶文化与现代年轻人的性情完美融合。其中笔画宽松的标题书法字体潇洒、随意、引人注目，与笔画较细的正文字体配合，显得醒目而又精致，散发出民族传统文化气息的同时也不失现代感。文字信息在画面构图上，以简洁留白的形式出现，使视觉阅读获得舒畅、明快之感。本田雅阁报纸广告。虽然是现代高档消费品广告，却使用书法文字作为视觉主体，搭配以严谨规范的印刷文字。将传统的“文韬武略”人才观与现代精英的价值观结合，塑造儒雅、高贵的品牌形象。书法字体的图形化应用营造一种人文气氛。字号是区分文字规格大小的名称，印刷通常采用号数制和点数制，号数制是我过用来计算汉字铅活字大小的标准计量单位。点数制是世界上通用的计算机铅活字的标准计量单位，现在电脑排版系统的字号多数以点数来计算的。“点”也称“磅”，是由英文“POINT”翻译的，缩写为“P”，1点为035毫米，目前书籍上正文用得比较多的是五号字，五号字为105点，369毫米。一号字为208点，9668毫米。字号的大小直接关系到阅读效果和版面美观，因此要根据内容和需要和阅读对象的需要来确定字号的大小。文字编排的基本形式（配案例分析PPT）字距与行距初学者往往忽略文字的间距与行距文字排列紧密会使阅读加速,反之会舒缓阅读速度同时还必须看到排列文字时,文符如同点串连成线,由线排列成面,由此形成一定的构成关系是塑造形式感的重要手段因此把握文字的间距、行距不仅是阅读功能的需要,也是形式美感的需要。不同字体有其默认的字距、行距。有时出于设计的需要，作品中的部分文字其字距被调整，例如刻意的拉近字距或分散字距。正文字体的字距通常不做这样的改动。为获得良好的阅读效果，一般要求行距略大于字级。影响阅读效果的因素除了上述之外，还必须指出制定适合的字体及行的长度也很重要。一般而言，作为阅读文章的正文推荐使用的中文字号在7号至10号之间，英文字号在9至12号之间最为通常。行的长度，提醒注意要避免设计出过长的行，阅读过长的行会令读者感到紧张以致疲劳，推荐每行的长度以不超过30个字符为上限。对大篇幅的文字段落进行分栏处理不失为是一种非常奏效的方法，根据画幅的大小，将分栏数设定在2至4栏，会使阅读变得舒服又高效。1、左右对齐是最常用的一种格式，文字大量的排列，从左至右两端长度相等，形成一定的块面。具有端庄、严谨的风格，版面清晰有序，它是书籍报刊中常用的一种排列形式。2、左边对齐这种编排方式我们在诗歌编排中经常见到，它是最符合人们视觉习惯的一种排列方式，人们的视觉流程按照从坐至由的方式阅读。空白处可以使阅读变得轻松；对于右边的空白之处早已习惯，左面整齐，右面长短不一的空白变化，它在整齐中又有流动感，富有变化。使这种版面格式规范而不刻意。3、右边对齐右对齐的不规则性，增强了人们的阅读兴趣，一反常规的视觉流程，具有新奇的视觉效果，在律动中富有变化，这种格式只适合文字量很少的内容。右边对齐的编排设计回引起视觉的长期注意。4、中心对齐以中心线为基准对称排列，左右两端的字距相等，使视线更为集中，突出整体特征。这种编排传统、肃穆、庄严、经典。5、文字绕图排列就是以画面中图形轮廓为边线，在图形的周围插入文字内容，这种手法显得活泼生动，富有流畅的视觉流程，具有很好的说明作用，是现代编排设计中最常用的手法之一。6、自由排列一种富有诗意、感性的排列方式。打破秩序，崇尚随兴。适宜运用于少量的字数。可使文字易于与画面融合，轻松、富有韵味的展开主题。文字的横排与排竖横排是在新文化运动之后，为了适应现代工艺和现代的设计的要求而转变的一种排列方式；竖排是汉字书写的一种排列方式它更能体现传统文化，是对古朴风格一种情感告诉求。它的灵活运用，获得了新的视觉体验，突出了所要诉求的主题。英文是直接将文字做顺时针90度的旋转，竖排在英文中并不常见，这种排列方式只是为了特殊版面的需要，为了追求一种新奇的效果。文字的强调1、首行的强调为了重点突出，段落分明，在正文排列中将首行的第一个字或字母放大，将其作为版面中的图形元素或选用具有装饰性的字体。通过对首行字体的变形和装饰，它在文章中起着强调的作用，并突出设计师的设计理念，吸引读者的视线、装饰和活跃版面，至尽仍是版面设计中的一个重要的装饰方式。2、局部文字的强调在整个版面中，为了使某个元素突出，引起视觉注意，成为版面诉求重点，有意识的加强某个文字元素的某个局部，强化视觉效果，使其的版面中显得特别突出，局部强调采用的手法不限，主要打破了平淡的编排布局，活跃气氛。3、标题与引文的强调标题在整个版面中占有重要的地位，标题在版面中是最先引起视觉注意的文字，标题设置的好坏、色彩鲜明程度及文字排列直接影响读者对正文的阅读。标题的大小、字体、形状、方向等都是设计师必须考虑的因素，它直接影响整体版面的是设计风格。标题不一定按视觉流程来设计，可以横向、纵向、斜向甚至是多角度、多方向的排列，产生纵深感与空间感。也可以在标题中对局部进行装饰性处理，或用线框、箭头加以强调。文字的视觉1、文字的群组避免版面的散乱，将文字的多种信息组织成一个整体，如方形圆形和三角形等，这是编排设计中常用的一种排列形式，文案的群组化中，段落之间可用空白和线隔开。使块面之间条理清晰、主题突出、富有整体感，在与图形相匹配时，文字主题突出，空间明确。2、文字的图形环绕将文字按照一定的轮廓进行排列，成一条线，一个面或组成为一个形象，有效的与插图融为一体，是对插图的补充说明，使版面活泼生动，妙趣横生，是形式与内容相统一的最佳形式。3、文字的空间安排远、中、近为了在二维空间中体现三维甚至是多维的空间效果，可使文字产生远、中、近及黑、白、灰来体现，肌理的构成和构图的前后关系是体现空间关系的一种表现方法。一般来说近景突出、清晰，肌理效果明显，色彩的明度和纯度都很高；远景平淡安静，色彩的明度纯度都要降低，肌理效果不明显。在编排设计中，大标题一般作为画面的前景，小标题一般作为中景，正文和铺底式图形作为远景，这样有节奏的安排可以产生一种律动，富有节奏感。4、图文叠印这种形式一般是将文字压印在图形上，图形作为一个单一的背景起到衬托文字的作用。此种方法不以传递信息为目的，主要是为了产生一种独特的视觉效果，追求画面丰富的层次。虽然从表面上看起来仿佛是音乐中一个极不和谐的杂音，但在变化多样的编排设计中已成为设计主流，深为设计师喜爱。2、图形在版式设计中图形元素有着十分重要的作用。图形先于文字，文字源于图形，二者之间相互交融，构成书籍、杂志、招贴、报刊等各种类型的版面；在文字版面中加入图形，立即能引起视觉流程的变化，图形的形式、内容的差异、数量的多少，都会影响读者的注意力；主题内容的精华常借助生动的图形增强文字的说服力与提高阅读兴趣。图形元素不同与文字元素，图形的叙述力强，能具体而直接表达意向、情绪、幻想、感触它更具直观性和和愉悦性。它是不限国界的世界性语言。版式设计中的图形元素可分为两大类一类是以现代摄影，写实手法为主的称“图片”；另一类是以手绘电脑绘制为主的称“图形”。图片多以摄影的手法获得，显得真实可信，鲜明动人，极具感染力和说服力。容易引起读者的共鸣。图形有半具象和抽象之分，有着极为丰富的表现手法，半具象图形的创作更强调创意，它不是再体现事物的原貌，而是通过艺术的提炼，夸张、概括所得的形象，每一种表现手法都有其独特的感觉和效果。如图案、花卉纹样边框、卡通、漫画、剪纸、版画、水彩画、装饰画等。图片的位置图片放置的位置直接关系到整体的构图布局，图片放在不同的位置上，产生不同的视觉和心理效应。如版面中央也是视觉中心，所以，图片放置在中央视觉冲击力最强。图片放置在版面下部有平静和下坠感觉。图片放置在四角，起到平衡和稳定版面的作用。图片排列带有方向性，会给版面增加动感。在版面编排时根据内容为图片选择合适的位置。图片的面积图片在版面中所占的面积大小，直接影响到版面的视觉效果和主题信息的传达。按常规来说大图片情感强烈，注目力高，感染力强，让人感到舒适和愉悦。小图片显得精致细腻，虽然没有大图片那样引人注意，但在版面中常常起到呼应和点缀作用。在编排图片版面时，要把重要的，抢眼球的图片放大，把从属的图片缩小一点，使版面有明显的主次关系和由大小图片排列所具的节奏感。当然，这不是绝对的，现代版面设计中也常出现，将小图片穿插与文字中，追求一种简洁而精致的感觉。总之，图片的大小，完全取决于主题的需要和设计的意图。图片的裁切主要针对照片，很少的照片被直接采用，由于拍摄的条件有限，有些与主题无关的细节进入镜头，这些细节分散了读者对主题的注意力，影响读者理解，必须对照片进行裁切。为了突出主题，让裁切出的主题部分尽量的放大。图片的形式方形图式最常见的形式之一，简洁、明了、大方。具有完整性，在版面中端庄稳重、安静严谨。圆形图式这类图式一般与文字结合比较紧密，文字的安排往往以图片的边缘为依据，相互照应，文字随图片的外轮廓形成流动的视觉流程，具有活泼生动的视觉效果。三角形图式这类图式一反常规，在安排上也灵活多变，具有稳定的视觉效果，在版面中具有指示性作用。出血图式整个画面充斥版面，具有舒展扩张的动感，视觉冲击力强。褪底图式由于照片大多以方形的形态出现，这样就会产生呆板的感觉，褪底图式就是将画面中主体图形沿边线进行裁剪，得到的图形显得活泼生动、自由，容易与文字色块结合，整体效果和谐统一。淡网图式它是利用电脑减少图片的层次，把图片作为一种画面的背景，形成灰调子，突出主题，渲染画面气氛。图片的处理方式（配案例分析PPT）1、退底照片大多以矩形的形状在版面中出现，难免让人感觉呆板或突兀。它不仅可以去除复杂、不和谐的背景使主体形象更加醒目突出，并且退底的照片能较为容易的与版面中的色块、图形、文字组合构成，形成协调、整体的视觉效果。2、合成有时单张照片不一定能准确完整地表现出较大或较抽象的概念，诸如企业理念等。幸好电脑强大的功能令图像合成成为了简单易行的事情，设计师通常将多个具象元素，经过大小、强弱、虚实以及色调等多种视觉处理方法合成为统一、协调的整体。3、打散重构将完整的摄影图片裁切、打散，再从设计的角度进行重新组合，破碎、错叠，带来的是不稳定、错乱的强烈视觉冲击，在视线无意识地重组画面的同时，画面的所有图文信息会被重新规整为有机的整体，而此时画面被赋予了新的形式感。4、影调借助PHOTOSHOP强大的色彩处理功能，设计师可对一幅全彩的照片进行色度、彩度、明度、纯度、冷暖地改造，相反也可对一幅黑白照片进行着色处理。调动色彩的一切可能，可创造性的制作出单色、双色、非常规彩度等独特的画面色彩。5、虚实通过对照片虚实处理可以避免次要部分的视觉干扰，突出主体部分，使画面具有空间与层次美感。同时，被虚化的部分在视觉上不仅带给人们想像的余地，功能上也比较容易与文字信息编排组合，形成完整的版面作品。6、局部与特写有时一张普通的照片并不起眼，但从设计的某一独特的角度去观察后，也许精彩的画面只存在照片的某个局部，于是对照片的裁减成为摄影的再创造。7、质感、特效对照片添加不同的质感不仅可以弥补原始素材在清晰度方面的不足，同时还会诱发不同的联想与情感。如通过对照片手绘效果的处理，可赋予照片艺术气息和人性化特点；通过对照片数码点阵处理，会使画面呈现科技与现代之感；通过强化照片的影像颗粒，会使画面具有如胶片纪录式的真实效果；而刻意制造圆点来组建画面，是受到了印刷工艺的灵感启发、等等。利用PHOTOSHOP可以创造无限的质感特效，但提醒注意的是特效的处理应符合创意主题和产品特质，而非无理由的电脑技巧堆砌。图形今天看来图形表现给人留下了颇为传统的印象，尤其当我们将手绘插图、商业摄影、电脑影像三种不同技术手段下制造出来的画面放在一起比较时，这种感觉尤为强烈。然而，这种或许被概念化的认为“过时”或“缺乏新意”的表现手法又再度回到设计中来，与现代摄影图片相配搭，作为一种时下流行的表现手段，再次博得设计师们的宠爱。1、手绘具象图形2、抽象图形3、卡通漫画图形排版样式以图形为主的排版样式。图形可以理解为除摄影以外的一切图和形。图形以其独特的想象力、创造力及超现实的自由构造，在排版设计中展示着独特的视觉魅力。在国外，图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用，日益被人们所认同。今天，图形设计师已不再满足或停留在手绘的技巧上，电脑新科技为图形设计师们提供了广阔的表演舞台，促使图形的视觉语言变得更加丰富多彩。图形主要具有以下特征图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。1图形的简洁性图形在排版设计中最直接的效果就是简洁明了，主题突出。2图形的夸张性夸张是设计师最常借用的一种表现手法，它将对象中的特殊和个性中美的方面进行明显的夸大，并凭借于想象，充分扩大事物的特征，造成新奇变幻的版面情趣，以此来加强版面的艺术感染力，从而加速信息传达的时效。3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中，以写实性与装饰性相结合，令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者，使版面构成一目了，深得读者尤其是儿童的广泛喜爱。4、图形的抽象性抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成，是规律的概括与提炼。所谓“言有尽而意无穷”就是利用有限的形式语言所营造的空间意境，让读者的想象力去填补、去联想、去体味。这种简炼精美的图形为现代人们所喜闻乐见，其表现的前景是广阔的、深远的、无限的，而构成的版面更具有时代特色。5、图形的符号性在排版设计中,图形符号性最具代表性,它是人们把信息与某种事物相关联,然后再通过视觉感知其代表一定的事物。当这种对象被公众认同时,便成为代表这个事物的图形符号。如国徽是一种符号,它是一个国家的象征。图形符号在排版设计中最具有简洁,醒目,变化多端的视觉体验。它包含有三方面的内涵符号的象征性运用感性、含蓄、隐喻的符号，暗示和启发人们产生联想，揭示着情感内容和思想观念。符号的形象性以具体清晰的符号去表现版面内容，图形符号与内容的传达往往是相一致的，也就是说它与事物的本质联为一体。符号的指示性顾名思义，这是一种命令、传达、指示性的符号。在版面构成中，经常采用此种形式，以此引领、诱导读者的视线，沿着设计师的视线流程进行阅读。6、图形的文字性文字的图形化特征，历来是设计师们乐此不疲的创作素材。中国历来讲究书画同源。其文字本身就具有图形之美而达到艺术境界。以图造字早在上古时期的甲骨文就开始了。至今其文字结构依然符合图形审美的构成原则。世界上的文字也不外乎象形和符号等形式。所以说，要从文字中发现可组成图形的因素实在是一件轻而易举之事。它包含有图形文字和文字图形的双层意义。图形文字图形文字是指将文字用图形的形式来处理构成版面。这种版式在版面构成中占有重要的地位。运用重叠、放射、变形等形式在视觉上产生特殊效果，给图形文字开辟了一个新的设计领域。文字图形文字图形，就是将文字作为最基本单位的点、线、面出现在设计中，使其成为排版设计的一部分，甚至整体达到图文并茂、别具一格的版面构成形式。这是一种极具趣味的构成方式，往往能起到活跃人们视线、产生生动妙趣的效果。3、色彩色彩是造型艺术的要素之一。它常起到画龙点睛和锦上添花的作用，如运用不当则会破坏版面的整体效果。它是现代版式中最活跃、最多变的元素，它不仅为版面增加了变化和情趣，还增加了版面的空间感和层次感，要使版面色彩符合主题，增添魅力，就必须掌握色彩的原理和版面用色的规律。A、色彩的感知对版面的影响色彩的感知对版面的影响，主要是有色彩的象征性产生的。色彩的象征意义是非常的重要的，它能直接对读者心理产生影响，如红色版面，使人联想起火焰，热烈的场面，有温暖、喜庆、充满力量的感觉；蓝色的版面则使人感受到宁静和冷漠。特殊的色彩组合对营造版面的气氛的作用非常大，临近色的组合产生和谐的感觉；对比色的组合有更强大的张力和变化，对比产生的冲突、可以迅速的引起注意。当我们在选择版面色彩时，首先要考虑的是色彩的感知对版面主题和情趣表达是否合理，其次，要预测读者的回应程度如何；再次，进行色彩组合时形式选者，要注意主题和整体版面的需要。B、色彩与版面的易读性版面的易读性是版面设计的重要原则之一，在加入色彩元素的同时，要考虑色彩对版面易读性会产生什么影响，要了解这一点，就必须理解有关色彩的三要素明度即同种颜色的深浅变化，明暗程度；色相颜色的相貌。如红色等。有冷暖之分。纯度颜色的鲜艳度或浓度。在版面中当颜色和文字组合在一起时，文字的易读性就要靠与颜色的对比来保证。明度对比是保证易读性的首要对比，其次是色相对比和纯度对比。对比最强烈的是白底黑字，易读性也最强；对比最弱的是白底黄字，由于黄色的明度与白色的明度比较接近，所以，易读性较差。处理背景颜色与文字颜色时要注意在背景与文字处理时尽量不要选相近的颜色，因为两者色相越接近，文字的易读性就越低；如果背景与文字用相接近的颜色，一定要在明度上形成较强的对比关系，以次来提高文字的易读性；如果要让文字突出有冲击力，可以用对比色相和互补色相。如果背景与文字用对比色相，又要使版面调和，可以调整颜色的纯度和明度。要注意标题字和正文字的不同点，标题字号大，醒目，而文字字号小，排列密，可视性比标题字弱；因此，在相同的背景上，要提高正文字的易读性，必须加大正文字与背景色的对比。C、印刷和数码的色彩运用现代版式设计的实现是由印刷和数码来完成的，现在，印刷的相关软件的开发和先进印刷机的问世，使色彩的操作和运用比过去容易，表现力也比过去丰富和强劲。但作为设计师掌握印刷和数码的色彩处理原理和软件操作，还是十分重要的。CMYK用于印刷出片，RGB用于网页界面。专色印刷是设计某种独特的颜色而预先设置好的，一般有两种方式，一种是按照CMYK不同配比设置进行调制的。另一种是特制专色油墨，如金色、银色、荧光色、金属色、珠光色等。版面的构成要素平面构成的理论将世界万物，千姿百态的形象进行分解提炼概括得到形态的最基本元素点、线、面，正是点、线、面的组合构成，再与色彩的交融才构成了整个形态世界。点、线、面是一切造型的基础，也是版式构成的主要视觉语言。在平面设计师眼里一切形象都可归纳为点、线、面。一个字母、几个数字、可以理解为一个点或多个点；一行文字可以理解为一条虚线；一张图片或图形，一片空白则可以理解为各种不同形状的面；而版式设计就是在有限的版面空间中处理和协调好点、线、面的相互依存和相互作用的关系，组合出各种各样的形态，构成颇有新意和符合审美意识的新颖版面。点在版面中一组文字、一个标志或几个符号的位置不同、数量不同、大小不同、聚散的排列或不同的组合方式给人的感觉也不同。点在版面中的作用常常显示在这样几个方面A、在广告招贴的版面构成时，常根据点的注目性和位置的原理，利用点和空间的对比，安排图形和文字，以此来突出主题内容，突出视线。B、用小号文字连成不同性质的虚线，由说明文字组成的虚面，形成灰面；这些带有点性质的虚线和虚面，起到了平衡或变化版面构成的作用，灰面的形成使版面增添了层次，这种以点成线、成面的形式是版式设计最常用的形式。C、除此之外点还可以作为基本形，根据美的形式法则组合构成标志、图形用于招贴、包装、书籍杂志的封面等。线在版面设计中的表现形式有时是各种不同类型，不同粗细的实线；有时是点构成的虚线，有时是文字或符号构成的虚线；不同的排列方式，不同的明暗线给人的视觉和心理感受也不同。要结合主题思想运用线，关键在于掌握线的性格，因为，不同类型、不同性格的线条在版面中起的作用也不同。A、线在版面构成中除了性格在心理上起的作用外，线还有一些其他的重要作用，比如线封闭后能构成各种不同的形状也就是形的外轮廓是由线构成的。B、线有引导和指示的作用，因此在版面构成时常用线来引导读者的视线引起读者的重视。C、线不但能起引导作用，还能起分割限制作用，在内容较多的情况下，版面构成常常采用线条进行分割，使版面规范有条理，更便于阅读。面在版面设计中表现的形式比线更丰富、更多样，主要以图形和图片为主，标志、图案、各种不同类型的形状和文字组成的虚面，还有插画、照片等，再结合剪切、添加、重叠、虚化、褪底、色彩等处理手法和设计师的创意，使面的表现形式更加变幻莫测。面在版面构成中的作用，在某些方面与线有相似之处，但又有其独特之处。A、面的量感和体积感常在版面中起到稳定作用；B、在点、线变化较多的版面中，面能起到协调统一的作用；C、不同明度的面在版面中能起到丰富层次的作用。D、面有限制和醒目的作用，在版面设计中常用此方式来突出标题和文字；E、面可用多种方法来表现二维空间中的立体形态，使之产生三维空间感。点、线、面综合构成就是将文字、图形理解为点、线、面再遵照审美原理和构成法则，设计和安排好点、线、面在版面中的视觉流程，相互关系、空间位置、面积数量、大小明暗等。本次课教学要求深入理解版面设计中的视觉元素与构成元素，掌握它们版面中的不同表现形式和编排方法。本次课教学课件版式设计中的元素表达案例分析PPT本次课教学作业图文混排练习学生自己选择一个主题，在A4大小的色卡纸上采用剪贴与绘制结合的形式表现一个完整的版面。其中必须包括文字、图形、色彩三个视觉要素、体现出构成要素的特点。本次课教学总结通过理论、案例、实践掌握版式设计中元素的编排方法。第三部分版式设计的审美原理教学时间第一周第三天（上午）2课时本次课教学说明教学引平面构成所学的形式美内容，将其转入版面构成中来。在版面设计中灵活运用形式美。满足受众审美要求，从而达到版式设计的最终目的，准确传达信息，吸引受众眼球，视觉美的熏陶。本次课教学目的指导学生将所学的平面构成知识运用到版式设计中来。在学习中领悟优秀的版式案例。并能够知道以后的设计工作。本次课教学内容版式设计的审美原理也可以称之为形式感法则或装饰语境版面的形式美平衡静态美安定、大方、庄重、传统律动动态美有序、动感、活跃、现代调和统一美整体、成熟、典雅、高尚比例对比美节奏、理性、科技、现代一、平衡创造静态美1、对称式平衡各要素之间以一点为中心，取得左右或上下同等、同量、同形的平衡。对称的形式有以中轴线为轴心的左右对称，有以水平线为基准的上下对称，还有对称面出发的反转形式。其特点是庄重沉稳、高贵大气，给人以信赖感。2、非对称平衡即构成单元的性质不同而量感相等的平衡。可将文字图形按照大小、多少、色调、肌理、明暗等因素进行平衡编排。可以有效的避免平衡造成的版面呆板、单调，同时也不失稳重感。二、律动创造动态美在设计中，把握图文布局时的重复、渐大、渐小、渐短、渐明、渐暗等方式产生层次变化的排列，可形成一定的节奏与韵律，会使得整个版面富有艺术感染力。1、重复将相同或相似的形、色构成单元，做有序的排列构图。它在版面中可将离散的视觉元素串联成整体，同时重复的元素也会形成视觉强势。2、渐变将重复的单元通过渐大、渐小、渐短、渐明、渐暗等方式产生层次变化的排列，能产生律动的美感，富有韵律。三、调和创造统一美对画面中的图、文、色等各元素从形态、色调、肌理、明暗等方向上进行协调编排，以实现版面统一的视觉风格。调和易出现亲切、秩序、理性、成熟的气质，可构成元素之间形成相互配合，相互兼容的协调关系。1、形的调和使用相同、相似的形态进行虚实、平衡的统一安排。2、色的调和使用低对比的色相、饱和度、明度的色彩形成协调一致的色调。四、比例创造对比美比例是整体与局部以及部分与部分之间数量的一种对比率，又是一种几何语言和数比词汇来表现现代生活和科技的抽象艺术形式，往往体现一种理性、现代、科技之美。形与色失去比例无序的对比，会使人感觉混沌、幼稚、凌乱所以合适的比例关系可产生出对比美。五、和谐，美的最高标准在现代商业设计中，无论形式是平衡还是律动；是调和统一还是比例对比，只要形式符合主题就会产生和谐美。相应得到准确、有效的传播定位。黑、白、灰的定律（留白）“计白当黑”作为传统审美观念的基础，是中国画论对二维空间利用的高度概括。在编排设计中，“黑”是我们通常说的图形文字，是可看可知的部分；“白”是版面未放置图形文字的空间，它是虚的表现手法，它与图形文字一样，具有同等重要的作用，这种元素具有独立的审美价值。留白是为了烘托主题，“黑”与“白”相互依托，又可称正负形的互相融合。我们设计的内容是“黑”，斤斤计较的却是虚空的“白”。空白的形式、大小、比例决定着版面的质量。“白”的版面作用可以使版面感到轻松、引人注意。黑白之间的虚实相生，没有绝对的分界线，相互派生，相互融合，具有视觉冲击力。“疏可跑马”是指版面要大胆的留出空白。“密不透风”指版面上图形或文字要构成团块，具有整体统一的秩序感。现代设计崇尚简约，黑、白、灰是一种特殊的色彩语言，应该从广义上把握黑、白、灰三色。即把一切色彩归纳为黑、白、灰三色，这三种颜色是对世间色彩的抽象、综合的概括。黑与白是色彩的两个极端，既能概括一切中间色，也能概括对比色。它单纯、醒目。设计中字与字、行与行之间的空白的方向、大小是设计师最为关注的角度之一，它可以自由的发挥，产生更高的审美情趣。此三色的调动，是现代设计的诀窍，感觉最敏锐的是白色，最迟钝的是灰色，介于两者之间的黑色。白色是版面上的近景，黑色是中景，灰色是远景。准确的把握黑、白、灰三者比例版面会获得意想不到的响亮效果。它是具有与实体同等价值的表达元素。1、空白的简洁美现代设计崇尚“少即是多”的原则，尽可能以极少的元素进行设计，使版面简洁明了又丰富细腻，极简的极致就是空白，利用空白元素进行设计，通过对其形状、位置的不同组合，产生千变万化的效果，却又具有简明扼要的美感。2、空白的淡雅美白色给人一种素雅的美感，在版式编排设计中恰当地运用空白元素，给人以不施粉黛，天然雕琢的质朴美感，可给人以素雅的审美享受。3、空白的轻松美现代社会的快节奏，给人以阅读上的休息与轻松，是一个重要的设计目标。编排中的空白，犹如音乐中的休止符，给人一个停顿以转换到下一个章节。4、空白的想象美编排中留出空白的位置，可给读者提供想象的空间，产生一种神秘感与回味感。版式设计的审美是判断一个版面设计好坏的一个重要评判标准，这个标准需要把握以下几点1、对称与均衡2、对比与调和3、节奏与韵律4、秩序与变异本次课教学要求复习平面构成知识，将其运用到实际设计中来。对版式设计中的审美原理加强记忆。能够辨别优秀作品的品质。本次课教学作业通过形式感法则中所学到的理论知识，修改图文混排作业。本次课教学总结理论指导实践，将编排元素结合形式美法则，得到艺术性强的版面作品。第四部分版面视觉流程与编排的基本类型教学时间第一周第四天（上午）2课时本次课教学说明通过对版面视觉流程的分析和实践，让学生知道在设计过程中怎样去运用视觉流程的技巧划分版面内容的主次关系。具体学习编排类型方法，辅以练习。达到学以致用的目的。本次课教学目的使得学生深刻认识版面中的视觉流程规律，遵照视觉流程规律加以具体编排类型进行实践练习，从练习中初步掌握版式设计方法。本次课教学内容一、编排的视觉流程（配课堂演示分析图例）视觉流程人的视线在画面上移动的轨迹。这是因为人的视野极为有限，不能同时感受所有的物象，必须按照一定的流动顺序进行运动，来感知外部环境。版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。这种视觉在空间的流动线