微課畫面設(shè)計中的色彩搭配技巧

（衡水學(xué)院教師發(fā)展中心 河北·衡水 053000）

在信息化時代的大背景下，技術(shù)進(jìn)步與疫情防控進(jìn)一步催生了課堂變革，在線學(xué)習(xí)、翻轉(zhuǎn)課堂、混合學(xué)習(xí)等各種信息化教學(xué)模式已逐步普及。微課作為一種學(xué)習(xí)資源，已經(jīng)廣泛地使用在教學(xué)的各個環(huán)節(jié)。好的微課離不開優(yōu)化的教學(xué)設(shè)計、布局的巧妙構(gòu)思與色彩的合理搭配，直接影響著學(xué)生的學(xué)習(xí)效果。學(xué)習(xí)者打開微課，首先接收到的信息就是畫面中的色彩。合理的色彩搭配可以使信息呈現(xiàn)符合學(xué)習(xí)者的視覺和心理特點(diǎn)，提高信息的可讀性和視覺傳達(dá)效果。然而，教師的微課作品中常常出現(xiàn)主題色調(diào)不統(tǒng)一、色彩使用過多、使用不當(dāng)或搭配不合理等問題，對學(xué)生的認(rèn)知過程造成負(fù)擔(dān)。因此，一線教師很有必要深刻、全面、科學(xué)地認(rèn)識色彩，研究和掌握微課畫面色彩搭配的技巧，憑借色彩的表現(xiàn)力提升微課作品的魅力，能夠有效吸引學(xué)習(xí)者，提高信息傳播效果。

1 微課的教學(xué)運(yùn)用

微課即“Micro Courses”，以視頻或動畫為主要呈現(xiàn)方式，每個微課講解一個知識點(diǎn)或一個小的教學(xué)環(huán)節(jié)，如一個概念、一個核心或關(guān)鍵問題、一個實(shí)驗(yàn)操作等。微課短小精悍，可以通過網(wǎng)絡(luò)課程、微信、QQ等新媒體平臺進(jìn)行傳播，可以在手機(jī)、平板、電腦等終端設(shè)備觀看；圖文并茂、聲像并舉的呈現(xiàn)形式，生動、形象、具體，拓展了學(xué)習(xí)資源類型，彌補(bǔ)了傳統(tǒng)教學(xué)媒體的不足；為學(xué)生的自主學(xué)習(xí)提供了強(qiáng)有力的支持，滿足碎片化學(xué)習(xí)、移動學(xué)習(xí)、在線學(xué)習(xí)的需求。

2 微課畫面設(shè)計中色彩搭配的重要性

實(shí)驗(yàn)心理學(xué)家赤瑞特拉（Treicher）曾做過“關(guān)于人類獲取信息的來源”的實(shí)驗(yàn)。研究表明人類對外部信息的獲取，其中83%來自視覺，11%來自聽覺。曾有心理學(xué)及相關(guān)研究表明，人在觀察物體最初的20秒內(nèi)，色彩感覺時間占80%，形體感覺占20%，2分鐘后占比為6:4，5分鐘后各占一半。由此可見，人的第一感覺就是視覺，而第一瞬間傳遞信息、抓住人的眼球的是色彩。加涅的信息加工理論指出，學(xué)習(xí)的注意和選擇性知覺階段出現(xiàn)在學(xué)習(xí)過程的初始階段。利用差異顯著的文字顏色、突出的背景色塊、明顯的彩色輪廓或者下劃線、箭頭等方式，刺激學(xué)生的視網(wǎng)膜，使學(xué)生“注意”到需要注意的信息，促進(jìn)對必要信息的知覺，然后才會進(jìn)入信息的深層次加工。可見，色彩可以迅速、深刻、持久地刺激學(xué)習(xí)者，在視覺傳達(dá)效果上具有增加識別性的作用。

色彩具有美化和裝飾作用，具有“易視性、易讀性、易辨性、易注性、易記性”五種優(yōu)勢，在傳達(dá)情感方面也具有不可替代的作用，是畫面設(shè)計的重要構(gòu)成元素之一，對微課的視覺呈現(xiàn)效果有著非同一般的影響。符合學(xué)習(xí)者視覺心理特征的、視覺效果悅目、主題明確、清晰易讀、能夠與教學(xué)內(nèi)容相輔相成的配色設(shè)計，更能調(diào)動學(xué)習(xí)者的情緒和情感、調(diào)節(jié)思維、準(zhǔn)確形象地表達(dá)教學(xué)內(nèi)容、將學(xué)生的注意力集中在內(nèi)容上，達(dá)到激發(fā)學(xué)習(xí)興趣、促進(jìn)理解的教學(xué)目的。反之，色彩搭配不合理會分散注意力、不利于信息的傳達(dá)，甚至?xí)斐蓪W(xué)習(xí)者心理不適、增加認(rèn)知負(fù)荷。

3 微課畫面中色彩搭配的技巧

優(yōu)秀的微課畫面既要美觀大方，給學(xué)習(xí)者以舒適的視覺體驗(yàn)，又要突出授課內(nèi)容，讓學(xué)習(xí)者在有限的時間內(nèi)獲取并掌握更多的信息。畫面設(shè)計中色彩并非隨意使用，而是以藝術(shù)規(guī)律為基礎(chǔ)，依據(jù)對學(xué)習(xí)者年齡與心智、人的視覺心理特征、微課內(nèi)容等信息的分析，合理搭配，保證色彩的對比與協(xié)調(diào)，確保視覺傳達(dá)效果。

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

學(xué)習(xí)者看到的每一種色彩都是色相、明度、飽和度三個要素的綜合效果。不同的色相、明度、飽和度可以使人產(chǎn)生不同的視覺和心理感受，在潛移默化中影響人們的情緒。當(dāng)人們看到紅色、紅橙、橙色，會聯(lián)想到火焰、太陽、生命，從而感到溫暖、熱情、興奮；紅色還可以表示警示、禁止信息；思政類的微課可以選用紅色基調(diào)，提醒功能的標(biāo)志可以選用紅色。當(dāng)人們看到藍(lán)色、藍(lán)紫、藍(lán)綠色，會聯(lián)想到天空、海洋、冰雪，從而感到?jīng)鏊⒗潇o、理智、莊重、嚴(yán)肅；藍(lán)色同時也代表著憂郁和浪漫；科技類、機(jī)械類、文學(xué)類的微課可以選用藍(lán)色基調(diào)。當(dāng)人們看到綠色，會聯(lián)想到草地、樹木，從而感到清新、和平、寧靜、健康、希望；服務(wù)類、生態(tài)類、衛(wèi)生健康類、生產(chǎn)類的微課可以考慮選用綠色基調(diào)。黑色、白色和各種級別的灰色屬于中性色，具有樸素、柔和、高雅的意象，使人產(chǎn)生安靜、休憩、輕松的情緒；淺灰色的背景搭配低明度的文字非常適合閱讀文字。

3.2 色彩搭配要符合人眼視覺心理特征

高飽和度的顏色比較鮮亮，視覺沖擊力強(qiáng)、引人矚目，長時間觀看會造成視覺疲勞、忍耐度降低而使注意力分散，甚至產(chǎn)生煩躁情緒。低飽和度的顏色比較淡雅，刺激性小，感覺沉靜、舒適、放松，能使人靜下心來思考，利于保持注意力、長時間觀看。中性色和冷色調(diào)能使人的邏輯思維更清晰。暖色調(diào)以及白色具有擴(kuò)散感；冷色調(diào)以及黑色具有收縮感。高明度色調(diào)具有輕柔、上升感；低明度色調(diào)具有下降、沉重感。相同的顏色，面積大的更醒目；相同形狀和面積的顏色，明度高、飽和度高的更醒目。因此，畫面的背景和大篇幅的文字內(nèi)容不宜選擇暖色調(diào)和高飽和度色調(diào)，需要引起注意的小部分內(nèi)容可以選擇使用暖色調(diào)或者飽和度比較高的顏色，達(dá)到強(qiáng)調(diào)的作用。構(gòu)圖時，明度高的色彩在上方，明度低的色彩在下方，會給人平穩(wěn)、安定的感覺，這樣的布局是均衡的；反之，則有壓迫感，布局不穩(wěn)。

人們由于生活經(jīng)歷、脾氣性格的差異，必然會對顏色有不同的偏好。如性格外向的人和少年兒童喜歡鮮亮的、偏暖的和對比強(qiáng)烈的色調(diào)；性格溫和的人喜歡中明度、偏冷的和對比適中的色調(diào)。微課的顏色要根據(jù)學(xué)習(xí)者年齡和心理特征及微課的內(nèi)容等因素來確定。以講解專業(yè)知識為主的微課可以選擇白色、淺灰色、低飽和度高明度的淡藍(lán)色或淡綠色等中性色和冷色調(diào)，以降低對眼睛的刺激，利于長時間集中注意力。少年兒童類的微課可以適量選擇低飽和度高明度的紅色、黃色、橙色等暖色調(diào)，創(chuàng)造積極、活潑、明朗的情感聯(lián)想，提高學(xué)習(xí)的積極性和熱情。

3.3 色彩搭配要遵循主體突出原則

微課畫面中的顏色有背景色、主體色和點(diǎn)綴色。背景色是畫面的底色，通常面積較大。主體色是畫面中出鏡教師的服裝色或者文字、圖表等授課內(nèi)容的顏色。點(diǎn)綴色是需要學(xué)生特別注意的細(xì)節(jié)內(nèi)容，所占面積很小，可以起到點(diǎn)綴畫面的作用。主體色應(yīng)該成為畫面的“主色”；背景色作為特殊的“輔色”，用來突出主體色，使之成為視覺的中心；點(diǎn)綴色采用強(qiáng)對比策略，醒目突出。三者按照各自的關(guān)系和重要性，通過明與暗、純與濁、冷與暖、色相之間的差異形成等對比配色策略，共同決定著整個微課的色彩基調(diào)、風(fēng)格和意境。

不宜過于花哨，不宜選用高飽和度的顏色。防止與畫面中的文字、教師等主體爭奪學(xué)習(xí)者的注意力，要最大限度地降低視覺干擾。豐富的背景顏色會使得文字顏色的搭配困難重重，不能保證每一部分的文字與背景的對比度，可能會使某些文字“看不清”。

主體色與背景色在純度、色相、明度上形成對比。對比的配色可以使主體醒目、突出，增加辨識度，確保可讀性。比如淺色背景配深色文字，深色背景配淺色文字。對比強(qiáng)烈的色彩可以營造視覺沖擊，使文字內(nèi)容能夠從視覺上快速吸引學(xué)生的注意力。

根據(jù)畫面背景和主體的顏色，在對比與調(diào)和的原則下選擇點(diǎn)綴色，使細(xì)節(jié)的點(diǎn)綴與整體相呼應(yīng)。一些關(guān)鍵詞、提醒學(xué)習(xí)者注意的標(biāo)記可以設(shè)置成飽和度高的、與主體顏色呈對比的顏色。比如，白色或淺灰色（#F5F5F5）背景上，主體文字使用了深灰色（#343434）或者低飽和度低明度的冷色調(diào)深藍(lán)色，點(diǎn)綴色選擇高飽和度的暖色調(diào)紅色或橙紅色。暖色調(diào)使人興奮，通過強(qiáng)烈的視覺沖擊，在界面中起強(qiáng)調(diào)、突出、提醒作用。

3.4 色彩搭配要遵循簡潔性原則

畫面設(shè)計的原則是形式為內(nèi)容服務(wù)，漂亮豐富的色彩不是主要的，通過合理的色彩搭配將教學(xué)內(nèi)容傳達(dá)給學(xué)習(xí)者才是最重要的。在一幅畫面中用色不宜過多，3-4種顏色比較適宜。畫面中的顏色一旦過多，就會顯得花哨，主體內(nèi)容不易突出，分散注意力，增加學(xué)習(xí)者的反應(yīng)時間，增加認(rèn)知負(fù)荷。比如，實(shí)的背景圖顏色較多，會將學(xué)習(xí)者的注意力分散到五彩繽紛的顏色上，純色的、簡單的或者虛化的背景圖更能將注意力集中到主體內(nèi)容上。

3.5 色彩搭配要遵循統(tǒng)一性原則

整個微課的色彩基調(diào)要統(tǒng)一，營造一個和諧統(tǒng)一的學(xué)術(shù)傳播氛圍，使學(xué)習(xí)者保持穩(wěn)定的學(xué)習(xí)情緒。背景顏色、主體的顏色、點(diǎn)綴色一旦確定，就不要隨意更改。比如，具有相同功能的提示框，使用同一種顏色且保持色彩前后一致。隨意更改會造成視覺的間斷和跳躍，使得學(xué)生浪費(fèi)精力適應(yīng)新的色彩基調(diào)，增加認(rèn)知負(fù)荷。

3.6 色彩搭配要遵循協(xié)調(diào)性原則

色彩的協(xié)調(diào)指多種顏色組合在一起，使畫面構(gòu)成和諧統(tǒng)一的整體，給人舒適的視覺印象。同一色相不同明度飽和度的配色，畫面看起來單調(diào)、平淡、缺乏生機(jī)，加上對比色進(jìn)行調(diào)整，使畫面主題清晰、主次分明、由簡單平庸變得鮮活。畫面顏色過多，或?qū)Ρ冗^于生硬或?qū)Ρ确浅?qiáng)烈時，可以通過添加過渡色或使用同類色搭配、相似色搭配等方法進(jìn)行調(diào)整，使刺激性、混亂的畫面回歸到平靜、優(yōu)雅、安寧的狀態(tài)。很多微課畫面選用灰色做背景色就是因?yàn)榛疑芘c眾多顏色搭配和諧，能夠作為冷暖搭配中的調(diào)和色，起緩沖和銜接作用，使畫面具有節(jié)奏感。高飽和度的藍(lán)色和品紅色色塊放置在一起，就會產(chǎn)生刺眼的感覺，降低他們的飽和度和明度，可以達(dá)到協(xié)調(diào)的效果。

總之，微課畫面設(shè)計時，要在綜合考慮多種因素的基礎(chǔ)上確定一個統(tǒng)一的色彩基調(diào)。通過冷暖、色相、飽和度、明度的對比，合理使用色彩進(jìn)行布局，使畫面主次分明、重點(diǎn)突出、引導(dǎo)學(xué)習(xí)者的視線。要合理使用色彩調(diào)和手段，處理好各個色彩塊之間的關(guān)系，做到總體協(xié)調(diào)、局部對比。使微課畫面豐富多彩而不雜亂，統(tǒng)一和諧而不單調(diào)，形成美的視覺效果，為學(xué)習(xí)者提供一個舒適、有利于注意力集中的學(xué)習(xí)環(huán)境。