版式设计教案

教材：课程性质：艺术设计专业基础课程课时：每周12课时总计24课时授课对象：10环境艺术设计专业学生教学目标通过一个系统的版式设计程序的教学使学生从感性到理性，逐步掌握版式设计的理论和方法；熟悉平面设计中方法，能处理各设计元素之间的关系；深入理解版式设计中材料、图形、色彩、文字的关系；并更好的理解和掌握版式设计的要领和版式设计的基本原理，能进行独立地版式设计。二、教材内容及重点、难点分析1、教材内容分析本教材以课题的形式，从版式设计的信息定位、形态、版式造型、材质与工艺、版式编排、印刷、和文案表述等七个方面展开教学，使学生从感性到理性，逐步掌握版式设计的理论和方法。通过本课程的教学，学生能独立进行版式设计。2、教学重点①版式概念②版式设计的视觉流程三、教学对象分析本课程的教学对象为大二环艺学生。他们已进行了一系列的专业基础课和专业课的训练，如《三大构成》具有一定的设计和审美能力和较强的动手能力。本课程数量较少，只能让学生对版式设计有初步的了解和审美能力。四、教学策略与方法1、理论讲授与图片赏析2、动手制作3、资料收集与讲解4、相互观摩与评议交流：每位同学分三次（方案确定、设计中期和设计完成期）在班级中对设计方案进行解析、展示与征求意见，教师提出建议和修改方案。5、提高与完善第一章版式设计概述一、版式设计的基本概念版式设计，又称排版设计、版面设计。是将平面设计中的各种组成要素（图、文、色彩）进行艺术地重新组合、调度与安排。版式设计也具有平面设计、展示设计方面的任务和基本要求，是一种视觉表达方式和一门独立的艺术学科。二、版式设计学习目的1、强化视觉2、加强美感3、方便阅读三、版式设计的形成与发展远古史前的岩画等无规律的涂鸦与记号，是一种无目的的编排现象。古代画墙砖的图形编排。中国古代四大发明给世界文明留下光辉的一页。无论是文字还是图形，都具有现代版式设计的各种要素。明代宫廷教科书，最早带有彩色插图的书排列的从右到左，从上到下，奠定了中文书写的基本规范西方古代随造纸印刷业的兴起，平面、字体编排设计形成一个高峰。●西方近代编排设计符号到文字的产生造纸术、印刷术的发明1450年在西方，德国人谷腾堡发明了“金属活字印刷术”经济的飞速发展，以及各项工艺运动的产生促进版式设计的发展现代科技对版式设计的影响四、版式设计的应用范围•传统的媒体——报刊杂志、书籍装帧、包装设计、产品宣传品、企业形象设计、广告设计、插图设计等印刷媒体。现代传播媒体——电视、网页、多媒体、电子读物等数码的版式。现代信息社会一切视觉传达的设计领域都存在版式设计。概念和内容是版式设计的决定因素，创意是版式设计的核心。第二章版式设计原理一、主题鲜明形象突出版式设计本身不是目的，设计是为了更好地传播客户的信息。版式设计只能在有限的篇幅内与读者接触，这就是要求版式的设计必须单纯、简洁。版面离不开内容，只有将信息的浓缩处理，主题鲜明、形象突出、内容清晰，才能达到版式设计的最终目标。二、艺术性与装饰性为了使版式设计更好地为版面内容服务，寻求合乎情理的版面视觉语言则显得非常重要，也是达到最佳诉求的体现。版面形式的美观将使内容的传递更具艺术化。怎样才能达到意新、形美、变化而又统一，并具有美感情趣，这就取决于设计者的文化涵养和不断学习过程。所以说，版面构成是对设计者所具有的思想境界、艺术修养、技术知识的全面检验。版面的装饰因素是由文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能。装饰是运用审美特征构造出来的。不同类型的版面信息，具有不同方式的装饰形式，它不仅起着排除其他，突出版面信息的作用，而且又能使读者从中获得美的享受。三、趣味性与独创性版面构成中的趣味性，主要是指形式美的情趣。这是一种活泼性的版面视觉语言。如果版面本无多少精彩的内容，就要靠制作情趣取胜，这也是在构思中调动艺术手段所起的作用。版面充满趣味性，使传媒信息如虎添翼，起到画龙点睛的传神功力，从而更吸引人、打动人。趣味性可采用寓意、幽默和抒情等表现手法来获得。独创性的原则实质上是突出个性化特征的原则。鲜明的个性，是版面构成的创意灵魂。一个版面都是单一化与概念化，大同小异，人云亦云，可想而知，它的记忆度有多少？更谈不上出奇制胜。因此，要敢于思考，敢于别出心裁，敢于独树一帜，在版面构成中多一点个性，而少一些共性，多一点独创性，而少一点一般性，才能赢得消费者的青睐。强调版式的协调性原则，也就是强化版面各种编排要素在版面中的结构以及色彩上的关联性。通过版面的文、图间的整体组合与协调性的编排，使版面具有秩序美，条理美，从而获得更良好的视觉效果。第三章版式设计的视觉流程事物因光的作用，使眼睛发现信息而产生感受。由于视觉范围的局限和差异，人们的视觉有了一定的走向与习惯，这种习惯的程序就是视觉流程。一、如何建立视觉流程人们在阅读版面时，很自然地一步步看下去而形成的无形的顺序“线”，就是编排设计的视觉流程。（1）讲究流程的科学性遵循由上而下、由左至右的视觉原理，进行方向性诱导和加强主次的分布。格式塔心理学家研究的视觉法则，将人们看一个画面时的顺序归纳为：上→下，左→右，前→后，大→小，图→背景，色彩→无色，人物→动物→风景，金属→光泽等等。竖长版面中心线1/3处，是最佳“焦点”部位。焦点周围的版面是“最佳视域区”。（2）利用对比建立视觉流程（3）利用调和建立视觉流程（4）利用组群建立视觉流程二、视觉流程的表现方法(1)直线向视觉流程按照视觉习惯进行水平或垂直方向的编排。(2)斜线向视觉流程斜线方向的编排，具有不安定因素而抓住视觉(3)曲线向视觉流程使版式构成更加丰富，给人以韵律感和柔美轻松感(4)导向线视觉流程通过一定视觉元素，把版面构成要素串联起来。(5)散点视觉流程是指图文无规律，呈自由、个性化的排列。(6)反复视觉流程把相同、近似的视觉元素有规律地重复排列。给人视觉上的重复感。第五章版式设计——文字的魅力文字在版式设计中，不仅仅局限于信息传达意义上的概念，而更是一种高尚的艺术表现形式。文字已提升到启迪性和宣传性、引领人们审美时尚的新视角。文字是任何版面的核心，也是视觉传达最直接的方式。运用经过精心处理的文字材料，可以制作出效果很好的版面，而不需要任何图形。所以说，能驾驭文字，设计便算是成功了一半，甚至全部。一、字体、字号、字距与行距版式设计的基础元素——字体设计、选用字体也是版面的一种图形样式。在版式设计中，选择两到三种字体为最佳视觉效果。否则，会产生零乱而缺乏整体效果。在选用的这三种字体中，可考虑加粗、拉长、压扁或调整字号、字距、行距、色彩来改变字体，以产生丰富多样的视觉效果。字号：字号是表示字体大小的术语。计算机字体的大小，通常采用号数制、点数制和级数的计算法。“点”也称磅（P）。电脑排版系统，就是用点数制P来计算字号大小的，每一点等于0.35毫米。一般书籍版面字体控制在9～12点。低于6点以下的字，字体太小，会影响阅读。字距与行距字距与行距的把握是设计师对版面的心理感受，也是设计师设计品位的直接体现。一般的行距在常规的比例应为：字距8点、行距则为10点，即8：10。但对于一些特殊的版面来说，字距与行距的加宽或缩紧，更能体现主题的内涵。现代国际上流行将文字分开排列的方式，感觉疏朗清新、现代感强。因此，字距与行距不是绝对的，应根据实际情况而定。二、编排形式1、左右齐整文字可横排也可竖排，一般横排居多。横排从左到右的宽度要齐整，竖排从上到下的长度要齐整，使人感觉规整、大方、美观。但要避免平淡。设计师可采用不同形式的字体穿插使用，既可增加变化但又不失整体效果。2、左边对齐让每一行的第一个字母都统一在左侧的轴线上，右边可长可短，给人以优美自然、愉悦的节奏感。左齐的排列方式也非常适合人们的阅读习惯，容易产生亲切感。文字的齐左编排所产生的垂直线，与图形之间取得了同一视点，显得飘逸，更富于节奏感。3、右边对齐与齐左相反，右边的字尾都统一在右侧的轴线上，与人们的视觉习惯相违背，但借此可标新立异，新颖、有格调，成为极具现代超前意识的版面构成。4、居中对齐以版面的中轴线为准，文字居中排列，左右两端字距也可以是相等也可以是长短不一。这种排列方式能使视线集中，具有优雅、庄重的感觉。但有时阅读起来不太方便。如果是在整版的正文内容较多的情况下，不宜采用此种编排方式。5、图文环绕即文字环绕图形，图形环绕文字编排，或图中嵌入文字。6、突出字首把开头的第一个字突出加大，幅度一般占用两到三行字距的空间，可为版面带来注目焦点，打破平庸的割据，起到活跃版面的效果。这种处理手法已成为当今版面构成的新时尚三、文字远、中、近的空间编排版式设计是属二维空间的范畴。如果在长宽中表现出深度的感觉，对于版式设计来说，尤为重要。因为造成版面的三维空间效果，才能使版面显得灵活而深远。远、中、近一般可通过大、中、小的比例，黑、白、灰的对比，肌理的相互衬托，以及构图的前后关系等形式来获得。第六章版式设计——图像的艺术一、图像在版式设计中的重要性图像在版式设计中，占有很大的比重，视觉冲击力比文字强85%；也有这样一说：一幅图片胜于千字。但这并非语言或文字表现力减弱了，而是因为图像能具体而直接地把我们的意念高质素、高境界地表现出来，使本来平淡的事物变成强而有力的诉求性画面，充满了更强烈的创造性。图像在版式设计中，形成了独特的性格以及吸引视觉的重要素材。它具有两大功能：视觉效果和导读效果。二、摄影图片版式设计中，通过对现有照片进行艺术加工，营造独立的视觉效果。商业设计的目的在于使消费者能感受，体会产品与服务，照片就是一件极具说服力的武器。设计中根据传达功能于形势需要，对原有摄影照片进行虚实，退底、局部特写、合成等处理，会使照片与版面整体更为协调，给人以情节的联想，激发受众的想象力。1）退底图片退底图片，是设计者根据版面内容所需，将图片中精选部分沿边缘裁剪。退底后的图片，显得灵活而不凌乱，给人轻松自由、平易近人的亲切感。是设计师们常常采用的手法之一。（2）合成图片有时单张的照片不一定能准确完整地表现出较大或较抽象的概念，我们可以通过高超的暗房冲洗的技术与图像处理软件来完成合成的图片。通常将多个具象元素，经过大小、强弱、虚实以及色调等多种视觉处理方法合成为统一，协调的整体。（3）打散重构将完整的摄影图片裁剪、打散，再从设计的角度进行重新组合、错叠、拼贴，带来不稳定、错乱的强烈视觉冲击。在视线无意识地重组画面的同时，画面的所有图文信息会被重新规整为有机的整体，而此时画面被赋予了新的形式感。（4）虚实通过对照片虚实处理可以避免次要部分的视觉干扰，突出主体部分，使画面具有空间与层次美感。同时，被虚化的部分在视觉上不仅带给人们想象的余地，功能上也比较容易与文字信息编排组合，形成完整的版面作品。（5）局部与特写有时一张普通的照片不起眼，但从设计的某一独特的角度去观察后，也许精彩的画面只存在于照片的某个局部，于是对图片的剪裁成为摄影的再创造。(6)特殊图式特殊图式，是将图片按照一定的形状来限定。经过组合，创造性地加工处理，使版面产生出新颖、独特的新视角。三、图形这里所指的图形是有别于摄影的，是经由专业的设计师或插画家绘制的，一种较为传统的插图表现手法。绘画的手法总是给人留下了颇为传统的印象，尤其当我们将手绘插图，商业摄影，电脑影像三种不同技术手段下制造出来的画面放在一起比较时，这种感觉尤为强烈。（1）手绘具象图形多作为插图出现，运用手绘的多种艺术表现形式呈现出多样的风格。如写真画，如实逼真的表现商品形态或广告情节。强化照片无法体现的细节，个性，场景等特征，深具说服力与表现力。（2）抽象图形抽象图形是自然形象进行概括、提炼、简化而得到的形态，它们可在形式上作为版面点线面构成的重要元素，又可在传达功能上对信息进行有效的划分，建立阅读的层次感。所以抽象图形在现代商业版面构成中的使用十分频繁。四、图片的数量图片的数量多少，可影响到读者的阅读兴趣。如果版面只采用一张图片时，那么，其质量就决定着人们对它的印象。往往这是显示出格调高雅的视觉效果之根本保证。增加一张图片，就变为较为活跃的版面了，同时也就出现了对比的格局。图片增加到三张以上，就能营造出很热闹的版面氛围了，非常适合于普及的、热闹的和新闻性强的读物。五、图片的面积图片面积的