版式设计教案

1、版式设计教案课程名称： 版式设计 课程编号： 00420510课程性质： 专业基础选修课 授课班级：视觉传达1231授课学期：2013-2014二学期 授课学时： 48学时授课教师： 史 鹏山西轻工职业技术学院课程编号：004205101. 学分：2.52. 适用专业： 艺术设计3. 总学时数：484. 实验课时：4一、课程性质、教学目标和任务：1、性质：专业基础选修课。2、教学目标和任务：版式设计是设计专业重要的基础课之一。通过该课程的学习，使学生掌握设计的视觉要素、构成要素，编排设计表现内容与形式的关系、设计要素及其构成规律与方法，以及各种应用性设计的形式特点，使学生能够进行具有感染力的版

2、式设计，从而使作品的内容更清晰、更有条理地传达给读者。3、教学方法与教学要求：本课程核心内容是视觉思维方式引导下的形式语言研究与训练。1）视觉思维的训练讲授视觉思维的基本理论，分析编排设计的视觉要素，培养以视觉方式分析、研究、解决问题的习惯与能力。 2）形式语言的训练了解编排设计表现的形式语言，掌握运用构成要素进行分析、描述、重构的方法。 3）表现手法的训练了解视觉语言形式表现的多种手法，自如运用多种体裁、材料、媒介、技法、效果。 教学内容的选择，体现了综合性要素提取与方法归纳，体现编排设计的内在形式元素建构，在内在规律与系统方法叙述中，实现理性分析与感性实践的融合。以此为出发点，强化课程的功

3、能，整合课程的结构，选择课程的内容，优化课程的课题。教学内容组织方式与目的：组织方式之一：在课程标准的要求下，每位任课教师自行设计课题，形成各具特色的内容与作业方式，他们之间所形成的差异，正是在学分制条件下，学生可供比较与选择的空间。 组织方式之二：在课程标准的要求下，设计10-12个课题以系列课题的方式建构出“一体化课程”，以课题之间的串联关系形成内部结构，将一定的内容知识以课程的方式进行逻辑组织。以此打破原来分离、琐碎的片断知识，实行真正意义上的整合。实践性教学的设计思想与效果：编排设计是一门实践性很强的课程，实践性教学是通过课题练习体现的，而教学的设计思想及方法就充分体现在课题设计的思维

4、路径与方法中，并从根本上决定了教学效果。 1、 过程性与生成性：通过教学，使学生掌握形式生成的理性方式与形式推导的逻辑过程。 2、 思辨性与分析性：通过教学，尤其是课题的引导，使学生学会分析、思考、比较、选择及发展的方式方法。3、认知性与开发性：通过教学，在课题训练中使学生的心智与能力得到综合面协调的发展。4、民族性与时代性：通过教学，使学生能把握时代精神，从中外优秀民间、民族文化中汲取设计营养。 5、结合各级专业设计展览，鼓励并指导学生开展专业设计创作，踊跃参展，近年来有 多幅作品获各类奖项，成果丰硕，在本省以及周边省份同类高校中特色显著。教学方法与教学手段1、突显课题设计在教学中的功能与价

5、值，以课题的方式、资源、线索、内容、媒介、程序体现课程的目标与要求。以分解与综合、趣味与理性、发散与交叉等多元、多维、多样化课题设计方法，体现出课程的过程性与开放性。2、加强教学环节的链接与整合，将理论讲授、信息收集、专业调研、草图构思、讨论讲评、材料选择、作业制作、课程总结等方面构成综合与多样的教学方法。3、强调学生对教学过程的体验，强调绘制大量的草图，多次快速方案练习，展开师生间的教学互动讨论，综合性的文本制作等。4、大力介绍、借鉴国外院校编排设计课程的教学方法，尤其在课程理念、内容、课题设计方面吸收其合理而具有创造力的因素。聘请外籍教师担任单元教学，同时派青年教师作为教学助理，学习外教的

6、教学设计思路与作业辅导方法，吸取他们在思维、形式意识、手法、对生活及周围事物的观察、对学生个性因素发现与帮助等方面的方式方法。5、提倡运用现代教育技术辅助教学，多媒体课件教学率达90%。课件的制作过程使课程资源、内容等知识范畴的材料得以优化，使体裁、媒介、材料、技法等课题设计要素得以有机组合与巧妙编排，使教师的思路、教学程序与组织、教案编写与表达更为清晰。二、课题和课时分配：学时：48 12学时/周 开课学期：4单 元课 题课 时 分 配讲课作业小计一二编排设计概述404编排设计的历史发展与风格变迁三四编排设计的视觉要素8816编排设计的构成要素五六感性的编排设计实践8 816理性的编排设计实

7、践七编排设计在平面设计中的应用4812三、课程内容：第一章 编排设计概述教学要求：通过理论传授使学生对编排设计的基本概念有所认识，了解编排设计是一种重要的视觉表达语言，是视觉传达设计专业重要的基础课程。讲授内容： 1、编排设计的基本概念 2、编排设计是一种重要的视觉传达语言3、编排设计是视觉传达设计专业重要的基础课程4、编排设计课程的主要内容第一节 编排设计的基本概念所谓版式设计，即在有限的版面空间里，按照一定的视觉表达内容的需要和审美的规律结合各种平面设计的具体特点，运用各种视觉要素和构成要素，将各种文字图形及其它视觉形象加以组合排列、进行表现的一种视觉传达设计方法。第二节 编排设计是一种重

8、要的视觉传达语言 在现代设计多元化发展的今天，版式设计是为了满足信息传播的需要，对信息传播的载体进行艺术加工，使其鲜明、生动、高效地实现信息传达的一种艺术设计，具有极高的美学价值和经济实用功能。第三节 编排设计是视觉传达设计专业重要的基础课程版式设计是基础课程，是在对空间、形态、色彩、力场、动势等设计要素和构成要素认知和研究的基础上，对这些要素的组合规律、对他们的表现可能性及其与表现内容的关系进行全面的学习研究，为以后的专业设计课程，如包装设计、招贴广告设计、企业形象设计（CI）等课 打下基础。学生学习好版式设计，可以有效地掌握画面的视觉元素构成、组合、排列的方法，处理好彼此间的关系，并在将来

9、的各种视觉传达设计中可以直接地加以运用。第四节 编排设计课程的主要内容编排设计的视觉要素、编排设计的构成要素、感性的编排设计实践、理性的编排设计实践、编排设计在平面设计中的应用。第二章 编排设计的历史发展与风格变迁讲授内容：1、 编排设计在西方的发展2、 编排设计在中国的发展第一节 编排设计在西方的发展二十世纪以来，欧洲、美国、德国、日本的版式设计蓬勃发展。自十九世纪英国工业革命运动时期版式设计的中心人物威廉姆莫里斯为开端，从他所开始极力推崇展示版式设计之美的生活与艺术相融合的设计原则，到表现人类内心情感的德国表现主义版式设计；从二十世纪初追求机械动力主义和速度感的意大利未来派版式设计风格到在

10、俄罗斯兴起的具有革新意义并成为现代版式艺术起点的构成主义运动；从强调编辑、排版理性化的包豪斯理念到潜意识关注周围世界的超现实主义设计风格；从流行于法国艺术大师们独行其道的新艺术运动到将版式设计原有形式的解体，注入动感的物化新形态版式的创造；从动荡的六十年代欧美的设计加以最具创造性的语言关注现实生活的大事件、强化内容要素的波谱艺术到进入极限抽象意境的版式设计的流行，现代版式设计不仅是为了方便读者阅读大量信息，也可提供品味、欣赏、收藏，是具有独立文化艺术价值的实体存在。第二节 编排设计在中国的发展中国的版式设计艺术有着悠久的历史传统，其深厚的文化底蕴为世界所赞叹。自“五四”运动以来，日本、西欧的装

11、饰和版式设计被引进国门，使中国在原有悠久的版式设计艺术的基础上更向前迈进了一大步。二十世纪六十年代末，新的以商业和文化内容方面为主体的版式设计有了很快的发展，涌现了一大批优秀的设计作品，它们从更广泛的角度体现出作者对中国丰厚的文化积淀的认识与运用。日、韩等国与中国邻壤，他们从中国历史文化中吸取营养并结合本国文化而发扬光大。第三章 编排设计的视觉要素教学要求： 视觉要素和构成要素是编排设计的基本造型词汇，是组成任何平面设计的基础。视觉要素包括形及其各种变化和组合，色彩与色调，肌理等构成要素则包含空间、动势与织体等组合画面的表现语汇。讲授内容：1、 文字的编排构成2、 图形的编排构成第一节 文字的

12、编排构成在版式设计中，文字作为语言符号，能精确地传达出图片所不能担负的信息。如：文章的名称、内容的逻辑性、叙述性、说明性等等。文字作为视觉传达最直接的方式，同时具有形象的诉求力量。如：不同的字体有不同的性格情感倾向；不同文字的编排组合，会给人不同阅读效果和视觉感受。、字体字体一般分手绘装饰字体和印刷字体。、文字设计的原则可读性、个性、美感、创造性 、文字的组合标题字、正文字第二节 图形的编排构成在版式设计中照片相对于插图而言似乎更真实可信，所以设计师们倾向于采用照片。照片的来源可以自己拍摄，雇用摄影师，从成千上万的图库中搜索需要的资料照片，利用photoshop之类电脑软件对图片进行修饰等。摄

13、影开辟了一种新的视觉形式，例如仰视和俯视，微观和宏观，往往有着不寻常的效果。最后，摄影图片能够活泼版。面，提高出版物的视觉效果。今天，设计是图片和文字的综合体。在以摄影图片为主的出版物中，图片比文字更为重要，应用网格设计能使大量的图片和文字资料有秩序地统一起来，显示出它的优越性。、版心版心在版面上的位置变化，它的上下左右的空白多少，都会给人以不同的感觉。、图片的选择和剪裁由于照片拍摄格式不同或主题不突出，很少有照片能够按照原样被采用，因此需要对照片进行选择和裁剪。、图表的应用一些抽象的数字化的信息或某些科学技术性多层次关系的信息等，为了达到一目了然的效果，使用表格、图形甚至国画的形式来进行数据

14、资料等的比较和传达。、图片的组合图片经过仔细的选择和裁剪以后，按照它们的内容和表现力进行组合和排列，把横的和竖的、大的和小的图片有目的和有变化地顺序配置。这里要注意版式设计基本原则的应用。第四章 编排设计的构成要素教学要求： 视觉要素和构成要素是编排设计的基本造型词汇，是组成任何平面设计的基础。视觉要素包括形及其各种变化和组合，色彩与色调，肌理等构成要素则包含空间、动势与织体等组合画面的表现语汇。讲授内容：1. 点构成2. 线构成3. 面构成点、线、面是构成页面视觉空间的基本要素，一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。点

15、、线、面构建成一个个千变万化的全新版面。第一节 点构成在版面中，任何一个单独而细小的形象可以称之为点，点的面积是相对比较而言的，比如在版面中一个文字、一个商标、一个按钮、一个LOGO等都可称为点。另外点的形状并不一定指圆，也可以是其它的几何形体，点是相对线和面存在的视觉元素。点排列的形状、方向、大小、位置、聚集、发散，能够给人带来不同的心理感受和视觉冲击。 第二节 线构成线是决定版面现象的基本要素。线的总体形状有垂直、水平、倾斜、几何曲线、自由线几种。线的性格特征：斜线具有动荡和速度的感觉；平行线表现出规律、平稳；垂直线具有庄严、挺拔、力量、向上的感觉；曲线给人流畅、柔美的性格特征。线可以串联

16、各种视觉要素，可以分割画面和图像文字，可以使画面充满动感，也可以在最大程度上稳定画面。线与线之间的排列可以使画面具有节奏感，线的放射、粗细、渐变的排列可以体现三维空间的感觉。第三节 面构成版式设计中的面比点、线的视觉冲击力更大。它大体分为：几何型的面（方、圆、三角、多边形）、有机切面（弧形的相交或相切得出）、不规则的面。面的排列要考虑形状与面积的对比，间隔和面积的对比，面积与面积的对比等因素，这样版式设计才能产生动感。垂直、水平的面等距离的排列产生稳重，简单的感觉。不同面积、不同位置排列产生活泼，跳跃的感觉。处理好不同形状的面之间的相互关系和整体的和谐程度，才能设计出充满美感、艺术、实用的版式

17、作品。当我们在设计版面时，点线面是首要的考虑因素，我们要善于排列组合它们之间的关系，善于使用点线面表现不同的形式和情感。这样才能设计出具有最佳视觉效果的版面。作业练习：1、 运用点、线、面分析优秀编排设计作品。2、 运用点、线、面等形态要素进行各种组合编排练习。第五章 感性的编排设计方法教学要求： 编排设计构成规律和方法是对平面编排设计各种基础性构成法则的总结。这其中包含了以感性判断为主的设计方法和以理性分析为主的设计方法。这一内容是编排设计这门课程的关键。1. 力场当外物的“力”的结构与人思维里的“力场”相吻合时，主客观两个力场便达到同形同构的认知过程。具体到版式设计上来说，页面的框架如围栏

18、一样，包围并约束着形象的力的作用，与框架同时作用而产生各种视觉引力关系。图例分析2. 动势由力场、图形、图形间的组合关系而引起人对视觉对象产生整体意象上的动向态势感受，称为“动势”。图例分析3.对称对称是平衡法则的特殊形式，是指事物中相同或相似形式因素之间的绝对均衡组合构成。对称具有静态的秩序感，往往产生庄严、稳定、高雅、端庄的效果。绝对的对称有时使人感到刻板，可以在对称中求得极小的不对称的灵活变化。图例分析4. 均衡与对称相比较，均衡是等量不等形，是指在力点的基础上版面各视觉要素之间达到量的均等和谐。在版式设计中，均衡包括面积均衡、色彩均衡、位置均衡、动势均衡。图例分析 5.空白在版式设计中

19、，“图”和“底”（空白）有着同等重要的地位，它们相互衬托，互为条件，共存于同一空间。我们不单注意版式图形的重要，同时也要注意到版式中空白的形状、大小、方向、以及大大小小空白配置之间形成的整体感觉。它们直接影响到版式的质量和读者的视觉心理。图例分析6. 韵律韵律原指音乐和诗歌中音调的起伏和节奏感。有规律的重复产生节奏，而遵循某种秩序性连续变化，激发人的美感则是韵律。在版式设计中，韵律可分为几种类型：连续韵律、渐变韵律、起伏韵律、交错韵律等。图例分析7.对比对比是艺术形象之间的差异比较，它能鲜明地展示艺术形象各自的特点。对比的应用也是版式设计取得强烈效果的最重要的方法。它体现在版式设计的骨骼、空间

20、中，就是构成骨骼空间元素的点、线、面的大小、高低、粗细、宽窄、曲直、竖横、直斜、上下、单双、多少、线面、左右、动静、黑白、正反、刚柔、虚实等等。对比必须清晰鲜明，一目了然，不模棱两可。图例分析8. 分割在日常生活中分割这种现象随时可见，如房屋的吊顶、地板都构成了分割。在版式设计中，把整体分成部分，使主题清晰，层次分明，叫分割。版面可以分为行组，行组分为字行，字行分为文字、笔划和标点符号。版面的空白同样可以分为四周的边缘和行组之间的空距，行组内可以找到行距和字距等。被分割的各个部分都要求应用一定的形式组成一个有意义的新的整体。图例分析第六章 理性的编排设计方法教学要求： 编排设计构成规律和方法是

21、对平面编排设计各种基础性构成法则的总结。这其中包含了以感性判断为主的设计方法和以理性分析为主的设计方法。这一内容是编排设计这门课程的关键。1.版式设计的形式版式设计目前存有着三种主要的形式：古典型、网格型、自由型（现代式、强烈式、青年活力式、自然式等）。2.比例的原则黄金分割、正方形、德国标准比例、草席形、立体派格调式、螺旋形、模数3.网格设计网格设计就是在版式上按照预先确定好的格子分配文字和图片的一种版式设计方法。最早将它付之应用的是瑞士巴塞尔美术学院的权威埃米尔鲁德尔教授和他的学生们。它不是简单地把文字和图片并列放置在一起，而是从画面结构中的相互联系发展出来的一种形式法则。网格的设计方法：

22、隐性框架 、理解网格、从简单到复杂网格的形式：七种网格形式作业练习：以文字为主、结合色彩和少量抽象形体做一张编排设计的作业。不能够出现具象的图形。第七章 编排设计在平面设计中的应用教学要求： 平面设计的样式非常多，并且它们各自在功能、形式方面又有很大的变化，所以编排设计课程应该引导学生认知和把握各种应用性设计的形式特点。包装、平面招贴广告、宣传样本、POP售点广告的设计形式都将是这方面学习的重点。讲授内容：1、 包装的编排设计2、 招贴广告的编排设计3、 书籍装帧设计4、 宣传样本的设计5、 网页设计第一节 包装的编排设计包装的版式具有形态美和功能美。包装设计有几个版面相互关系而生成，各个面的

23、信息内容虽不尽相同，但它们却都是传达同一个产品的信息符号，它们互相照应、叠加、连接，把商品质量、商品形态等以符号的形式表达，突出主题部分，条理清晰，使消费者与商品之间的距离瞬间缩短。现代消费者追求享受，不仅是追求物质的享受，更注重精神消费的享受，所以，进入消费领域的商品，除了具有优质的质量还要有秀美的艺术形态，商品包装也不例外。商品包装的美学特征要注意以下几方面：(1)反映时代审美情趣(2)抓住情感诉求设计(3)继承传统因素包装设计案例分析第二节 招贴广告的编排设计招贴广告通常就是我们说的“广而告之”的广告类型，在平面设计艺术领域里,它的影响面最大、学术性最强、历史最为悠久。广告又被国外称为“

24、瞬间”的街头艺术，因此要使“瞬间”艺术发挥最大的优势，我们在进行招贴广告设计时，通常要考虑招贴版式设计的设计目的和它的适用环境，因为它是直接传播信息的载体，无论是设计目的还是适用环境，都要求版式的设计具有视觉创意性，视觉创意性充分体现了图形创意的魅力。招贴设计案例分析第三节 报纸的版式设计版面是报纸直接面对读者的外在形式，在信息和读图时代，报纸版式设计的重要性越来越受到重视。激烈的市场竞争，受众接受信息的习惯的改变，是影响报纸版式设计的直接原因，报纸版式设计成为报纸的一个重要部分，报纸版面上的重要信息，通过魅力语言或图形符号对受众传达信息，尤其是报纸头版，它的版式在一整份报纸中扮演着非常重要的

25、角色，是报纸风格的窗户，起到引导受众了解本期的主要内容，并能通过信息导读找到内页中他们所需要的信息内容的作用，这种快速便捷的导读方法最受欢迎，目前许多报纸都开始注重在头版上运用视觉版式，以吸引受众的眼球，甚至也把报纸内页版式视觉化。由于科学技术的不断提高，报纸版式的视觉更具魅力、更加吸引读者。报纸的版式设计目的就是如何构建视觉中心来吸引读者的注意，如何通过导读把读者吸引进内页。我们可以从版式的编排、色彩、图象三方面来思考创作。报纸的版式设计案例分析第四节 宣传样本的版式设计宣传样本广告一般有企业产品的广告样本、行政机关的介绍、企业宣传样本、交通旅游指南等等，形式多种多样，宣传样本的版式设计也有

26、多种形式存在。宣传样本广告的特点：(1) 准确传达大容量的信息、便于企业与客户的沟通。(2) 直观且保留时间长。宣传样本的版式设计案例分析第五节 书籍装帧的版式设计装帧艺术是书籍的美的灵魂，是书的表与里的关系。书籍装帧的版式设计在编排形式上与其它平面设计的编排有一定的区别，有说法它也可以归入立体类包装广告的范畴，因为它具有和包装一样的功能：美化功能、保护产品功能、促销功能等等，书籍装帧版面虽小，却注重精神和视觉的享受，“书卷气”浓厚，是视觉传达设计中文化内涵和设计创意结合较紧密的版式设计，书籍装帧设计的任务是透过外在的视觉设计装饰，帮助读者在最短的时间内概括的获取该书的内在信息容量和质量，成为

27、产品最先的祈求艺术，成为不说话的推销员。书籍装帧有许多形式，形式不同在版式设计要求上也不尽相同。一般是根据书籍的性质而决定形式的。（1）确定设计定位 （2）独特的审美观 （3）有现代文化气息书籍装帧的版式设计案例分析第六节 网页界面的版式设计网页界面的版式设计就是在有限的版面空间上，将文字、图片、符号、动画、按钮等视觉元素进行艺术处理和组合排列，使它们生成网络信息符号，方便网友、亲近网友，通常根据主题需要，装饰的形式要为内容服务，网页在传达信息的同时又愉悦网友的感官感受，所以设计师在设计网页界面时应有目的的组织各构成视觉元素，进行艺术与技术的有机结合，发挥个性优势，创意出卓而不凡的版式效果，展示艺术设计语言与技术的高度浓缩与概括的魅力。网页界面的版式设计案例分析作业练习：完成一本自我形象宣传册的设计与制作。四、教学条件：采用多媒体教学手段五、考核方式：本课程实行随堂作业考核。每阶段课程结束时，学生须按教学要求呈交课堂作业，并由任课教师评分，同时进行随堂评讲。教师结合学生平时作业评定课程考核成绩。六、教材编排设计朱国勤、倪伟、王文霞著 上海人民美术出版社七、教学进程表中南民族大学教学进程表（美术学院）200 5200 6 学年度 一 学期艺术设计（装潢） 专业 2003 年级 2 班课程名称： 版式设计 类别： 专业选修课 主讲教师： 邱 红