版式设计教案.doc

教案科目版式设计授课班级第1次课审批意见（签名）年月日课题初识版式设计教学目的通过理论传授使学生对版式设计的基本概念有所认识，了解版式设计是一种重要的视觉表达语言，是艺术设计专业重要的基础课程。重点、难点1版式设计的概念2版式设计的应用范围3版式设计的目的4版式设计的历史和发展授课类型新授授课方法理论授课时数2教具教学过程附记一、组织教学准备上课资料，向同学们问好。二、新知导入列举我们日常生活中经常接触的一些传播媒介，如报纸、杂志等各类印刷品，以及网页等多媒体宣传手段的版式，都具有一定的美感、设计性，引出版式设计的普遍性和重要性，从而引出本课题。三、讲授新课（一）版式设计的概念所谓版式设计，即在有限的版面空间里，按照一定的视觉表达内容的需要和审美的规律结合各种平面设计的具体特点，运用各种视觉要素和构成要素，将各种文字图形及其它视觉形象加以组合排列、进行表现的一种视觉传达设计方法。（二）版式设计的应用范围杂志、报纸、书籍、画册、DM单、挂历、招贴、CD封套、产品包装、网页等。（三）版式设计的目的1主要目的1）将信息内容设计为视觉传达的效果，更易读，引导读者领会所示内容并产生好感，更好的传达视觉信息。2）把版面上所需要的设计元素进行必要的编排组合，成为直观动人、简明易读、主次分明、概念清楚的美的构成，使其在传达信息的同时，也传达着设计者的艺术追求与文化理念。2最终目的走向市场，起到传达信息的作用。（四）综上所述，我们可以得到以下结论1版式设计是一种有目的、有计划的平面展示；2版式设计的主体是视觉传达，视觉传达的主要作用是达到信息传递的目的；3版式设计是通过大众传播媒介来实现的，是视觉上的；4版式设计的目的是为了让人更容易读懂，在某种程度上也更能达到宣传目的。（五）版式设计的历史和发展版式设计的发展是一个漫长的过程。随着社会的进步、书写的发展，手稿记录历史事件成为可能，印刷技术的发展更是为信息的传递提供了更为广阔的途径。随着印刷技术的发展，版式设计也随之发展起来。1中国的书籍形式和版式设计的历史1）最早的书籍简牍（简册）中国图书的正式形成大概在商代中叶，刻写在竹木简上并用带子串连起来的“简牍”。竹简的编连方法是“简”的上下各打一孔，用丝线或苇穿在一起，策的第一简正面是白简，但反面刻着书名，卷起后书名正好朝外，起着封面的作用。传统书籍形式对现代书籍的版式设计产生了极为重要的影响。如从上到下的文字编排形式现代书籍术语依然延照传统书籍（天头、地脚、切口等）2）发展大唐时期，中国传统书籍形成了独特的版面风格。无论是封面还是扉页，都具有灵活多变的版面特征，既保证了整个版面的整体性，又体现了内容与形式的多样性。2西方书籍及版式设计的发展1）西方国家最初的书籍样式与报纸很相似。2）1845年，理查德霍改良印刷机，垂直式版面取得了主导地位，引来那个着当时整个版式设计的发展方向。特点以竖栏为基本单位文字与图片都很小标题不跨栏靠厚度体现其重要程度3）19世纪末，版面终于打破常规，突破了栏的限制，横排文字、水平式版面的革命终于到来了。特点标题跨栏大图片出现增加了色彩4）20世纪60年代，版式设计受到空前重视。特点版面以色彩和图片为主以大量文字和图片来传达信息出现留白，这是西方版面发展史上的一大转折。现代版式设计不仅是为了方便读者阅读大量信息，不再只是视觉传达的一种形式，也可提供品味、欣赏、收藏，是具有独立文化艺术价值的实体存在。四、课堂小结1版式设计的概念2版式设计的应用范围3版式设计的目的4版式设计的历史和发展五、课后作业1什么是版式设计2版式设计的应用范围有哪些3版式设计的目的是什么教案科目版式设计授课班级第2次课审批意见（签名）年月日课题版式设计的程序教学目的了解版式设计及其创意程序和方法重点、难点1版式设计的程序2版式设计的创意方法授课类型新授授课方法理论授课时数2教具教学过程附记一、组织教学准备上课资料，向同学们问好。二、复旧导新1版式设计的概念；2版式设计的应用范围；3版式设计的目的；4版式设计的历史和发展。三、讲授新课（一）版式设计的程序版式设计的程序是创造具有美感的平面空间的主要手法，影响着整个版面从直观视觉到具体内容的完善性和目的性。1读者群定位读者群体的定位是版式设计工作开始时的首要解决问题，根据读者不同而设计不同的版面风格与版面的编排结构，才能更好、更有效地传达信息，同时也可以树立版面风格形象，得到广大读者的认可。2明确设计项目即我们进行设计的对象是什么。是人物的专访、电影的宣传海报还是餐厅的点菜单只有明确了设计的主题，才能够继续展开咱们的设计工作。3明确信息内容准确传达信息是版式设计的首要任务。即首先应该明白要传达给目标群众什么样的信息。如介绍某种产品、宣传电影的上映时间、介绍某个人物的事迹、专注等等。4明确设计宗旨所谓设计宗旨，就是当前需要设计的这个版面要表达什么意思，传达出什么样的信息，要达到什么样的目的。5明确设计要求设计要求即甲方提出的希望设计者在版式设计中做到的某些要求或对这个设计的最终期望。6制定计划安排要保证一个高品质的版式设计能够保质保量的按时完成，就要制定一个周密的计划安排来督促、监督自己任务的完成。（二）版式设计的创意程序一个版式设计的核心就在于思想意义上的创新，而整个版面只是这个创意的一个表达方式和表现形式。因此创意是整个版式设计过程中的重中之重。版式设计的创意就是版面在构成形式上的创意设计。创意就是具有新颖性和创造性的想法。那么版式设计的创意就是版面在构成形式上的具有新颖性和创造性的想法。1调查研究阶段（思考准备阶段）1）设计的目标受众是谁2）将从设计中介受到什么信息3）如可才能吸引他们的注意力2构思阶段确立版设计的目标和思路1）用理智的方法研究处理组织构成的元素。2）用艺术的形象思维和感觉去捕捉开发适合于主题和内容的形式创意。3草图阶段草图是将设定条件与要求进行形象化、可视化的具体步骤。4定稿选择最佳草图，对文字、图形、色彩以及材料等每一个单元细节及制作工艺计划进行调整与协调沟通，取得认可后定稿。5印刷（三）版式设计创意的方法1打破旧的观念1）只有不囿于成规版式设计才能出新。2）把需要设计的各种要素看成抽象的几何形态，把版面的分割安排看成是抽象的构成与组合3）划定版面时要遵循“活而不乱，参差错落，变化统一，突出重点”的原则。2给人先声夺人的美感1）根据设计的主题选择一个合适的组合方式，不同的版面分割和形态组合会产生不同的视觉效果。2）对其中的栏数、题式、字体、字号、图片、横竖线、花边、空白以及色位等都一一进行认真设计。3利用好“最佳视域”1）“最佳视域”即版面上最引人注目的位置，版面上的1/3点处最为重要。2）视线的方位顺序左上右上中部右下左下。3）使读者在各个区位都有看点，激起阅读兴趣，增强可读性。4灵活运用设计法则1）所有的原则都不是一成不变的，只有打破旧模式，才能带来新感觉。2）关键是如何运用各种设计手法是矛盾统一起来，使变化和谐起来。5把握好整体与局部的关系版式设计中的各个区域是一个统一的整体，切不可一个板块一个风格。要正确运用艺术规律，达到形式与内容，局部与整体的完整统一，最终达到主题鲜明、层次清晰、要素呼应和谐的设计整体。6强调设计文化和超前理念1）设计创意只有建立在文化基础上才有市场；2）强调设计师的超强理念，必须走向社会、走向市场。四、课堂小结1版式设计的程序2版式设计的创意程序3版式设计创意的方法五、课后作业搜集版式设计的资料、成品，领会其中的设计创意。教案科目版式设计授课班级第3、4次课审批意见（签名）年月日课题公益海报设计教学目的1掌握以前所学知识的运用情况，为以后的课程设计作准备2掌握软件应用的熟练程度重点、难点1创意构思2构图布局3色彩搭配授课类型复习授课方法实验授课时数4教具教学过程附记一、组织教学准备上课资料，向同学们问好。二、复旧导新1版式设计的程序2版式设计的创意程序3版式设计创意的方法三、实验要求（一）设计主题“五心”信心、爱心、恒心、热心、孝心（二）设计要求1从五个主题中任选其一进行表现2诉求内容直观3视觉效果突出4表达方式不限5统一设计在A4纸上四、课堂制作1构思创意讨论2草图勾勒3正图描绘教案科目版式设计授课班级第5次课审批意见（签名）年月日课题设计讲评教学目的1锻炼同学们的语言组织能力、自我表述能力2锻炼同学之间的批评与自我批评能力，增强沟通重点、难点1设计构思的表达2自我优点与缺点的表述3他人优缺点的评述与改进措施授课类型新授授课方法理论授课时数2教具多媒体教学过程附记一、组织教学准备上课资料，向同学们问好。二、自我讲述（一）学生讲述自己的设计作品1设计构思2主题表达3表现方式4细节体现（二）自我总结评价1设计的优点与不足2改进方案三、同学互评1主题表达程度2优点与不足3改进建议四、教师总结教案科目版式设计授课班级第6、7次课审批意见（签名）年月日课题版式设计的构成要素教学目的熟悉版式设计中最基本的构成要素并加以运用重点、难点1点的凝聚与扩散2线的情感与张力3面的正负形相拥授课类型新授授课方法演示授课时数4教具投影仪教学过程附记一、组织教学准备上课资料，向同学们问好。二、复旧导新1版式设计的程序2版式设计的创意程序3版式设计创意的方法三、讲授新课版式设计要新颖、美观、大方，同时与自身定位相符合，其关键点在于版式设计要给人视觉上的感受，了解版式设计的构成要素是关键的一步。版式构成元素主要指点、线、面，不同的组合方式给人不同的心理感受。版面构成实际上就是如何经营好点、线、面。不管版面的内容与形式如何复杂，但最终可以简化到点、线、面上来。在平面设计家眼里，世上万物都可归纳为点、线、面一个字母、一个页码，可以理解为一个点；一行文字、一行空白均可理解为一条线；数行文字与一片空白，则可理解为面。他们相互依存，相互作用，组合出各种各样的姿态，构建成一个千变万化的全新版面。（一）点的凝聚于扩散所谓点就是细小的形，点的感觉是相对的，相对于其他元素的比例而言的，而不是由自身大小决定的。它是由形状、大小、方向、位置等形式构成的。点的凝聚于扩散的排列组合，带给人们不同得心理感受。1凝聚凝聚包含有专注、注释、聚焦的涵义。凝聚可产生集中视线的作用，能使人聚精会神，从而高度精神凝定不浮散，这对于信息资源不断丰厚甚至泛滥的当今是十分现实的，人们普遍认为有价值得不一定是信息，而更主要的是你的注意力，因为人们从未向现在这样感到注意力的涣散。所以，在倡导视觉注意力文化、经济的时下，能否对一件作品凝神贯注，应为设计成败之关键。点在版式设计中，最能形成视觉的“亮点”，就如同影视剧的看点，商品推销中的卖点，消费心理的买点，球类比赛中的局点一样，总是能调动受众的情绪并感染现场的气氛，除了具有非凡的积极参与意识外，同时也将视觉的警醒作用发挥到极点。所以一个出彩的、能吸引人们视线的设计就要有一个具有凝聚力的点。2扩散扩散源属于医学名词，是神经中枢之间发生相互作用的形式之一。如一个人神经中枢发生兴奋时，引致其他神经中枢也产生兴奋过程，称为“兴奋的扩散”，反之称为“抑制的扩散”。借助扩散的心理特征，将之运用于点的排列、组合中，使视觉出现上下跳跃、左右流动的音乐般潜质，予人一种生命的律动。（二）线的情感与张力线游离于点与行之间，具有位置、长度、宽度、方向和性格，线可以是移动的也可以是静止的。线可以构成各种装饰元素，以及各种形态，起着分隔画面形象的作用，在设计中的影响力远大于点。线在视觉上要占很大空间，他们的延伸带来一种活力。线可以串联各种视觉要素，也可以把版面中的图像和文字分开，可以使画面充满动感，也可以极好的稳定画面。1线的情感因素由于线具有不同特征，便赋予了线在视觉上的多样性。因此，我们在设计之前应先对线的运用有一定的了解，知道怎样的线和形式比较适合于哪一类版面，这是极为重要的条件，也才能帮助你找到所需要表达的意念。直线单纯、明快、刚硬粗直线笨重、有力细直线敏锐、脆弱锯齿线不安、焦虑水平线安定、平静垂直线严肃、庄重斜线速度、飞跃曲线柔和、优雅2线的空间张力线不但具有其情感上的因素，且具有方向性、流动性、延续性及远近感。它所产生的空间张力，为版面构成带来了广阔的思维空间。张力其本意是物体受到拉力作用时，存在于其内部而垂直于两相邻部分接触面上的相互牵引力。西方格式塔心理学家认为一切事物都可归纳为一种“力”的图式。视觉思维的过程即是客体的结构力场、大脑的生物电场以及主体的心理场三者相互转化的过程。这个转化过程是视觉设计本身具有的“张力”作用于人的大脑视觉皮层而产生的生理现象。版式设计上的张力效应是人的视觉和视觉情感相关联的。其中视觉元素如点、线、面在版面上的空间分布所形成的“力”和“场”，是引起视觉兴趣的关键。而其目的正是吸引注意力、吸引眼球，让读者在瞬间产生注目，感受作品形象的视觉穿透力对信息内涵的意义，即刻领悟在心。1）线的粗细与空间张力2）线的渐变与空间张力3）线的蓄势与空间张力4）线的放射与空间张力3线的自由分割构成线的自由分割性，使线在版面设计中具有独特的造型功能。它可以完全凭借个人的感觉来分，不受固定的条条框框所制约，灵活性大。（三）面的正负形相拥点的扩散成为线，线的移动成为面，而面的表现都是依恋于形的。面在空间上占有面积最多，因而在视觉上要比点、线来得强烈、实在，具有明显的个性特征。从整个视觉要素来看，面的视觉影响力最大，在整个版面上有举足轻重的地位。面可分成几何形和自由形两大类，在版面构成时要把握整体间的和谐，才能产生具有美感的视觉形式。“形”是指形象与形状，如圆、方、角就是一切造型的基础形状。在版面构成中，形的概念无处不在、无所不包，所有的设计要素都有一定的形状，他是受边缘的限定而形成的。形在版面中有正形与负形之构成。所谓正形，是指设计者将各设计元素布局在版面空间里，视觉明显能知觉到的形，反之，作为背景的就是负形。如果用黑白来表示的话，那么黑色代表正形，白色代表负形了，这是因为白色是作为背景出现的。但在按一定条件下，两者可相互转换，互为因借，不能分割。正负形的替换，可以引起人们的注意，因为它产生了意想不到的对比效果。正负形可以用“图”与“底”的关系来看待。它们包括三种类型1固定的图与底，图形放在背景上面；2可变性图与底，图形与背景同样突出；3模糊性图与底，也既是前景又或是背景。图与底相互借用在一个特定的版面空间里，彼此相互关照，恰似暗含着两种不同含义的“相关语”，两者之间或是相反，或是相联、相关。根据“相互统一”、“相互排斥”的原理，正负形组成了各不相让的局面，正是由于这种矛盾关系才显得形的特殊艺术魅力和视觉上的满足感。（四）点线面和谐共生“和谐”，顾名思义就是协调，也就是同心协力、互相配合，共商大计。“和谐”包含有两层意思一是指两个以上的事物在一起时所呈现出的和谐美的状态。二是指两个以上的事物调整、组合成为和谐状态的过程。点线面的和谐，就是在版面视觉中，产生有节奏、有对比的强弱变化。和谐包含着力量的平衡与对称的美，以及相互渗透的调和，就是让各元素之间有层次、有节奏的相互融合。但点线面的和谐是与否是一种视觉心理上的感受。简言之，点线面的和谐最终还要由人来进行具体感受和评判，能不能与具体功能相和谐。版面设计的目标就是取得视觉上的一致性、和谐型。设计并不是借机向观者炫耀你最新的视觉见解，好的设计要在其新创造的协调性、灵活性中间找到平衡，是其中的一些精妙之处能够显现出来。因而，和谐就是选取不相关的部分，并把他们有序的组合在一起的过程。不管他们之间多么的不相干，都必须互相调和、用以互相支持。换句话说，必须使各要素共同作用，激起读者的最大兴趣，把他们对作品的抵触情绪减少到最低限度。从版面本质上而言，图形和文字并不是完全不同的语言形式，这就要求设计者将之归在一起，而不是好像随意、碰巧的放在一起。只有调整他们的个性、创造出设计的协调性，才能促使彼此规划统一。因此，和谐是设计中最重要的方面。版面于是说只要达到了协调性，就可以忽略其他一切设计错误都不为过。点、线、面是版面造型的基础之重，任何版面构成形式都可以归纳为点、线、面的经营。因而应对点线面的和谐共生有清醒的认识。（五）版式设计中的其它构成要素1三维空间的编排构成所谓三维空间就是立体的，但是在平面版式上的三维空间，就是通过版面上各种元素的远近来表现的，是在平面上制造的一种假象，采用近大远小的比例，不同的位置和凸显的肌理来制造空间层次。1比例关系的空间层次是指面积大小的比例关系，在版面编排的时候将主体形象放大，次要形象缩小，使版面形成良好的主次、强弱的空间层次关系。2位置关系的空间层次是将文字与图形前后重叠排列所产生的空间层次感。3肌理空间层次主要表现为肌理的粗细、质感与色彩的变化2色彩构成颜色会给人的情绪带来一定的影响，使人的心理活动发生变化。红色表示快乐、热情，使人情绪热烈、饱满，激发爱的情感。黄色表示快乐、明亮，是人兴高采烈，充满喜悦之情。绿色表示和平，使人的心里有安定、恬静、温和之感。在版式设计中，颜色也是一个很重要的视觉元素，其本身就有强烈的空间感，合理的利用色彩搭配，能吸引人们的注意，让人印象深刻。四、课堂小结1点的凝聚与扩散2线的情感与张力3面的正负形相拥4点线面和谐共生5版式设计中的其它构成要素五、课后作业搜集报纸、书籍、画册等，以备作业使用。教案科目版式设计授课班级第8次课审批意见（签名）年月日课题音乐旋律的点线面表达教学目的1点线面的组织2点线面的情感表达重点、难点1点线面的情感因素2音乐的感受3画面的组织授课类型复习授课方法实验授课时数2教具多媒体教学过程附记一、组织教学准备上课资料，向同学们问好。二、复旧导新1点的凝聚与扩散2线的情感与张力3面的正负形相拥4点线面和谐共生5版式设计中的其它构成要素三、练习要求1用点线面的构成表达所听到的音乐带给自己的感受22020CM3表达方式不限四、课堂制作1初恋2命运3天空之城4晶冻的眼泪教案科目版式设计授课班级第9、10次课审批意见（签名）年月日课题海报拼贴设计制作教学目的熟练掌握版式设计中最基本的构成要素，并将其加以运用重点、难点1明确主题2构思创意3点线面的组合授课类型复习授课方法实验授课时数4教具教学过程附记一、组织教学向同学们问好，检查材料准备情况。二、复旧导新1点的凝聚与扩散2线的情感与张力3面的正负形相拥4点线面和谐共生5版式设计中的其它构成要素三、实验要求以“青春”为主题，进行点线面的编排练习，立意自定。要求1主题表达明确2点线面合理搭配3视觉效果突出4表达方式不限5统一设计在A4纸上五、课堂制作1构思创意讨论2草图勾勒3正图描绘教案科目版式设计授课班级第11次课审批意见（签名）年月日课题设计讲评教学目的1锻炼同学们的语言组织能力、自我表述能力2锻炼同学之间的批评与自我批评能力，增强沟通重点、难点1设计构思的表达2自我优点与缺点的表述3他人优缺点的评述与改进措施授课类型新授授课方法理论授课时数2教具多媒体教学过程附记一、组织教学准备上课资料，向同学们问好。二、自我讲述（一）学生讲述自己的设计作品1设计构思2主题表达3表现方式4细节体现（二）自我总结评价1设计的优点与不足2改进方案三、同学互评1主题表达程度2优点与不足3改进建议四、教师总结教案科目版式设计授课班级第12次课审批意见（签名）年月日课题视觉流程教学目的1了解版式设计的概念、目的2掌握视觉流程的设计原则与表现方法重点、难点1视觉流程的概念2视觉流程的设计原则3视觉流程的表现方法授课类型新授授课方法理论授课时数2教具多媒体教学过程附记一、组织教学准备上课资料，向同学们问好。二、复旧导新1点的凝聚与扩散2线的情感与张力3面的正负形相拥4点线面和谐共生5版式设计中的其它构成要素三、讲授新课（一）视觉流程的概念所谓视觉流程，就是当读者注视版面时，能够很自然的按照各诉求内容一步一步读下去，这条无形的视觉空间流动线就称为视觉流程。简言之，视觉流程实际上就是对版面上的各种视觉信息进行的最佳组合与合理安排，是设计师对各信息所做的有序处理。目的是引导读者的视线按照设计示意图获得最佳信息，提高信息传达的效率。（二）设计原则1突出策略性是视觉流程的整体原则，也是其核心与灵魂；必须根据创意策略的内涵、定位、销售、形式等整体布局，来谋求视觉的流向和步骤。2讲究逻辑性符合一般视觉原理、人们认识过程的心理顺序和思维发展过程的逻辑顺序；按信息要素的重要程度做合理编排。遵循由上到下、由左至右的最佳优选原则，达到主次分明。3强调可视性视觉原色应是目力所及的范围；视觉语言易读、易记、易于理解；诉求内容单纯明了、瞬间感知。（三）表现方法1线向视觉流程主要借助于线的不同方向的牵引；诉求单一，简单明了。1）直向视觉流程A竖向视觉流程将信息从上往下倾泻而下，视觉流向简洁有力具有稳固画面的作用最为直观B横向视觉流程按照从左到右的阅读习惯编排信息具有温和画面情感的作用，产生平稳、条理性的感觉2）斜向视觉流程具有强烈的视觉冲击力，能有效的吸引人们的注意力。3）曲向视觉流程含蓄、柔美；在内蕴中见激越。2导向视觉流程通过诱导元素，使读者的视线按照一定的方向顺序运动，并由大到小、由主及次，把版面各构成要素依次串联起来，组成一个统一的整体。1）文字导向是依据文字在版面中的秩序编排而形成的视觉流线，往往体现简约的风格，有一种干练的美。2）手势导向利用手势语言来表示信息的阅读顺序，从而完成视线的交流，营造一种人性化的沟通渠道。3）指示导向将带有比较明确方向性的设计元素编排在版面中（如箭头等），就会牵引着读者的视线到信息释放处，让读者了然于心。4）形象导向即将人的形象直接作为诱导视线的工具，更加生动、自然、贴切。3多向视觉流程与线向、导向视觉流程相反，强调版面视觉的情感性、自由性和个性化的随意编排，刻意追求一种新奇、刺激的视觉新语言。1）反向视觉流程与一般的视觉流向大相径庭，其设计宗旨就是为了与人们耳熟能详的视线规律背道而驰，形成大的视觉反差。2）趣味视觉流程利用人们的审美情趣而刻意营造的视觉流线，将人们感兴趣的视觉要素作为版面亮点来带领视觉在版面中遨游。3）散点视觉流程追求版面的多种视觉看点，可以活跃版面的灵巧性以及激活受众的参与意识。4）重心视觉流程与传统的视觉焦点相悖，以颠覆人们的视觉惯例为导向，把人们从恒常性的