《版式设计》教案 第11课 得心应手——把握色彩搭配技巧

得心应手——把握色彩搭配技巧课题课时4课时180min知识技能目标1掌握色彩对比、色彩调和等色彩搭配方法2掌握在版式设计中运用色彩的原则和技巧3能够根据设计主题和设计需求灵活运用色彩进行版式设计教学目标4能够赏析优秀案例，提升艺术鉴赏能力素质目标1通过运用不同色彩进行设计实践，提升审美素养和设计能力2通过了解中国传统色彩的文化内涵，增强文化自信3在任务实施与项目实训的过程中，提升独立思卷口与他人合作的能力教学重难点教学重点色彩搭配的方法、色彩搭配的依据教学难点色彩搭配的方法教学方法情景模拟法、问答法、讨论法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤考勤【教师】使用APP进行签到【学生】按照老师要求签到【教师】讲述〃艺术瑰宝唐三彩中的色彩搭配〃案例详见教材，并提出问题看完案例你有哪些启发？任务导入【学生】思考、举手回答【教师】通过学生的回答，引入新知，讲解色彩搭配的方法.色彩搭配的依据等知识

一、色彩搭配的方法常用的色彩搭配方法主要有色彩对比和色彩调和两种这两种方法都是创造色彩美感的重要手段,两者既是相互对立的矛盾体，也是相辅相成的统一体色彩对比可以增强色彩的差异性、多样性，使搭配效果更加丰富，给人以强烈的视觉;申击力；色彩调和则可以增强色彩的秩序性、统一性，使搭配效果更加协调，给人以舒适的视觉感受-色彩对比色彩对比是指利用不同色彩之间的差异形成对比效果的色彩搭配方法T合当的色彩对比不仅可以使原本的色彩传授新知更加鲜明、耀眼，还可以吸引读者的注意，增强版面的活力不睡现力色彩对比主要有色相对比、明度对比、纯度对比三种

1.色相对比色相对比是指因色相差异而形成的对比色相对比的强弱，是由不同色相在色相环上的距离远近所决定的【教师】利用多媒体展示〃色相对比”系列图片，并进行讲解按照对比程度由弱到强的顺序排列，色相对比可以分为同类色相对比、近似色相对比、邻近色相对比、中差色相对比、对比色相对比和互补色相对比六种形式，如图所小，【教师】利用多媒体展示〃色相对比的不同形式及其视觉效果”表格，并进行讲解让空为族变来泉!不同形式的色相对比会使画面产生不同的视觉效果，见下表色相对比的不同形式及其视觉效果对比程度对比形式视觉效果同类色相对比含蓄、朴素弱对比近似色相对比柔和、优雅邻近色相对比和谐、雅致中对比中差色相对比活泼、明快对比色相对比鲜明、强烈强对比互补色相对比跳跃、刺激【教师】利用多媒体展示〃色相对比在版式设计中的应用〃图片，并进行讲解在版式设计中，设计者要根据设计主题恰当使用不同形式的色相对比，以使版面生动、饱满、具有视觉冲击力，如图所示【教师】提出以下问题请学生讨论作答请同学们仔细思考，色相对比是否包含无彩色，并说明理由【学生】聆听.思考.回答【教师】总结学生的回答

2.明度对比【教师】利用多媒体展示〃明度对比〃图片，并进行讲解明度对比是指将不同明度的色彩并置而产生的对比，它是拉开色彩层次、提高色彩亮度、增加色彩稳定性的主要方式，如图所示明度对比分为有彩色明度对比和无彩色明度对比有彩色明度对比有两种情况【教师】利用多媒体展示〃同一色相不同明度对比〃图片，并进行讲解一种是同一色相不同明度之间的对比，如图所示；【教师】利用多媒体展示〃不同色相明度对比”图片，并进行讲解另一种是不同色相之间的明度对比，如图所示【教师】利用多媒体展示〃无彩色明度对比”图片，并进行讲解无彩色明度对比是指由黑、白、灰等无彩色的明度变化而形成的对比，如图所示在版式设计中合理运用明度对比，能使版面丰富，富有层次感

3.纯度对比【教师】利用多媒体展示〃纯度对比”图片，并进行讲解因纯度差异而产生的对比称为纯度对比，如图所示纯度对比既可以是同一色相不同纯度之间的对比，也可以是不同色相之间的纯度对比纯度对比的程度不像色相对比和明度对比那样强烈，但它能够直接影响版面的整体效果高纯度色彩可以吸引读者的注意，让人感到兴奋，但过度使用会让画面繁杂、刺眼，造成视觉或精神上的疲劳；低纯度色彩常常给人一种沉稳、从容之感，但单一的低纯度色彩也会让人产生单调、乏味、压抑的感觉【教师】利用多媒体展示〃纯度对比在版式设计中的应用”图片，并进行讲解因此，在版式设计中，要将高纯度色彩和低纯度色彩灵活搭配，让版面在充满视觉冲击力的同时，又有自然、和谐的视觉效果，如图所示【教师】随机邀请学生回答以下问题你还知道哪些色彩对比形式？【学生】聆听、思考、回答【教师】总结学生的回答除了色相对比、明度对比和纯度对比之外，色彩对比还有面积对匕货口聚散对比【教师】利用多媒体展示〃面积对比”图片，并进行讲解面积对比是指由色彩在画面中所占面积的差异而引起的对比，如图所示当画面中不同色彩的面积相当时，对比效果最为强烈；当其中任意一种色彩的面积增大或减小时，对比效果都会减弱因此，在色彩搭配过程中，要合理安排各种色彩在画面中所占的面积，从而使画面和谐有序【教师】利用多媒体展示〃聚散对比”图片，并进行讲解聚散对比是指在面积相同的情况下，因不同色彩的聚集和分散程度的差异而形成的对比，如图所示色彩越聚集，其轮廓就越清晰，稳定性越好，产生的对比效果越强；色彩越分散，其轮廓就越模糊，稳定性越差，产生的对比效果越弱

（二）色彩调和色彩调和是指将多种色彩协调有序地组合在一起的色彩搭配方法色彩调和可以减少色彩之间的差异感和矛盾感，让版面既能个性鲜明，又能和谐统一色彩调和主要有同一调和、类似调和、隔离调和、面积调和四种

1.同一调和当两种或多种色彩在色相、明度、纯度三种属性上有一种属性完全相同时，可以通过变换另外两种属性来使画面协调，这种色彩调和方法称为同一调和【教师】利用多媒体展示〃同色相调和“，〃同明度调和“，〃同纯度调和“，〃无彩色调和”图片，并进行讲解同一调和可以分为同色相调和、同明度调和、同纯度调和和无彩色调和四种，如图所示【教师】利用多媒体展示“同一调和在版式设计中的应用〃图片，并进行讲解在版式设计中，当组合的色彩之间差异太大而导致版面不协调时，可以通过同一调和增加不同色彩之间的共性，减弱不统一的因素，进而增强版面的和谐感，如图所示

2.类似调和【教师】利用多媒体展示“类似调和〃图片，并进行讲解当多种色彩在色相、明度、纯度三种属性上有某一种或两种属性相似时，可以在此基础上进行色彩组合，以增强画面的和谐感，这种色彩调和方法称为类似调和，如图所示【教师】利用多媒体展示〃类似调和在版式设计中的应用”图片，并进行讲解在版式设计中，合理运用类似调和可以有效打造协调、平稳的版面效果，如图所示

3.隔离调和隔离调和是指用第三种色彩隔开两种色彩的色彩调和方法例如，用第三色隔离对比强烈的两色，能缓解对比过分强烈带来的刺激感，使色彩关系更加和谐；用第三色隔离对比微弱的两色，能消解色彩过于类似带来的混沌感，使色彩关系更加明朗【教师】利用多媒体展示〃隔离调和〃图片，并进行讲解用来隔离的色彩通常是黑、白、灰等无彩色或金色、银色，且通常以线型出现，隔离线越粗，产生的调和感就越强，如图所示【教师】利用多媒体展示〃隔离调和在版式设计中的应用〃图片，并进行讲解在版式设计中，可以通过隔离调和使原本繁杂纷乱的色彩协调有序，打造和谐、富有表现力的版面效果，如图所示

4.面积调和【教师】利用多媒体展示〃面积调和〃图片，并进行讲解面积调和是指通过调整色彩面积的大小来改变色彩关系的色彩调和方法，如图所示【教师】利用多媒体展示〃面积调和在版式设计中的应用〃图片，并进行讲解在版式设计中，高明度、高纯度的色彩所占的面积应该小，低明度、低纯度的色彩所占的面积应该大，这样才能使版面协调、平衡，如图所示【教师】提出以下问题请学生讨论作答请同学们讨论一下，哪些色彩适合作为版面的主色【学生】聆听、思考、回答【教师】总结学生的回答【教师】扫码播放〃《千里江山图》中色彩的对比与调和〃视频（详见教材），并提出以下问题看完视频你有哪些感悟？【学生】观看、思考，举手回答【教师】总结学生的回答

二、色彩搭配的依据色彩的变化难以捉摸，色彩搭配的方法也丰富多样，选择合适的色彩搭配看似复杂，但其实是有据可依的在版式设计中，设计者可以依据设计主题、产品属性、目标群体等方面进行色彩搭配（-）依据设计主题进行色彩搭配设计主题是设计作品的灵魂所在，色彩搭配应始终围绕设计主题来进行恰当的色彩搭配能够强化设计主题，将重要信息第一时间传达给读者因此，设计者要充分理解设计主题，寻找与主题契合的色彩关系并将其恰当运用于版式设计中，以使版面主题鲜明，和谐有致，如图所示【教师】利用多媒体展示〃依据设计主题进行色彩搭配”第一张图片，并进行讲解在这张图中，设计者主要使用了绿色绿色所蕴含的活力和生机让整个版面显得清新、活泼，而绿色的象征意义也非常符合版面〃绿色出行，低碳生活〃的设计主题【教师】利用多媒体展示〃依据设计主题进行色彩搭配”第二张图片，并进行讲解在这张图中，设计者主要使用了浅黄色、土黄色、浅棕色等纯度和明度较低的色彩，这些色彩能够给读者一种憨厚可人的感觉，也和版面的可爰风格十分匹配

（二）依据产品属性进行色彩搭配大部分设计作品最终还是要落实到对产品的宣传上，因此，设计者应该正确把握不同色彩的象征意义和心理效应，并将其与产品的属性准确匹配，通过合理的色彩搭配展现产品的特点和魅力，激发读者对产品的兴趣,如图所示【教师】利用多媒体展示〃依据产品属性进行色彩搭配”第一张图片，并进行讲解在这张图中，设计者使用了口红的色彩作为版面主色，这样既能展现产品的固有属性，又能让版面充满魅惑、成熟的感觉【教师】利用多媒体展示〃依据产品属性进行色彩搭配”第二张图片，并进行讲解在这张图中，设计者使用了茶叶的绿色作为版面主色清新的绿色让人联想到茶叶清爽的口感，增强了产品的吸引力

（三）依据目标群体进行色彩搭配色彩作为版面中最先被感知的设计元素，对读者的行为有很大影响；而读者的年龄、性别和职业不同，其喜好和关注点也会有所不同因此，设计者应该根据目标群体的特征和喜好有针对性地进行色彩搭配，从而有效抓住目标群体的眼球，如图所示【教师】利用多媒体展示〃依据目标群体进行色彩搭配〃第一张图片，并进行讲解这张图的目标群体为儿童，设计者使用了纯度较高的黄、蓝、绿等色彩，形成了强烈的对比，让版面给人一种活泼、明快的视觉感受，从而精准吸引目标群体的注意【教师】利用多媒体展示“依据目标群体进行色彩搭配〃第二张图片，并进行讲解这张图的目标群体为女性，设计者主要使用了粉色作为版面主色粉色会给人一种温柔、淡雅、亲切的感觉，增强了版面的亲和力，从而快速抓住女性群体的眼球【教师】利用多媒体展示〃依据目标群体进行色彩搭配〃第三张图片，并进行讲解这张图的目标群体为男性，设计者主要使用了灰色作为版面主色，以此打造出一种沉静、坚实的版面效果,也准确体现了男性群体更为青睐的沉稳、朴素的风格【学生】聆听、思考、理解、记忆【教师】总结本课所学得心应手一_把握色彩搭配技巧的相关知识，请同学们运用所学知识设计一张明信片，并将它寄给重要的人得益于新媒体技术的快速发展，如今我们传递和接收消息都十分便捷，即使和亲友远隔千里，只要动动手指就能和他们毫无障碍地进行交流不过，这也使得邮寄书信、明信片等〃效率低下〃的传统沟通方式渐渐淡出了人们的视野，但是那种手写文字的真实感、〃见字如面〃的亲切感、亲手收到信纸和明信片的惊喜感是现代通信方式无法给予的请同学们运用所学知识设计一张明信片，并将它寄给重要的人具体实施步骤如下

1.确定主题选择一位想要寄送明信片的对象，并以此确定设计主题

2.确定尺寸明信片的尺寸一般有165mm x102mm、148mm x100mm、25mm x78mm三种，同学们可以根据设计需求选择合适的尺寸需要注意的是,为了便于裁切,一般会在画面四周预留3mm的空白，以148mm x100mm的尺寸为例，其实际制作尺寸应为154mmxl06mmo课堂实践

3.设计明信片根据尺寸和设计主题,结合版式设计的知识，运用Adobe Photoshop.Adobe Illustrator等软件设计明信片正面和背面明信片正面可以自由发挥进行创意设计，明信片背面要包含收件人邮政编码填写处、寄件人邮政编码填写处、收件人地址和姓名填写处、寄件人地址和姓名填写处、邮票粘贴处几个部分，具体形式可参考市面上已成型的明信片

4.打印明信片搜集资料，了解明信片所用纸张的种类及其特点，选择合适的纸张并打印明信片

5.寄送明信片在明信片背面写上想要传递的话语，并正确填写邮政编码、地址等信息，然后粘贴好邮票，将其寄出给指定对象【学生】确定主题，确定尺寸，设计明信片，打印明信片，上台展示，并进行说明【教师】与学生一起点评，并提出建议【学生】展开讨论，互相分享心得体会，并寄送明信片【教师】提出以下问题1色彩对比有哪几种？课堂检测2色彩调和包括哪些？【学生】聆听、思考、回答【教师】简要总结本节课的要点课堂小结色彩搭配的方法、色彩搭配的依据【学生】总结回顾知识点【教师】利用多媒体展示〃’以二十四节气’〃为主题的系列设计作品〃图片并进行讲解详见教材，提出以下要求请国学们运用所学知识，通过小组合作的方式，为一十四节气设计宣传海报，要求是每个节气的宣传海报的主色都不同具体实施步骤如下1自由结组同学们自由组队，10-12人一组，组内推选一名小组长，小组长根据任务内容合理分工2搜集资料搜集相关资料,深入了解二十四节闩的起源、发展、特点、风俗等知识3设计宣传海报1搜集和分析案例广泛搜集优秀案例，结合所学知识分析其版式设计、色彩运用等的特帚口优缺点，并从中获取灵感项目实训2确定每个节气海报的主色参考搜集到的资料和优秀案例，结合小组成员的理解，为每个节W的宣传海报确定一种主色3构思设计思路根据选定的主色，构思每个节气的宣传海报的设计思路4设计作品在确保符合设计主题和设计要求的基础上，结合版式设计的相关知识，运用Adobe Photoshop.Adobe Illustrator等软件设计宣传海报4展小与交流各小组分别派一名代表展示本小组的作品，并说明设计方法、设计思路和设计过程等，然后收集和整理教师与其他同学的建议和评价，课后继续完善作品5作品评选由教师和同学们共同投票选出优秀作品和优秀小组，并予以嘉奖【学生】自由分组，收集资料，设计宣传海报，上台展示,并进行说明【教师】与学生一起点评，并提出建议作业布置.【教师】扫码布置课后作业【学生】展开讨论，互相分享心得体会总结本课所学把握色彩搭配技巧的相关知识，并制作思维导图【学生】完成课后任务教学反思。