《新版《版式设计》教案与计划表.doc》由会员分享，可在线阅读，更多相关《新版《版式设计》教案与计划表.doc（22页珍藏版）》请在三一办公上搜索。
1、版式设计教案课题名称版式设计授课教师： 班 级授课时间：教学目的其内容主要涉及到对书籍、报刊等正文内容的格式进行编排和设计具体为对正文文字的选择、排列、图片的设计编排、书眉、中缝样式的安排 从而使其内容更清晰明了章节层次结构分明。教学内容1、版式设计基础知识（要求与设计原则）2、版式的基本类型3、文字、图形、色彩的编排构成4、版式设计的趋势教学重点版式设计的基本类型教学难点文字、图形、色彩的编排构成教学方式讲授、赏析、实训、点评、多媒体示范、应用。学 时48作 业个人作品集一套第一章 版式设计基础知识课题名称版式设计授课教师： 班 级授课时间：教学目的了解版式设计原则，可运用构成形式设计简单版
2、面教学内容1、概述2、版式的原则、原理3、版式的形式法则教学重点版式各要素的认知教学难点编排构成特点教学方式讲授、赏析、实训、多媒体示范、学 时2作 业安装字体、寻找资料名片、简单版面的设计安排，教学过程新课导入：各类设计行业与版式设计息息相关，引领着人类审美的潮流信息时代图文时代准确的定位、缜密的文案，漂亮的图色传达信息引起消费者的共鸣，促进其购买欲望，最终为企业赢得利润或达到一定社会效应。一、 概述1、定义版式format 指书刊等的版面格式版面（报刊、书籍的一）整页所谓版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合；将理性思维，个性化地表现出来一种具有个人风格和艺术特色的视觉
3、传送方式传达信息，同时，也产生感官上的美感版式设计的范围，涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各领域。2、基本理论：版心：书籍每一页的正文文字从左到右、从上到下所占用的版面位置; 天头、地脚:书籍每一页版心之外上下部所留下的空白; 书眉、中缝: 印在每一页版心之外的书名或篇名等主要作用是方便读者查找翻阅及活跃版式。印在书籍天头靠版心的位置的内容为书眉;直排正文印在书籍切口处的内 容为中缝。 插图、插页: 插图、插页对书籍都起到丰富版式、规范书籍内容总体构、装饰形式、提示内容等作用。 视觉度相对于文字、图像产生的视觉上的强度叫做视觉度。明快的插图给
4、你最强烈的印象，所以视觉度较高。风景照的视觉度较低。图版率占据版面的图和文章的面积比叫做图版率。没有图的版面让人窒息。多用于工具书。加入图片，文章也有生气。图像的跳跃率图像在整个画面中的面积叫图像的跳跃率，它没有一个固定的计算标准，通常视版面的大小而定。和文字不同，图像的跳跃率不能单凭放大图像。例如表现静态的图像，如果放大，也只能是更强调它的安静。图像跳跃率的效果在于起伏和协调的格局。网格约束率在开始版面设计之前，首先应做好版面用纸。画出大致的范围。这个限定范围的线条叫做网格约束。原则上，版面设计中照片和标题的位置由网格线来决定。这样设计出来的版面由网格约束起来。当然，也可以无视网格线条，进行
5、自由配置，形成脱离网格的自由风格。有格调、庄重的版面可多采用网格固定的版面。脱离网格约束的自由设计，很难保持平衡。如果不是训练有素的设计师，很容易设计成劣质品，需要注意。挖版和角版角版是网格约束型，挖版是自由型。两者结合运用，能产生各种对比效果。版面率版面用纸都会有一定幅度的空白，叫留白。留白内侧放文字的空间叫做版心。版心所占的面积叫做版面率。版面率越高，天地左右的空白就越少。表现高品质、高质感的商品需要大面积的空白。适当减少空白，放入很多的内容，给人信息量大的感觉。我们在日常接触的印刷品中，版面率最高的是报纸。其次是杂志。它们都是以大信息量来吸引消费者。文字构成的三种类型文字组合有三种类型，
6、根据类型决定表现的印象。A、标准齐行型 合理的、标准的、面向商业的。B、居中型 优雅的、高品质的、高格调的。C、自由型 自由的、随意的、有活力的。二、版式设计的原则：1、主题突出一个成功的版面设计不是设计师个人风格的自我陶醉，而是在明确客户目的的基础上对内容的完美体现。方法一，按照主从关系的顺序，使产品本身成为主体形象，占据版面的设计中心。方法二，使主体处在被强调的位置上，如主体周围增强空白，或处理成前明后暗的效果。方法一 方法二2、简明易懂由于平面类的设计只能在有限的空间里与读者交流，这就要求版面单纯，简洁，通过对信息的浓缩处理，精炼表达内容，形成新颖的构思。 3、内容和形式的统一只讲内容，
7、没有美感的编排呆板、空洞，脱离内容只讲形式则更糟糕。4、整体协调a 加强结构的方向感和秩序感，增强视觉的冲击力。 b 加强文案的合理性，条理性c 运用同一因素时可以采取不同表现形式三、版式设计的造型原理点、线、面是三种基本元素，组成视觉空间，任何复杂的版面都可以简化为点、线、面的构成。1、点点是指版面中较小的形象，点在版面中会给人静止而稳重的感觉；如果点在版面的左方或右方会产生向中心运动的趋势；在上方或下方会产生上升或下降的趋势。 2、线线具有位置，长度，宽度，也有方向，形状的属性。性格：直线简明醒目，曲线幽雅，抛物线具有速度感。象征性：水平线平和安宁，垂直线庄重稳定，斜线活泼有动感。3、面面
8、具有明显长度和宽度，由于占的面积最多，视觉上比点，线更强烈，一般可分几何形和自由形两类。 4、版式中的空间构成版式设计中应该能体现视觉的空间感，而不应仅仅是二维效果的体现，只有这样才能保持作品的生命力a 通过比例展示空间b 通过黑，白，灰的关系展示空间 c 通过位置关系展示空间d 疏的编排近，密的编排远。5、最佳的视线与视觉流程重要的信息放在引人注目的位置上，版面的上侧注意力强于下侧，左侧强于右侧，左上部和中上部被称为“最佳视线。当人们在阅读时，视线由左上角沿一条自然的弧线，向右下方流动，越向下，注意力越下降，这跟弧线上的点比起线外的点更具有明显的运动特点，这一无形的流动线我们称之为为视觉流程
9、。一个成功的视觉流程应该是符合一般视觉原理和读者普遍的认识心理的，这样的视觉流程才具有逻辑性强，主次分明的特点。四、版式设计形式法则1、对称与均衡前者给人安全稳定、庄重、严肃、正规感。2、对比与调和强对比：活跃鲜明，调和：柔和、安详、雅致、单调3、节奏和韵律利用疏密、聚散、重复、连续、条理、渐变等手法实现的4、比例与分割5、空白与疏密作业安排：1、 自己的名片设计制作2、 单页小结：根据优秀名片赏析，总结优秀作品的版面安排方式，设计制作自己的名片，这样可在提高学生审美的基础上，进行实践练习巩固。第二章 版式设计基本类型课题名称版式设计授课教师： 班 级授课时间：教学目的可运用版式设计各种类型进
10、行图文的编排，掌握其方式并能进一步灵活运用。教学内容1、骨骼型2、满版型3、上下、左右分割性5、中轴型、曲线形6、曲线、倾斜型7、对称型、重心型8、三角形、并置型9、自由型教学重点常见类型会运用教学难点排版过程中的规律运用教学方式讲授、赏析、实训、多媒体示范、学 时2作 业单页版面的设计安排，教学内容导入新课 版式的基本类型大致有骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。骨格型：规范的、理性的分割方法。常见的骨格有竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。图片和文字的编排上，严格按照骨格比例进行编排配置，给人
11、以严谨、和谐、理性的美。骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。 骨格型 骨格型 满版型满版型：版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像上满版型，给人大方、舒展的感觉。是商品广告常用的形式. 上下分割型：整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字.图片部分感性而有活力，而文字则理性而静止. 上下分割型 上下分割型 左右分割型 左右分割型左右分割型：整个版面分割为左右两部分，分别配置文字和图片.左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称
12、）上的问题，不如上下分割型的视觉流程自然.。如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐. 中轴型：将图形作水平方向或垂直方向排列，文字配置在上下或左右.水平排列的版面，给人稳定、安静、平和与含蓄之感.垂直排列的版面，给人强烈的动感. 曲线型：图片和文字，排列成曲线，产生韵律与节奏的感觉. 曲线型 曲线型 倾斜型倾斜型：版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目.对称型：对称的版式，给人稳定、理性、理性的感受对称分为绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨对称一般以左右对称居多 重心型：重心型版式产生视觉焦点，使其更加突
13、出，有三种亚型直接以独立而轮廓分明的形象占据版面中心向心视觉元素向版面中心聚拢的运动离心犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动 三角型：在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素 并置型：将相同或不同的图片作大小相同而位置不同的重复排列并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感 自由型：无规律的、随意的编排构成。有活泼、轻快的感觉。四角型：版面四角以及连接四角的对角线结构上编排图形。给人严谨、规范的感觉。版式设计的基本步骤：确定主题（需要传达的信息）寻找、收集用于表达信息的素材含文字、图形图像文字表达信息最直接、
14、有效，应该简洁、贴切应该根据具体需要确定视觉元素的数量和色彩（黑白、彩色色系）确定版面视觉元素的布局（类型）使用图形图像处理软件进行制作第三章 文字、图形、色彩的编排构成课题名称版式设计授课教师： 班 级授课时间：教学目的各类文字、图形、色彩的表现方式及选择教学内容1、文字的编排2、图形的编排3、色彩的搭配教学重点文字的编排教学难点图形、色彩的编排教学方式讲授、赏析、实训、多媒体示范、学 时10作 业以文字、图形为主的版面设计教学过程导入新课 文字是最直接清晰、准确传达信息的一种方式一、文字的编排：1、文字的跳跃率以正文为基准，以最大标题的字符、字高为计算的比例叫文字的跳跃率。降低跳跃率给人高
15、品质，高格调的印象。提高跳跃率则给人强烈的视觉度，反映一种健康愉悦的印象。不高不低，就不会让人立刻产生印象。很难达受到理想的效果。2、字体印象字体的选用、粗细、大小决定了样式的效果A、传统字体：楷体、行书、隶书、舒同体、魏碑、仿宋B、过渡字体：宋体C、现代字体：黑体及等线体黑体字：新鲜，富于理性色彩。是现代设计中应用最为广泛的字体等线体：极简的字体风格。特别适合段落性文字宋体字：稳定的、中庸的，给人典雅，肃穆之感书法体：传统、保守的新书体：新潮的、轻松的正文的大小：一般可控制在9pt 12pt（磅）左右。过大会显得笨重，特别是中文。但过小就会造成阅读时的困难。字距和行距：标准行距是文字大小的2
16、/3。过于紧缩，给人低品质的感觉，不易阅读。空隙过大，则显得空洞。3、标题文字主标题：醒目、突出主题（适当设计）副标题：对主标题的补充说明装饰线：突出，衬托大标题。4、视觉层次一个版面中，以3种以内字体为佳，多则乱，少则呆。色调：相近色，同色系色调统一，能突出主题，整体统一。5、文字编排形式（1）、左右均齐：严谨、美观、端正。（2）、居中对齐：视线统一、左右错落有致、有节奏、韵律。（3）、齐左、齐右：统一与变化共存。 图文绕排（4）、图文绕排：自然融洽、生动。（5）、图形化排列 色调：相近色，同色系色调统一，能突出主题，整体统一。二、图形编排形式 图形在版式设计中有着重要意义，它以形象的方式被
17、瞬间接受和评价，视觉冲击力比文字强85%。俗话说，一图胜千字，这并非指文字表达力弱，而是指图形能超越文化、语言、民族诸多差异，一些用文字难以传达的信息、感受、思想，借助图形可迅速传达。 图形包括照片和插图。照片直接、写实、庄重、细腻，可根据创意需求、版面位置需要对其进行剪切、取舍、改善，要注意照片与内容主题、风格的内在联系。插图以独特的想象力、创造力及超现实的自由构造，在版面中展示着独特的魅力。它个性灵活，易于变化、处理整合，更适合于复杂不规则的版式。 照片、插图都能具体、完整、直观地将设计者的意念高品质地表现出来，使版面视觉更加集中稳定，同时还具有效的导读效果。 1. 图形的形式 （1）出血
18、图形 图片充满整个版面，不需边框。此形式打破版心束缚，自由奔放，舒展，动感十足，贴近受众。 出血图形 退底图形（2）退底图形 根据内容所需，选取必要部分保留，其他作退底处理。此形式排除背景扰，主体形象突出醒目，与正文组合常表现为文本绕图，轻松、平易近人。（3）形状图形 把图片用一定形状限定。如方形、三角形、梯形、有机形等。具体形状可视设计内容和表现而定。图片经过创造性的加工、组合，往往使版面新意顿生，从而提高阅读兴趣。 2. 影响图形编排效果的因素 （1）图形位置 图形的位置直接影响到版面构图布局。依“九宫格”法，即两条水平线和两条垂直线将版面平均分成九个部分，把图形摆在四个交叉点的任意一点上
19、，可营造视觉协调，取得较佳构图效果。将图形置于版面中心，会强化其视觉冲击力，形成关注焦点。在对角线上安排图片，可支配版面空间，效果灵动独特。版面上下左右、对角线、四角均能安置图形，设计中应根据其内容要素、视觉效果、心理感受来经营，有效控制各个点，使版面主题鲜明、简洁、清晰，富于理性。（2）图形面积 一般情况下，图形面积的大小变化，决定了注意度的高低。从大到小是人们自然的观看顺序，通常重要图形面积较大，如化妆品广告中的唇膏、睫毛膏都把能显示局部特征的图形放大处理，造成对视觉和心理的强大冲击，成为关注要点。从属图片缩小，点缀，呼应着主题，形成主次分明的格局。 （3）图形数量 图形数量的变化，能营造
20、不同的版面氛围和心理影响力。图形数量少（甚至一张），则其本身内容质量决定了人们对它的印象。这样的版面简洁、单纯、格调高雅。图形数量多，版面出现对比格局，显得丰富活泼，有浏览余地，适合普及、热闹、新闻性强的读物使用。图形数量过多，版面会缺乏重点，松散混乱。图形数量一定要根据版面内容来安排，不能随心所欲。（4）图形方向 图形方向可以是人物、动物的视线动作，可以是有方向性的线条、符号、图形组合形式，也可借助近景、中景、远景来达到。它们的变化会形成某种视觉动势，具导向作用。方向感强，动势就强。方向感的巧妙运用能突破版面平淡无味，刺激视觉，加深感受，引导读者目光随图形指向移动。（5）图形组合 图形在版面
21、中的组合可粗略地分为块状和散点两种方式。块状组合图形密集、整体，文字与图片相对独立，图形的块状格局与文字间的强弱变化富有节奏。垂直、水平方向线条分割使版面秩序条理、大方富于理智。散点组合图形与图形间分散安排，图形穿插于文字群间，自由轻松，活泼随意，具有亲和力。 现代版式中，构成原理的应用使图形的组合形式和意义都得到了进一步拓展。切割、打散、重叠等构成手法处理的图形，创造了许多不同凡响的新奇形态，为版面注入新的生命与活力，也使版面所表达的思想信息给读者留下了深刻印象。三、色彩 在版式设计中，色彩的表现力是较为重要的学习课题。内容决定形式，色彩的这种形式语言可以直接地将设计要表现的内容传达给观众。
22、在色彩的各个要素中，色相是最具有视觉表现力的。在版式设计中，色相的性质和设计所要表现的内容之间有着直接的联系。 1. 色彩的对比 色彩对比，依据的是色彩三要素，即明度对比，通过亮色调，中色调和暗色调的不同变化形成的对比；纯度对比，鲜艳的色彩和灰色放置在一起产生的鲜灰对比；色相对比，不同相貌的色彩产生的种种对比。另外还有色彩的面积对比，冷暖对比等。色彩对比与色彩均衡截然相反，旨在通过对比区分版式的视觉差异，再利用均衡调和统一色调，让色彩更好地为版式设计服务。但是，过分追求色彩对比不利于版式设计语言的表达。 2. 色彩的均衡 色彩使版式丰富，多彩纷呈。色彩依据赋予形体以美感，增强扩大它的艺术感染力
23、。根据色彩自身的规律，色彩在版式中又有它独立表现的一面，处理不好版面色彩的关系，就会影响版面信息的传达。因此，必须从色彩形状的大小变化，色彩的冷暖，明度及纯度等方面来考虑色彩均衡，同时还要注重调和色的作用，以达到版面的色彩视觉平衡。3. 色彩的条理化 画面色彩最忌庞杂，过多的色彩会分散人们视觉的注意力。因而在同一版面中使用相对固定的几套色，依据版面整体需要进行合理安排，有利于美化版面，使版面整体统一。第四章 版式设计应用课题名称版式设计授课教师： 班 级授课时间：教学目的了解版式设计在各个领域的应用教学内容书籍版式设计、报纸、杂志版式设计、招贴版式设计、网页版式设计。教学重点书籍版式设计教学难点各类版式设计的应用领域教学方式讲授、赏析、实训、多媒体示范、学 时1作 业教学过程导入新课 一、书籍版式设计、报纸、杂志版式设计、招贴版式设计、网页版式设计。二、在不同媒介中的表现手法。 （安排多媒体教学点评） 教学总结：版式设计的应用非常的广泛，涉及到生活当中的各个方面，需要学生们在生活当中细致的观察，多方面的搜集素材，不断地日积月累，才能对版面的把握逐步的纯熟，才能得到理想的作品。本课程是使学生所学的各种设计理论知识和设计方法综合运用到具体的设计实践中也是检验和提高学生专业设计基本知识和能力的重要途径和手段。
