設計心理學在教學視頻畫面中的應用研究

惠恭健 梁艷琳

摘要：教學視頻是現階段重要的數字化教育資源，為提升教學視頻的質量，確保優質教學效果。試從設計心理學的角度出發，結合中國大學MOOC中實際案例，從教學視頻設計中構圖設計、教學內容的視覺化表達、視覺風格三個方面設計入手。為優質教學資源的設計提供可行性的方法和多樣化的表征手段，以期為教學視頻設計者設計過程提供相應借鑒。

關鍵詞：教學視頻設計心理學知識表征

中圖分類號：G434

文獻標識碼：A

文章編號：1003-0069 （2019） 03-0136-02

引言

教學視頻集合了圖片、文字、聲音、動畫等多種媒體，具有生動形象、聲畫并茂、隱性知識顯性化等特征[1]。其已成為現階段重要的數字化教育資源，在線下、線上教學中有著十分廣泛的應用，特別是在國家精品課程、視頻公開課和MOOCs等遠程教育中發揮著舉足輕重的作用[2]。視頻的呈現方式影響著教學視頻的可用性和易學性，進而對學習效果有著直接作用[3]。但是現存教學視頻質量參差不齊，大量存在問題的教學視頻充斥在教學過程中，不僅不能發揮教學視頻本身優勢，還給學習者帶來了視覺污染和不必要的學習負擔，給教學帶來了不佳的影響。另外，在教學視頻設計過程中缺乏相關理論支撐，多數教學視頻僅依據設計者本人主觀喜惡進行設計與開發，難以保證教學視頻的質量和適用性。一個優秀的教學視頻應為學習者有興趣學習，認知負荷低和容易理解的。而設計心理學是研究人和物相互作用方式的心理學，其主要目的是增強設計的可用性與易用性，這與教學視頻的初衷是不謀而合的。由此可見，教學視頻的呈現與設計心理學是息息相關的。教學視頻中集合了多種視覺表現符號，成為多種媒體的呈現媒介。設計心理學中有諸多的原則能夠指導教學視頻的設計，筆者試從設計心理學的角度，結合中國大學MOOC中的案例，為教學視頻畫面設計過程提供科學且有效的策略。本文主要從三個方面人手，分別是構圖設計，教學內容的視覺化表達和視覺風格。構圖設計是站在整體角度上考慮畫面的構成和布局，教學內容的視覺化表達指的是對畫面中具體教學內容的設計。視覺風格則涉及到色彩和字體等方面的內容。

一、教學視頻的構圖設計

視頻由一幀幀畫面構成，所有的畫面決定了其最終呈現效果。教學視頻類型眾多，各個領域的教學內容，不同教學視頻在構圖和布局上差異也很大。畫面構圖是對進入畫面的各視覺元素按照視覺美感的方式進行有效的排列和組合。構圖完美的畫面能達到一種視覺美感，讓學習者能夠感到舒適與愉悅。教學視頻在構圖方面上強調科學性強，主題明確、重點突出、易接受等特性。設計心理學中有關于人類視覺習慣的研究，有助于我們對畫面構圖進行把握。如九宮格模型發現人類眼睛最敏感的地方四條線交匯點，因此也被人稱為“趣味中心點”。設計者利用九宮格中的四個交匯點。當把最想要展示的內容放置在此，學習者的視覺會最快地感知到重點內容，自然而然地關注重要學習內容，為知識建構創造先行條件。另外，受人生理結構的約束，人眼只有一個焦點，人類不能同時關注不同的位置，瀏覽信息時按照一定的順序進行，一般是從左向右，從上向下看，而視覺注意力上部比下部強，左側比右側強。因此，左上部和中上部是“最佳視域”[4]。在設計過程中應該遵循人認知過程的心理順序和思維的邏輯順序，在“最佳視域”放置最想呈現給學習者的元素，讓學習者無意識地關注到這些內容。除此之外，設計心理學中也有相關的理論支持教學視頻在布局上的設計。

（一）均衡原則的畫面構圖

從設計心理學的角度來講，穩定感是人在長期生活中形成的一種視覺習慣和審美觀念，人是趨向于均衡的。但當畫面中出現某一視覺因素打破均衡狀態時，學習者會產生不適應、不舒服的感覺。所以在設計教學視頻畫面時要注重畫面的均衡性，比如說畫面右側顯示教學素材時，這時教師畫面相對應地放置在左側，這樣視覺上畫面兩側是對等的，學習者在感官上是舒適的。均衡原則是構圖中最常用的法則，能給人帶來視覺和心理上的統一均等的感覺，讓人產生整齊、穩重和沉靜的情緒，適合給學習者呈現教學內容。如《中國衣裳一傳統服裝文化》從整個畫面上營造了沉穩古樸的氛圍，從構圖上講，就是利用平衡心理來達到這種的畫面效果，如果在畫面左側出現了文字解說，在右側展示相應的服飾樣例就能達到畫面的平衡感，學習者在看到這樣的畫面時就能感覺舒服、安穩，同時也符合傳統文化之一主題，為學習者學習提供良好的認知環境。

（二）對比原則的畫面構圖

對比規則也是畫面構圖中很常用的一種方式。設計心理學中也常常用對比對用戶產生刺激，作為信號反饋給用戶，引起用戶足夠注意或引導用戶進行下一步操作。對比規則主要是通過視覺元素之間的對比和反差，使觀眾不由自主地將注意力集中到最引人注意地物體上。對比不僅包含色彩對比，明暗、大小、動靜、虛實都能作為對比要素運用到畫面構圖中。在教學視頻的畫面中對比依然是不可或缺的構圖規則，通過對比構圖突出重點內容或凸顯雙方差異，學習者能夠更加準確地把握重點內容或區分相似事物。（如圖1）中，《中國衣裳一傳統服裝文化》展現主講人鏡頭時有一個慣用的運動鏡頭，從主講人右側開始往主講人前方移動，畫面中主講人前方有一展架，此時就運用對比原則將展架虛化，焦點對準主講人。整個畫面主講人是最清晰的，學習者必然會將注意力放在主講人身上。此處鏡頭語言設計恰當，加入運動鏡頭，避免學習者因單一鏡頭產生無聊乏味的情緒;設置前景虛化，吸引學習者關注的同時，增加畫面美觀度。

（三）集中原則的畫面構圖

集中規則主要是利用色彩、光影、人的視線或運動方向等，建立優勢對比，使主要人物從其他畫面元素中脫穎而出，從而引起觀者的視覺注意力和興趣，將注意力集中于主體人物身上。設計心理學中常常使用這種集中原則來抓住用戶的注意力，如在電影院中，利用明暗對比將觀眾的注意力牢牢地集中于熒幕上從而忽略劇場的環境和其他觀眾。將其運用到教學視頻畫面設計中，利用多種方式，將學習者的注意力集中于重點學習內容或者講解者身上。在影視作品中主要是利用運動、視線方向，光區和角度形成優勢引導，將觀眾實現集中到主要人物身上。教學視頻畫面相較于電視畫面構圖更加的簡單，一般情況下不考慮光影等變化。形成優勢引導，要利用強化視覺元素引導學習者視線，學習者根據強化元素和講解完成對知識的加工。例如《中國少數民族神話賞析》MOOC中在對國外洪水文化進行講解的過程中，用紅色標記在神話動物中做出相應的標記，醒目準確進行地點表述，引導學習者的視線，降低學生的認知負荷（如圖2）所示。

二、教學內容的視覺化表達

教學視頻畫面內容是教學視頻設計過程的主要部分，所要傳授的知識集中呈現于視頻畫面上，畫面設計就顯得尤為重要。跟畫面構圖相同，畫面內容也根據教學視頻的類型與內容的不同，所使用的視覺元素差異化比較大。如教師場景與PPT混合的形式通過PPT內容和主講人畫面表現教學過程，而可汗學院風格則運用手寫和手繪展現學習內容。但是無論什么類型的教學視頻，畫面設計應在科學設計原則指導下進行，單憑設計者主觀經驗和個人審美進行設計是不可取的。畫面內容的設計一般包括兩個方面，關鍵字的提取和知識的可視化表征。皮亞杰的認知發展理論中認為圖式是認知發展中首個要經歷的階段，大腦處理圖像比處理文本更加具有優勢。利用圖式對知識進行合理的可視化表征，學習者能夠更加直接的反映地具體的事物，減少人腦加工信息的負擔。由此可見，學習內容的可視化表征是畫面設計的主要內容。正確有效的表征方法，降低學習者認知負荷，加速對新知識進行有意義的建構，加深學習者對新授知識的理解。在設計心理學中，做產品設計時會采取很多種方式來完成這一過程，將難以向用戶表達的抽象事物具象化，展示給用戶，如原型心理和概念模型都是比較常用的設計領域方法論。

（一）原型理論的運用

所謂原型是對一組刺激的抽象，包含了同一個模式的許多相似的形狀[4]。人的大腦中儲存的記憶信息是不斷向原型發展，原型則趨向于一種穩定的狀態。但是隨著學習與經驗的增加，原型會不斷地進行重新建構。這歸功于人知覺的恒常性，將一類相似的事物進行歸類和抽象，以原型方式儲存在人腦中，這無疑減少了大量的信息記憶量，節約了處理信息的腦力資源。當設計者選用與大腦中的形成的原型一致的元素，自然地與原型進行掛鉤[5]。用戶快速地做出反應，從而降低認知負荷，減少差錯和失誤。這是設計過程中運用廣泛的手段。教學視頻畫面設計也是以降低認知負荷，提升學習者對知識的理解程度為重要目的。因此原型理論在教學視頻畫面設計中是有一定可行性的。隨著學習者不斷成長，認知過程中建構了大量的物體原型，并隨著認知發展不斷改變，假設教學視頻設計者根據學習者認知特征和生活經驗來找尋最恰當的原型來對知識進行表征，縮短學習者加工學習材料的時間。如在《中國衣裳一傳統服裝文化》中在講解傳統服裝時都配有插圖。選用的插圖簡潔、直觀，與學習者為學習之前對傳統服裝的原型相匹配，更加直觀地展現了中國傳統服飾。如果僅僅用語言描述或詞語表現，學習者就難以完全掌握。

（二）概念模型的運用

概念模型是存在人腦之中的，幫助人們將繁瑣復雜的現實問題轉化成可理解、可用的心理模型，幫助學習者理解復雜的事物。在設計產品的過程中，設計師就是為用戶提供適當的模型概念，讓用戶不在了解全部功能，就可以使用該產品，提升產品的易學性和可用性。將設計心理學中概念模型引入教學視頻畫面設計的過程中，使得學習者面對復雜和抽象知識時依舊游刀有余，從整體上把握復雜情境。如現實中復雜的物理現象對于初學者是很難領悟的，初學者無法將現實生活中的現象同教授的物理知識聯系到一起。此時教學視頻設計者提供相應的概念模型，將復雜的物理現象轉化為更加容易講解的圖解的形式，除去干擾因素，將問題簡單化，促進學生深度理解學習內容。當學習者再次遇到相關知識的時候，學會利用之前習得的概念模型解決新的問題，產生學習遷移?？梢詫⒏拍钅Ｐ屠斫鉃樽晕以忈尮ぞ撸诙喾N情況下幫助學習者解決相應的問題。在畫面設計中對相對復雜的知識，為其提供概念模型，加速學習者理解學習內容，讓學習者從整體上把握學習內容。當設計者成功的將某一概念模型建立于學習者的認知結構中，在面對相似問題，學習者能刨除干擾因素，從宏觀上審視整個復雜問題，對自己所處的情境有一定的掌控。

三、教學視頻的視覺風格呈現

教學視頻的視覺風格是指教學視頻從整體上呈現出的具有代表性的獨特面貌，是學習者能夠看到和感知到的。視頻風格是由畫面中各個視覺要素呈現出來的，由顏色、質感、字體等多種要素共同體現。從本質上說，視頻風格作為一種表現形態，是從教學視頻整體上呈現出來的代表性特點，是內容與形式相統一、設計者的主觀因素與客觀特征相統一而形成的一種難于說明卻不難感覺的獨特面貌[6]。

（一）色彩的搭配

最早的抽象表現主義藝術家之一漢斯·霍夫曼曾說過“色彩作為一種獨特的語言，本身就是一種強烈的表現力量”。教學視頻設計者需要根據教學視頻類型與教學內容選擇合適的色彩運用到整個視頻的畫面中，色彩是教學視頻視覺元素中很重要的組成部分，合理使用色彩能從心理上給學習者帶來愉悅與滿足，提升學習的效率。

設計心理學領域中認為顏色本身具有較強的心理特征，使用不同的顏色學習者會產生不同的感受。學習者在生活過程中積累的視覺經驗、認知常識都是視頻設計者在設計過程中需要考慮到的問題。如紅色代表熱情與喜慶，在我國紅色一般會用于比較正式的場合。不同的教學視頻在配色上也有著自己的特色。如黨政類教學視頻，就會大量地使用紅色，以紅黃作為主要配色。紅色與黃色是國旗的顏色，黨政知識使用類似的配色于主題相契合，為學習者營造莊嚴、敬重的氛圍，創設適合的學習情境。再如中國傳統文化類視頻課程中就會大量地運用水墨色來進行搭配，用墨的濃淡代表不同的色彩。同時水墨作為傳統文化比較有代表的元素，應用到傳統文化類的視頻課程中是比較符合。信息化時代的到來也預示著藍色的流行，在計算機類的相關教學視頻，在配色上多使用藍色作為主色調。同時現階段藍色象征著“高科技、高智慧”（如圖3）。綜上所述，在不同類別中使用不同的色彩能夠給學習者不一樣的體驗，視頻設計者應該再結合教學內容和約定俗成的符號意義進行配色，同時巧妙地使用色卡來制訂視頻的基本色調。

（二）字體的設計

教學視頻中的文字也是必不可少的設計要素，是視頻畫面富有美感的重要因素[7]。字體、字號、字間距都需要經過設計者精心設計才能確定的。教學視頻中對于字體的設計包含了專用字體設計和普通字體選擇嘲。專用字體主要用于片頭片尾等部分，其作用以宣傳為主，在設計時就應該考量教學內容和教學視頻的視覺風格進行設計，呈現最終的樣式。出現在教學過程中文字的設計才是至關重要的，這部分文本設計情況直接影響了學習者的學習過程。文本的可讀性是衡量字體設計好壞的至關重要的標準，教學視頻設計者需要根據內容和視頻呈現的風格選擇相得益彰的字體。如傳統文化類教學視頻中就可以靈活地運用手寫體或者繁體。如中小學的教學資源，在字體設計上可運用卡通體等活潑可愛的字體，比較符合學生的心理特征。整個視頻中的文字類型一般情況要少于三種，可以用不同的字號、加粗、斜體等方式對文本中的重點內容和特殊內容進行強調。這部分內容的設計，要求視頻設計者從教學內容出發、結合適用學習者的心理特征，既能夠讓視頻內容易讀、條理清楚，重點突出，又能突出教學視頻獨特的設計美感，給學習者良好的學習體驗[9]。

（三）藝術風格的運用

藝術風格是文藝創作中表現出來的一種帶有綜合性的總體特點?，F今已形成多種成熟的藝術流派。這些藝術風格深深影響著設計的風格，換句話說，設計是藝術的延伸。設計的過程可以借助藝術風格進行創造，形成獨特的設計風格。在教學視頻畫面設計中合理運用藝術風格，畫面表征更加富有美感與特色，學習者享受美的同時對知識進行加工。不同的設計風格也會給用戶帶來不一樣的心理感受。如1960年形成的極簡藝術，追求極致簡約的呈現效果，消除作品對于受眾的壓迫感，追求的是形式上的簡單與思想上的優雅，這一理念與認知負荷理論中避免非必要冗余信息的策略是一致的。在滿足教學內容傳遞的同時，為學習者創造簡約、舒適的視覺環境。（如圖4），MOOC課程《大學日語》中，畫面僅呈現背景圖（近似于純白背景）上，整個畫面中無其他裝飾內容，干凈利落，依次出現的日文是進入學習者視覺的唯一內容。再如2008年誕生于谷歌的扁平化設計，其核心特點在于去除冗余、厚重和繁雜的裝飾效果，將所要表達的本質內容重新作為核心呈現出來。在設計元素上強調抽象、簡單和符號化。其設計有著鮮明的圖形效果，在有限的界面空間中，各要素間層次分明、排版嚴謹[10]。其在界面設計中應用廣泛，不少教學視頻畫面設計也有所涉及。扁平化設計在抽象事物具象化表達中有很強的表現能力（如圖5），《服務設計與商業模式》課程中運用扁平化設計代替實際現場展示登記流程，每個流程用幾個元素呈現候機情境，簡單明了且不包含其他干擾元素?，F代藝術中有眾多成熟的藝術風格與適合的學習內容相結合，形成多樣化、人性化的畫面表達，造就獨特的畫面風格。如在一系列課程設計開發過程時，運用統一的藝術風格，讓此類教學視頻統一連貫且富有個性，使得學習者擁有順暢愉悅的學習體驗。

結語

教學視頻是現階段重要的數字教育資源，其質量直接影響著教學效果。設計心理學中有科學的理論和多樣的實踐支撐著設計工作的進行，教學視頻設計本質上隸屬于設計領域，因此從設計心理學的角度去探求教學視頻設計過程是很有必要的。本文闡述了設計心理學在構圖設計、畫面內容的視覺化表達和視覺風格這三個方面的運用，旨在使教學視頻畫面設計上更加具有科學性性、可學性，降低學習者的認知負擔，提升學習者的學習效率。畫面構圖在設計過程中要關注視覺重點區域，合理使用構圖規則突出學習重點。畫面內容的重點在于知識的可視化表達，設計心理學中的原型理論和概念模型為知識的可視化表征提供具有實踐性的操作方法。視頻畫面的視覺風格則要從顏色的使用、字體的選擇來營造不同的風格特征，恰當地使用藝術風格不僅能提高教學視頻的認知度，也能增加教學視頻的美感。筆者認為教學視頻設計者在關注視頻教學性的同時，也應適當地跨出教育領域，借鑒其他領域成熟的理論用于教學視頻的設計過程，使教學視頻設計更加合理、有效。

參考文獻

[1]王健，郝銀華，盧吉龍教學視頻呈現方式對自主學習效果的實驗研究[J]電化教育研究，2014（3）：93-99，105

[2]宋亮，李勇，郭煜高校視頻教學資源自主開發、建設與管理的探索與思考[J]湖北函授大學學報，2014（20）：1617

[3]惠恭健，劉曉穎教學視頻設計策略研究 基于網絡科普微視頻的啟示[J]當代教育科學，2016 （12）：3537，46

[4]董一英設計心理學[M]長沙湖南人民出版社，2016

[5]諾曼設計心理學[M]北京：中信出版社，2003

[6]陳婭雯，許懋琦數字閱讀界面視覺設計分析與優化[J]設計，2018 （17）：132-135

[7]秦菁菁，劉潔界面設計中的情緒喚醒研究[J]設計，2017 （23）：58-59

[8]宋昊視頻媒介中的專用字體設計形式語言探討[J]設計，2015（3）：138-139

[9]胡芳穎《學渣樂園》微視頻課程的視覺傳達設計[D]南京大學，2018

[10]崔天劍，徐碧珺大數據時代扁平化設計趨勢研究[J]創意與設計2014（3）：16-20