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

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

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

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

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

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

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

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

3 微課畫(huà)面中色彩搭配的技巧

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

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

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

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

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

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

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

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

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

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

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

3.4 色彩搭配要遵循簡(jiǎn)潔性原則

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

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

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

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

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

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