微课画面设计中的色彩搭配技巧

（衡水学院教师发展中心 河北·衡水 053000）

在信息化时代的大背景下，技术进步与疫情防控进一步催生了课堂变革，在线学习、翻转课堂、混合学习等各种信息化教学模式已逐步普及。微课作为一种学习资源，已经广泛地使用在教学的各个环节。好的微课离不开优化的教学设计、布局的巧妙构思与色彩的合理搭配，直接影响着学生的学习效果。学习者打开微课，首先接收到的信息就是画面中的色彩。合理的色彩搭配可以使信息呈现符合学习者的视觉和心理特点，提高信息的可读性和视觉传达效果。然而，教师的微课作品中常常出现主题色调不统一、色彩使用过多、使用不当或搭配不合理等问题，对学生的认知过程造成负担。因此，一线教师很有必要深刻、全面、科学地认识色彩，研究和掌握微课画面色彩搭配的技巧，凭借色彩的表现力提升微课作品的魅力，能够有效吸引学习者，提高信息传播效果。

1 微课的教学运用

微课即“Micro Courses”，以视频或动画为主要呈现方式，每个微课讲解一个知识点或一个小的教学环节，如一个概念、一个核心或关键问题、一个实验操作等。微课短小精悍，可以通过网络课程、微信、QQ等新媒体平台进行传播，可以在手机、平板、电脑等终端设备观看；图文并茂、声像并举的呈现形式，生动、形象、具体，拓展了学习资源类型，弥补了传统教学媒体的不足；为学生的自主学习提供了强有力的支持，满足碎片化学习、移动学习、在线学习的需求。

2 微课画面设计中色彩搭配的重要性

实验心理学家赤瑞特拉（Treicher）曾做过“关于人类获取信息的来源”的实验。研究表明人类对外部信息的获取，其中83%来自视觉，11%来自听觉。曾有心理学及相关研究表明，人在观察物体最初的20秒内，色彩感觉时间占80%，形体感觉占20%，2分钟后占比为6:4，5分钟后各占一半。由此可见，人的第一感觉就是视觉，而第一瞬间传递信息、抓住人的眼球的是色彩。加涅的信息加工理论指出，学习的注意和选择性知觉阶段出现在学习过程的初始阶段。利用差异显著的文字颜色、突出的背景色块、明显的彩色轮廓或者下划线、箭头等方式，刺激学生的视网膜，使学生“注意”到需要注意的信息，促进对必要信息的知觉，然后才会进入信息的深层次加工。可见，色彩可以迅速、深刻、持久地刺激学习者，在视觉传达效果上具有增加识别性的作用。

色彩具有美化和装饰作用，具有“易视性、易读性、易辨性、易注性、易记性”五种优势，在传达情感方面也具有不可替代的作用，是画面设计的重要构成元素之一，对微课的视觉呈现效果有着非同一般的影响。符合学习者视觉心理特征的、视觉效果悦目、主题明确、清晰易读、能够与教学内容相辅相成的配色设计，更能调动学习者的情绪和情感、调节思维、准确形象地表达教学内容、将学生的注意力集中在内容上，达到激发学习兴趣、促进理解的教学目的。反之，色彩搭配不合理会分散注意力、不利于信息的传达，甚至会造成学习者心理不适、增加认知负荷。

3 微课画面中色彩搭配的技巧

优秀的微课画面既要美观大方，给学习者以舒适的视觉体验，又要突出授课内容，让学习者在有限的时间内获取并掌握更多的信息。画面设计中色彩并非随意使用，而是以艺术规律为基础，依据对学习者年龄与心智、人的视觉心理特征、微课内容等信息的分析，合理搭配，保证色彩的对比与协调，确保视觉传达效果。

3.1 色彩搭配要符合色彩的情感特征

学习者看到的每一种色彩都是色相、明度、饱和度三个要素的综合效果。不同的色相、明度、饱和度可以使人产生不同的视觉和心理感受，在潜移默化中影响人们的情绪。当人们看到红色、红橙、橙色，会联想到火焰、太阳、生命，从而感到温暖、热情、兴奋；红色还可以表示警示、禁止信息；思政类的微课可以选用红色基调，提醒功能的标志可以选用红色。当人们看到蓝色、蓝紫、蓝绿色，会联想到天空、海洋、冰雪，从而感到凉爽、冷静、理智、庄重、严肃；蓝色同时也代表着忧郁和浪漫；科技类、机械类、文学类的微课可以选用蓝色基调。当人们看到绿色，会联想到草地、树木，从而感到清新、和平、宁静、健康、希望；服务类、生态类、卫生健康类、生产类的微课可以考虑选用绿色基调。黑色、白色和各种级别的灰色属于中性色，具有朴素、柔和、高雅的意象，使人产生安静、休憩、轻松的情绪；浅灰色的背景搭配低明度的文字非常适合阅读文字。

3.2 色彩搭配要符合人眼视觉心理特征

高饱和度的颜色比较鲜亮，视觉冲击力强、引人瞩目，长时间观看会造成视觉疲劳、忍耐度降低而使注意力分散，甚至产生烦躁情绪。低饱和度的颜色比较淡雅，刺激性小，感觉沉静、舒适、放松，能使人静下心来思考，利于保持注意力、长时间观看。中性色和冷色调能使人的逻辑思维更清晰。暖色调以及白色具有扩散感；冷色调以及黑色具有收缩感。高明度色调具有轻柔、上升感；低明度色调具有下降、沉重感。相同的颜色，面积大的更醒目；相同形状和面积的颜色，明度高、饱和度高的更醒目。因此，画面的背景和大篇幅的文字内容不宜选择暖色调和高饱和度色调，需要引起注意的小部分内容可以选择使用暖色调或者饱和度比较高的颜色，达到强调的作用。构图时，明度高的色彩在上方，明度低的色彩在下方，会给人平稳、安定的感觉，这样的布局是均衡的；反之，则有压迫感，布局不稳。

人们由于生活经历、脾气性格的差异，必然会对颜色有不同的偏好。如性格外向的人和少年儿童喜欢鲜亮的、偏暖的和对比强烈的色调；性格温和的人喜欢中明度、偏冷的和对比适中的色调。微课的颜色要根据学习者年龄和心理特征及微课的内容等因素来确定。以讲解专业知识为主的微课可以选择白色、浅灰色、低饱和度高明度的淡蓝色或淡绿色等中性色和冷色调，以降低对眼睛的刺激，利于长时间集中注意力。少年儿童类的微课可以适量选择低饱和度高明度的红色、黄色、橙色等暖色调，创造积极、活泼、明朗的情感联想，提高学习的积极性和热情。

3.3 色彩搭配要遵循主体突出原则

微课画面中的颜色有背景色、主体色和点缀色。背景色是画面的底色，通常面积较大。主体色是画面中出镜教师的服装色或者文字、图表等授课内容的颜色。点缀色是需要学生特别注意的细节内容，所占面积很小，可以起到点缀画面的作用。主体色应该成为画面的“主色”；背景色作为特殊的“辅色”，用来突出主体色，使之成为视觉的中心；点缀色采用强对比策略，醒目突出。三者按照各自的关系和重要性，通过明与暗、纯与浊、冷与暖、色相之间的差异形成等对比配色策略，共同决定着整个微课的色彩基调、风格和意境。

不宜过于花哨，不宜选用高饱和度的颜色。防止与画面中的文字、教师等主体争夺学习者的注意力，要最大限度地降低视觉干扰。丰富的背景颜色会使得文字颜色的搭配困难重重，不能保证每一部分的文字与背景的对比度，可能会使某些文字“看不清”。

主体色与背景色在纯度、色相、明度上形成对比。对比的配色可以使主体醒目、突出，增加辨识度，确保可读性。比如浅色背景配深色文字，深色背景配浅色文字。对比强烈的色彩可以营造视觉冲击，使文字内容能够从视觉上快速吸引学生的注意力。

根据画面背景和主体的颜色，在对比与调和的原则下选择点缀色，使细节的点缀与整体相呼应。一些关键词、提醒学习者注意的标记可以设置成饱和度高的、与主体颜色呈对比的颜色。比如，白色或浅灰色（#F5F5F5）背景上，主体文字使用了深灰色（#343434）或者低饱和度低明度的冷色调深蓝色，点缀色选择高饱和度的暖色调红色或橙红色。暖色调使人兴奋，通过强烈的视觉冲击，在界面中起强调、突出、提醒作用。

3.4 色彩搭配要遵循简洁性原则

画面设计的原则是形式为内容服务，漂亮丰富的色彩不是主要的，通过合理的色彩搭配将教学内容传达给学习者才是最重要的。在一幅画面中用色不宜过多，3-4种颜色比较适宜。画面中的颜色一旦过多，就会显得花哨，主体内容不易突出，分散注意力，增加学习者的反应时间，增加认知负荷。比如，实的背景图颜色较多，会将学习者的注意力分散到五彩缤纷的颜色上，纯色的、简单的或者虚化的背景图更能将注意力集中到主体内容上。

3.5 色彩搭配要遵循统一性原则

整个微课的色彩基调要统一，营造一个和谐统一的学术传播氛围，使学习者保持稳定的学习情绪。背景颜色、主体的颜色、点缀色一旦确定，就不要随意更改。比如，具有相同功能的提示框，使用同一种颜色且保持色彩前后一致。随意更改会造成视觉的间断和跳跃，使得学生浪费精力适应新的色彩基调，增加认知负荷。

3.6 色彩搭配要遵循协调性原则

色彩的协调指多种颜色组合在一起，使画面构成和谐统一的整体，给人舒适的视觉印象。同一色相不同明度饱和度的配色，画面看起来单调、平淡、缺乏生机，加上对比色进行调整，使画面主题清晰、主次分明、由简单平庸变得鲜活。画面颜色过多，或对比过于生硬或对比非常强烈时，可以通过添加过渡色或使用同类色搭配、相似色搭配等方法进行调整，使刺激性、混乱的画面回归到平静、优雅、安宁的状态。很多微课画面选用灰色做背景色就是因为灰色能与众多颜色搭配和谐，能够作为冷暖搭配中的调和色，起缓冲和衔接作用，使画面具有节奏感。高饱和度的蓝色和品红色色块放置在一起，就会产生刺眼的感觉，降低他们的饱和度和明度，可以达到协调的效果。

总之，微课画面设计时，要在综合考虑多种因素的基础上确定一个统一的色彩基调。通过冷暖、色相、饱和度、明度的对比，合理使用色彩进行布局，使画面主次分明、重点突出、引导学习者的视线。要合理使用色彩调和手段，处理好各个色彩块之间的关系，做到总体协调、局部对比。使微课画面丰富多彩而不杂乱，统一和谐而不单调，形成美的视觉效果，为学习者提供一个舒适、有利于注意力集中的学习环境。