版式设计教案

教案首页专业：计算机广告制作科目:版式设计授课人：授课日期授课班级计划课时实用课时审批签字19计算机广告高级班4课题概述教学目的让学生熟悉版式设计的应用范围与功能了解版式设计的三大要素了解版式设计原则主要教学内容版式设计的应用范围与功能版式设计的三大要素版式设计原则重点了解版式设计的三大原则和设计原则难点掌握版式设计的三大原则和设计原则教学方法讲解法、讨论法、分析法、示范法、练习教具计算机所用教材《版式设计》人民邮电学出版社备注

教学过程第1页教学环节组织教学1.检查各机位表的就座情况，进行考勤并登记；2.及时给电脑有故障的个别学生调整机位，做好学习准备。创设情景引入新内容（讲解、讨论）1．说明这个章节主要学习什么2．这个章节的教学安排讨论问题：1、版式设计主要运用在设计哪个领域？2、版式设计的三大要素有什么一、新课程讲解内容（讲解、分析）1.1概念版式设计，也称编排设计。是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字，图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。1.2应用范围与功能应用范围······书报杂志，宣传画册，网页设计等功能版式设计的功能主要体现在通过版面元素的编排达到信息传达的目的，文字的编排能够保证阅读的流畅，并且通过编排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉。2、版式设计三大视觉要素文字、图形、色彩版式设计原理版式设计原理1文字主题内容（标题，正文，注解等离不开文字，通过文字获得主要信息。）设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使人感到愉悦，帮助阅读和理解。2图形或者图像图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。这并非语言或者文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，可以使得版面立体，真实。文字版中加入图形图像立即引起视觉流程的变化。图形的形式、大小和数量影响读者注意力。3色彩在版面设计中，色彩总是至少成双出现的，即使是黑色的字，在白色的底面上，也成了黑白对比的色彩效果，而不同的配色，带给我们不同的视觉心理感受，好的配色同样可以起到引导交流信息的效果。3、版式设计原则思想性与单一性艺术性与审美性趣味性与独创性整体性与协调性3.1思想性与单一性版面设计本身不是目的，设计是为了更好的传播客户信息的手段。一个成功的版面设计，首先必须明确客户的目的，并深入了解，观察，研究与设计相关的方方面面。版面离不开内容，更要体现内容的主题思想，用以增强读者的注意力和理解力。只有做到主题鲜明，内容清晰，才能达到版面设计的最终目标。3.2艺术性与审美情趣主题鲜明的版面布局和表现形式等成为版面设计的艺术核心。怎么才能达到有创意，形式美，变化又统一，具有什么情趣，这就取决于设计者自身的文化内涵和不断的学习过程。3.3趣味性与独创性版式设计中的趣味性，主要是指形式上的情趣。如果版面本无多少精彩的内容，就要在创作中运用艺术手段，使版面增加趣味性，从而更吸引人更打动人。趣味性可采用寓意，幽默，和抒情等表现手法来实现。独创性实质上是突出个性化特征的原则。鲜明的个性是版面设计的创意灵魂。3.4整体性与协调性通过版面图文间的整体组合与协调编排，使得版面具有秩序美，条理清晰，从而获得良好的传播效果二、作业布置在网上搜索三张自己觉得漂亮的版式设计，并将其按原图绘制出来。三、作业评讲三、本章节总结版式设计主要应用在哪些地方，它的三大要素有什么，设计原则有哪些。

教案首页专业：计算机广告制作科目:版式设计授课人：授课日期授课班级计划课时实用课时审批签字19计算机广告高级班8课题版面设计的编排形式教学目的让学生熟悉版式设计的编排形式了解版式设计的基本类型了解版式设计的网格系统主要教学内容版式设计的编排形式版式设计的基本类型版式设计的网格系统重点学生明白版式设计的编排形式、版式设计的基本类型和版式设计的网格系统难点掌握版式设计的编排形式、版式设计的基本类型和版式设计的网格系统教学方法讲解法、讨论法、分析法、示范法、练习教具计算机所用教材《版式设计》人民邮电学出版社备注

教学过程第1页教学环节组织教学1.检查各机位表的就座情况，进行考勤并登记；2.及时给电脑有故障的个别学生调整机位，做好学习准备。创设情景引入新内容（讲解、讨论）1．说明这个章节主要学习什么2．这个章节的教学安排讨论问题：1、版式设计的编排形式是怎样的2、什么是版式设计的网格系统一、新课程讲解内容（讲解、分析）1、版式设计的编排形式版面的排列主要表现为版面上各类元素的和谐搭配，在编排的过程中必须做到信息传达的逻辑关系一致、主次分明，表现合理。版面的主要元素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面又提高了传达信息的功能。版式的排列类型版面的大小比例对称对称画面的特点是使画面统一、庄严，给人高品质、可信赖的感觉。均衡是在视觉上给人左右平衡的感觉，但是不对称。对称与均衡的结合可以使整个版面变的更趣味性，具有生动、活泼、明确的视觉效果。对比和平衡对比可以是形态上的也可以是色彩和质感上的。对比使画面具有明了、强烈的视觉效果。平衡是一种相对的稳定状态，在版式设计中主要表现为版面的上下左右比例适中，左右版面接近均衡的版面结果，在视觉上给人平衡稳定的视觉效果。四边和中心在版面结构布局上，四边与中心有着潜在的重要性。四边是指版心边界的四个点，把四边连接起来的斜线即对角线，交叉点就是中心。编排的时候通过四边和中心结构使版面更具多样化视觉效果。破型“破”是指打破拘束、打破平衡、增添动感的手法。破型的版式表现应注意把持这个尺度，不能太过，必须考虑到受众是否能够辨别出并从中获得信息，这才是版式设计的主要目的所在。2、版式设计的基本类型满版型版式设计满版型主要以图片传达信息，以图片充满整个版面。在视觉传达上直观，表现强烈。根据版面的需要，文字的位置编排在版面的上下、左右、中心点上，层次清晰传达信息准确明了。满版型给人大方、直白的感觉，常用于平面广告中。分割型版式设计分割也是版式设计中重要表现手法，分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，形成另一种风格的版式。倾斜型版式设计倾斜型版式设计主要表现为：版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。三角型版式设计正三角形自古以来都是象征稳定的图形，在版式设计中，正三角形的版式设计给画面更稳定、更安全、值得信赖的感觉。曲线型版式设计曲线型版式设计就是在一个版面中图片或文字在排列结构上作曲线的编排构成，所产生的节奏和韵律。曲线版式设计具有一定的趣味性，让人的视线随着画面上元素的自由走向而产生变化。自由型版式设计自由型版式设计在版面结构中采用无规律、随意地编排构成，使画面产生活泼、轻快的感觉。版式设计的网格系统网格构成是现代版式设计最重要的基础构成之一。作为一种行之有效的版面设计形式法则，将版面中的构成元素点、线、面协调一致地编排在版面上。网格作为版式设计中的重要基础要素之一，构建出良好的骨架是很重要的。在版式设计中，一个好的网格结构可以帮助人们在设计的时候根据网格的结构进行版式设计。在编排的过程中有明确的版面结构。网格系统的作用（1）网格具有版面需求性（2）网格具有信息组织的功能性（3）网格具有阅读的关联性网格的类型对称式网格的目的主要是组织信息，平衡左右版面的作用。对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚至多栏网格等。非对称式网格非对称网格是指左右版面采用同一种编排方式，但是在编排的过程中并不像对称网格那样绝对。非对称网格形式在编排的过程中，根据版面需要调整版面的网格栏的大小比例。使整个版面更灵活，更具有生气。基线网格通常是不可见的，但它却是平面设计师的基础。基线网格提供了一种视觉参考，它可以帮助版面元素的准确编排与对齐页面，是凭感觉无法达到的版面效果。网格的建立一套好的网格结构可以帮助设计师明确设计风格，排除设计中随意编排的可能，使版面统一规整。设计师可以利用两者的不同风格来编排出灵活性较大，协调统一的版面构成设计。网格的编排形式（1）多语言网格编排（2）说明式网格编排（3）打破网格二、作业布置制作一张菜单，双面的，仿照自己认为比较好的形式，将其设计出来。三、作业评讲三、本章节总结版式设计的编排形式版式设计的基本类型版式设计的网格系统

教案首页专业：计算机广告制作科目:版式设计授课人：授课日期授课班级计划课时实用课时审批签字19计算机广告高级班12课题文字的编排构成教学目的让学生知道字体与版式设计的关系了解版面设计中的文字部分设计方式有哪些主要教学内容字体与版式设计版面设计中的文字部分设计重点版面设计中的文字部分设计方式和原则难点掌握版面设计中的文字部分设计方式教学方法讲解法、讨论法、分析法、示范法、练习教具计算机所用教材《版式设计》人民邮电学出版社备注

教学过程第1页教学环节组织教学1.检查各机位表的就座情况，进行考勤并登记；2.及时给电脑有故障的个别学生调整机位，做好学习准备。创设情景引入新内容（讲解、讨论）1．说明这个章节主要学习什么2．这个章节的教学安排讨论问题：1、文字和版式设计有什么关系？2、文字在版式设计中处在一个什么样的位置？一、新课程讲解内容（讲解、分析）1、字体与版式设计1.1、字体设计的概念：对文字的象形、意形、字母按视觉传达规律加以整体考虑的设计，是通过对字形、字意、字音的联想，以意念思维所创造的新的文字造型形象，有着很高的审美价值，具有可读性、趣味性、识别性，是现代视觉传达的重要语言之一。1.2、字体编排设计：将句子或文章有序地、有层次地、有疏密对比地编排。字距、词距、行距的编排（1）汉字编排——一般较规则的说明文字：行距=¾字高、比字间距略宽（2）拉丁字母大写行距=½字高拉丁字母小写行距则以上下伸出部分不碰到为原则。（3）特殊要求是，可根据需要调整。文字编排形式竖排式、横排式、斜排式、曲线式、渐变式、重叠式、分离式（2）文字的格式编排形式竖排式、横排式、斜排式、曲线式、渐变式、重叠式、分离式文字的头尾编排形式齐头散尾式、散头齐尾式、齐头齐尾式、中轴分离式、分插式自由式齐头散尾式、散头齐尾式、齐头齐尾式、中轴分离式、分插式自由式（3）图形化的文字编排运用大量的文字组成平面的，或立体的图形，其图形化的文字编排能够形象地传达出文字的内容，从而增强视觉的趣味性。在版式设计中，文字的设计十分重要精准细致的字体表述内容的版式，给人以清晰、明朗和高贵的感觉。2、版面设计中的文字部分设计（1）主要内容的文字设计注意：在文字体式、色彩上不需要过多的变化；常用字体：黑体、等线体、罗马体简洁和通俗的排版更有利于阅读。（2）版面中的文字与留白留白：在平面设计中讲究在版面中留有适当的，既无图形亦无文字的空白部分。（3）文字与文字A标题文字经过专门的设计来表现B正文文字字体一般不要求过多的变化。C标题、正文、说明常是穿插应用的标题>正文>说明文字（4）文字与插图并列关系：文字与插图并列排列包容关系：文字绕图的形式（5）文字与色彩标题：较合适作色彩处理正文：需要更含蓄委婉二、作业布置学生制作一个西餐厅的三折页，并按照要求，寻找自己适合的风格模式去制作出来。三、作业评讲三、本章节总结字体与版式设计版面设计中的文字部分设计

教案首页专业：计算机广告制作科目:版式设计授课人：授课日期授课班级计划课时实用课时审批签字19计算机广告高级班12课题图形的编排构成教学目的让学生知道版式设计中的图形有不同的特征主要教学内容图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。重点图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。难点掌握各种图形特征并应有教学方法讲解法、讨论法、分析法、示范法、练习教具计算机所用教材《版式设计》人民邮电学出版社备注

教学过程第1页教学环节组织教学1.检查各机位表的就座情况，进行考勤并登记；2.及时给电脑有故障的个别学生调整机位，做好学习准备。创设情景引入新内容（讲解、讨论）1．说明这个章节主要学习什么2．这个章节的教学安排讨论问题：1、图形和版式设计有什么关系？2、图形的特征有哪些？一、新课程讲解内容（讲解、分析）图形可以理解为一切图和形。图形以其独特的想象力、创造力及超现实的自由构造，在排版设计中展示着独特的视觉魅力。在国外，图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用，日益被人们所认同。今天，图形设计师已不再满足或停留在手绘的技巧上，电脑新科技为图形设计师们提供了广阔的表演舞台，促使图形的视觉语言变得更加丰富多彩。图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。1、图形的简洁性

图形在排版设计中最直接的效果就是简洁明了，主题突出。2、图形的夸张性夸张是设计师最常借用的一种表现手法，它将对象中的特殊和个性中美的方面进行明显的夸大，并凭借于想象，充分扩大事物的特征，造成新奇变幻的版面情趣，以此来加强版面的艺术感染力，从而加速信息传达的时效。3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中，以写实性与装饰性相结合，令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者，使版面构成一目了，深得读者尤其是儿童的广泛喜爱。图形的抽象性抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成，是规律的概括与提炼。所谓“言有尽而意无穷”，就是利用有限的形式语言所营造的空间意境，让读者的想象力去填补、去联想、去体味。这种简炼精美的图形为现代人们所喜闻乐见，其表现的前景是广阔的、深远的、无限的，而构成的版面更具有时代特色。5、图形的符号性在排版设计中,图形符号性最具代表性,它是人们把信息与某种事物相关联,然后再通过视觉感知其代表一定的事物。当这种对象被公众认同时,便成为代表这个事物的图形符号。如国徽是一种符号,它是一个国家的象征。图形符号在排版设计中最具有简洁,醒目,变化多端的视觉体验。图形的文字性文字的图形化特征，历来是设计师们乐此不疲的创作素材。中国历来讲究书画同源。其文字本身就具有图形之美而达到艺术境界。以图造字早在上古时期的甲骨文就开始了。至今其文字结构依然符合图形审美的构成原则。世界上的文字也不外乎象形和符号等形式。所以说，要从文字中发现可组成图形的因素实在是一件轻而易举之事。它包含有图形文字和文字图形的双层意义。二、作业布置学生制作一个中餐厅的菜谱，并按照老师给出的各种规格，将其完整制作出来。三、作业评讲三、本章节总结图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。设计是紧跟潮流的，时尚的，永恒的创造美，需要我们每个人首先有双发现美的眼睛，不要试图妄想在很短的时间内能成为大师，多做练习，多欣赏，才会有实质性的进步。教案首页专业：计算机广告制作科目:版式设计授课人：授课日期授课班级计划课时实用课时审批签字19计算机广告高级班4课题版式设计欣赏教学目的让学生懂得怎么样的版式设计才是好主要教学内容欣赏好的版式设计并分析重点欣赏好的版式设计难点如何确认作品的好坏教学方法讲解法、讨论法、分析法、示范法、练习教具计算机所用教材《版式设计》人民邮电学出版社备注

教学过程第1页教学环节组织教学1.检查各机位表的就座情况，进行考勤并登记；2.及时给电脑有故障的个别学生调整机位，做好学习准备。创设情景引入新内容（讲解、讨论）1．说明这个章节主要学习什么2．这个章节的教学安排讨论问题：1、图形和版式设计有什么关系？2、图形的特征有哪些？一、新课程讲解内容（讲解、分析）二十世纪初，随着工业化的迅速发展，资本主义经济的形成，欧洲和美国的经济基础及产生关系得到根本的改变，也影响了20世纪全世界人民物质文明的“现代主义”设计观念。短短的几十年间，它影响了人们几个世纪以来在平面设计的思想意识、审美观念，以及艺术创造的目的都得到了根本的改变。2二十世纪的艺术主要经历四个时期2.1第一个时期：主要以立体主义、未来主义、达达主义、超现实主义、装饰主义为代表。2.2未来主义

未来主义运动起于20世纪初意大利在绘画、雕塑、和建筑的一场设计运动，主张对工业化极端膜拜和高度的无政府主义，反对任何传统艺术形式，蔑视社会文化的文明，极端地追求个性自由，探索在时间、空间与机械美学的表现。在版面编排上未来主义鲜明地提出反对严谨正规的排版的方式，提倡自由组合，即编排无重心无主次，杂乱无章，字体各异的散构甚至完全散乱的无政府主义的形式。2.3达达主义由于人们对战争的厌倦以及对战后社会前途的失望和迷茫，在欧洲和美国表现出来的高度无政府主义思想的艺术运动，在艺术观念上，强调自我，反理性,认为世界没有任何规律可遵循，所以表现出强烈的虚无主义特点：随机性和偶然性，荒诞与杂乱。达达与未来主义在编排设计上有相似之处，在于用照片和各种印刷品进行拼贴组合再设计，以及版面编排上的无规律化、自由化相互矛盾化的形式。2.4超现实主义一战后，人们普遍对社会的一种悲观和茫然而出现的虚无主义思想，超现实主义即在这样的背景下在欧洲出现的另一个重要的现代主义艺术运动。认为社会的表象是虚伪的，创作的目的是重新寻找和了解社会的实质，认为无计划的、无设计的下意识或潜在的思想动机更真实，如用写实的手法来描绘拼合荒诞的梦景或虚无的幻觉。超现实主义对于现代平面设计的影响是对人类意识形态和精神领域方面的探索，为日后现代主义在观念表现上有创造性的启迪作用。3第二个时期：以一战后兴起的俄国构成主义、荷兰风格派、德国包豪斯三个重要的设计运动为代表。3.1现代主义设计二十世纪二、三十年代，在欧洲出现了重要的三个核心的运动，即俄国的“构成主义”、荷兰的“派风格”，德国的“包豪斯“，这三个运动成为了现代设计思想和形式的基础。俄国的“构成主义”在意识形态上提出设计为无阶级服务的运动，荷兰的“风格派”运动则是基于美学原则探索的单纯美学运动，而德国的“现代设计”运动发展到以包豪斯为代表的学院派风格。这三个运动，他们相互影响，特别是荷兰风格派的重要人物与俄国的构成主义艺术家和设计家参与包豪斯设计创作工作，也影响了欧洲各国各种艺术流派，形成和搭起了欧洲现代主义设计观念的结构。战后影响到世界各地，成为战后“国际主义的基础”。3.2构成主义俄国构成主义运动是俄国十月革命胜利后在俄国出现的一次前卫艺术运动和设计运动。构成主义设计将抽象的图形或文字作为视觉传达的元素和符号进行构成设计，版面编排常以几何的形式构成，同时也带有未来主义、达达主义自由拼合，无序的特点，但在整体上构成主义更讲究理性的规律，强调编排的结构、简略的风格以及空间的对比关系。俄国的构成主义为现代主义的设计奠定了基础。3.3风格派荷兰的“风格派”的思想和形式来源于蒙德里安的绘画探索，他以高度理性，数字化的逻辑思维来创造和谐的新次序，画面上简洁到只有纵横分割的几何形方块和鲜明的色块。”风格派“在平面设计上的特点是：1、高度的理性化，完全采用简单的纵横编排方式，除纵横的几何分割块外，没有其他装饰；2、字体完全采用无装饰线体；3、版面编排采用非对称方式，但追求非对称的视觉平衡；4、尝试在版面上进行直线的骨骼分割构成，形成了被称为“瑞士骨骼的编排法”。3.4包豪斯包豪斯的平面设计风格是在俄国的构成主义、荷兰的“风格派”和德国的现代主义设计的影响下，综合发展和逐步完善形成的。包豪斯学院应该是被称为世界上第一所完全为设计教育设立的学院，并也成为欧洲现代主义设计运动的交汇中心，它的设计思想理论和风格基础影响了半个世纪对现代设计的探索与研究，另外它对现代教育的影响也是巨大的，研究并形成了一套完整的、严格的设计基础教学的思想体系，并一直影响到今天的设计教育。4.第三个时期:为二战后五十年代至七十年代的国际主义主导设计风格。国际主义平面设计风格二战后，从德国战前发展起来的国际主义设计成为西方国家设计的主要风格，后影响到世界各国。国际主义设计运动在二十世界50、60、70年代风行一时，影响到设计到建筑、平面设计、产品设计等方面，成为主导世界的设计风格。国际主义风格在平面上的贡献，研究出了骨骼排版法，即将版面进行标准化的分割，将字体、插图、照片等按照划分的骨骼编排在其中，取消编排的装饰，采用朴素的无线装饰字体，采用非对称的版面编排。国际主义在形式上以“少则多”的减少主义的特征为宗旨，其特点是高度的功能化，标准化、系统化、反装饰的排版风格,简明扼要的视觉形式，有利于国际化的视觉传达功能，因此很快被世界各国采用。但这种风格过于严谨刻板，版面单调、冷漠而缺乏生气。这一时期，国际主义的设计家们对于无线字体进行了深入的研究，如笔画的粗细、字号的大小，以及字角的细节变化等都得到了新的创造，有的字体已被采用作电脑字体。5第四个时期:为六十年代至今开始的后现代主义平面设计表现形式以及电脑、网络多元化媒体传达。后现代主义的设计风格如果说把二战前的社会称为“工业化社会”，而战后的，二十世纪60年代末则被称为“后现代社会”。后现代主义也是从建筑设计开始发展起来的，与现代主义的比较，依然是宗旨一致、风格接近。从意识形态上看后现代主义是对现代主义、国际主义设计的一种装饰发展。反对“少则多”的减少主义风格，主张以装饰的手法来传达视觉上的丰富，而不是单调的功能主义为中心。二十世纪80年代到90年代，电脑技术、数码技术、信息媒体的迅猛发展，改变了