新版《版式设计》教案与计划表

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