視覺化思維在計算機教學中的應用研究

摘? 要：本文提出在“網頁設計與制作”課程教學中融入視覺化思維，之所以選擇這門課程，還和融媒體這一時代背景有關系。在教學過程中，學生可以更加直觀形象地進行理解，并且激發(fā)創(chuàng)造性思維。本文在論述視覺思維在“網頁設計與制作”教學中的應用，并有具體的教學設計過程、解決教師在授課過程中不夠直觀形象問題的策略，說明視覺思維對“網頁設計與制作”學科教學的重要性和應用價值。

關鍵詞：融媒體;視覺化思維;“網頁設計與制作”教學

中圖分類號：TP3-05? ? ? ?文獻標識碼：A 文章編號：2096-4706（2019）21-0073-03

Abstract：This paper proposes to integrate visual thinking into the teaching of “Web Design and Production”. The reason for choosing this course is also related to the background of media convergence. In the process of teaching，students can understand more directly and vividly，and stimulate creative thinking. This paper discusses the application of visual thinking in the teaching of “Web Design and Production”，and has a specific teaching design process，to solve the problem of teachers in the teaching process is not intuitive image，the importance and application value of visual thinking to the teaching of “Web Design and Production”.

Keywords：media convergence;visual thinking;“Web Design and Production” teaching

0? 引? 言

隨著媒體技術的發(fā)展，經濟、文化、科學等各個領域都融合并滲透到可視化中。在推動新媒體改革的大背景下，視覺思維體現了其重要性和發(fā)展性。習近平總書記在中央政治局第十二次集體學習時強調“要運用信息革命成果，推動媒體融合向縱深發(fā)展，建設全媒體成為我們面臨的一項緊迫課題”。融媒體將新媒體和傳統媒體融到一起，發(fā)揚各自的優(yōu)勢?！熬W頁設計與制作”課程主要培養(yǎng)的是使用融媒體移動互聯的“內容+服務”模式的Web前端工程師。在查閱資料時，發(fā)現在教學實踐中對視覺思維的研究相對較少，包括美術、高中數學、物理、化學等方面的應用研究。結合當今綜合媒體時代，將視覺思維融入到“網頁設計與制作”的實踐教學中具有重要的現實意義。

教學中發(fā)展和培養(yǎng)學生的視覺思維有助于學生將目光轉移到世界中千變萬化的事物，促進學生對現實生活的關注，培養(yǎng)學生的應用意識，加強生活與教育之間的聯系。

傅世俠在《關于視覺思維問題》中認為，視覺思維的創(chuàng)造性主要表現在探索性、靈活性和現實性三個方面。到目前為止，機器系統仍然難以解決人的感知與理性的交集或融合。美國認知心理學家哈森通過大量的實踐研究發(fā)現，視覺思維的發(fā)展階段可以分為五個階段：報道性觀察階段、建構性觀察階段、分類觀察階段、解釋性觀察階段和創(chuàng)造性觀察階段。視覺思維具有形象、直觀、生動等特點。將視覺思維融入“網頁設計與制作”的教學實踐中，有利于教師和學生提高教學效率，幫助學生在設計上創(chuàng)新。

視覺思維研究不僅要研究如何在教學中培養(yǎng)學生的視覺思維能力，還要充分認識學生心理視覺思維的形成機制，即學生形成視覺思維能力的心理過程。包括外在表現和視覺思維的形成，如何評價學生的視覺思維能力是非常重要的。只有深刻理解視覺思維的本質特征，才能更好地將視覺思維與教學相結合，更好地為教學服務。

1? 在“網頁設計與制作”課程中融入視覺化思維的意義

視覺思維是融媒體時代的要求，“場景打造”是融媒體平臺方的發(fā)展趨勢，而在教學中培養(yǎng)學生的視覺思維會促進教師關注社會需求和市場變化，能夠促進教師觀念的轉變。并且，視覺思維具有多變性、直接性、豐富性等特點，視覺思維的多變性也就潛在地要求教師要改變教學方法，運用互聯網場景化思維、項目導入法等教學方法和手段才能有效地發(fā)展學生的視覺思維能力。

1.1? 強化視覺化效果，彌補語言表達的局限性

福建師范大學老師劉冬巖博士在《中國教育報》上提出，我們的教學注重學生的閱讀、寫作和計算，在教學過程中注重學生的語言邏輯表達，另一種不同于語言思維的思維方式——視覺思維——被忽視了。語言表達和視覺思維有很大的區(qū)別。語言是連貫的、線性的，要求學生時刻認真聽講。此外，語言的抽象性會使知識表達枯燥無味，缺乏創(chuàng)造性。視覺思維具有直觀性、豐富性和想象力的特點，能夠將語言無法表達的信息傳達給學生。視覺思維與語言思維的合理結合將促進學生對知識的理解。

1.2? 完善視覺化思維，激發(fā)學生的創(chuàng)造性思維

美國心理學家R.H.McKim（麥金）認為創(chuàng)造性思維需要觀看（vision）、想象（imagination）和構繪（composition）三方面能力的有機結合。這三方面的能力都與視覺感知有關。因此視覺思維應該從視覺的角度出發(fā)，在外部視覺信息的刺激下，對信息源在觀察、想象不斷交替的變化中有創(chuàng)造性地進行理解和表達。在教學過程中，教師盡量建造一個視覺化的環(huán)境，將學習材料恰當視覺化，用視覺化效應來激發(fā)學生的創(chuàng)造性思維。這三種能力不是一起發(fā)展的，而是逐漸發(fā)展起來的。

2? 如何在“網頁設計與制作”教學中發(fā)展學生的視覺化思維

“網頁設計與制作”這門課程主要方向是培養(yǎng)Web前端工程師，工作流程主要是從UI處得到原型圖或者效果圖，在項目（網站、微信公眾號、小程序、Web APP）中還原圖片效果，然后與后臺進行各種數據交互。因為本課程應該培養(yǎng)學生學習的知識較繁多，且涉及到數據交互，邏輯又較強，如果能夠在課程或課程項目教學中融入視覺化思維，培養(yǎng)學生的觀察力和想象力，學生理解項目和構建整個項目就會相對容易。

教師應該注重課件的制作，注重結構、色彩、圖標、流程圖的使用，學生就可以通過觀看，直觀地獲得感性信息，并經過大腦加工形成形象思維。而在麥金的想象階段，是學生將已經獲取的信息進一步地變?yōu)樽约簩π轮R的認識。在“網頁設計與制作”課程中可以通過項目導入的方法，讓學生通過觀察，來想象如何設計、難點在哪里，來強化學生對知識點的掌握。學生在這個過程中，寫出關鍵詞、繪制思維導圖，來提高學習的效率，不斷地完善學生的視覺化思維，激發(fā)創(chuàng)造性思維。

教師應鼓勵學生使用視覺化筆記來記錄知識點、分析網頁的布局和結構。視覺化筆記主要有概念圖、思維導圖等，學生可以根據自己的觀察，進行重點的提取，然后發(fā)散思維將整個項目的流程或者內在關聯繪制出來，增添了學習的主動性和樂趣。如圖1所示是“CSS基礎”這一章節(jié)的視覺化筆記，清晰明了地將本章所有知識點羅列出來。

3? 視覺化思維在“網頁設計與制作”中的應用

本文以“網頁設計與制作”課程的實戰(zhàn)項目為例，使用的指導書是清華大學的《HTML5網頁前端設計實戰(zhàn)》。第二章的項目是“電子日歷的設計與實現”，電子日歷是大家都很熟悉的，無論是手機的電子日歷還是網頁版的電子萬年歷，都是生活中經常查看的。這個例子源于生活，所以學生很感興趣。

在用思維導圖將本次實訓項目的思路畫出來，有助于學生理清思路，教師講解起來也可以事半功倍。實現該項目，首先進行界面設計，如圖2所示將界面分解為3個不同的版塊：狀態(tài)欄、星期名稱、日期顯示。分別使用3個div進行實現，然后需要使用CSS文件輔助渲染樣式?？刹捎猛獠挎溄覥SS樣式文件的形式來實現。在此需要為div標簽預設統一的樣式，并且根據效果草圖將每個標簽的預設效果實現。接著就到了JS設計部分，需要動態(tài)添加當前年份和月份，并顯示當前月份的所有日期。難點在顯示當前月份的所有日期，包含3個部分：計算當前月份的總天數、計算當前月份的第一天是星期幾、顯示當前月份的全部日期。

在本實例中，利用思維導圖將整個項目設計的思路和流程清晰地呈現出來，教師針對項目設計思路逐步進行講解和實現，學生理解項目和構建整個項目相對容易，有助于學生提高學習效率。

4? 結? 論

在“網頁設計與制作”課程教學中應用視覺思維，將學習的內容和網頁結構分析用視覺化來呈現，能夠增強課堂趣味性，提高學生的學習興趣和教學效率，對培養(yǎng)學生的創(chuàng)新思維具有重要作用。因此，將視覺思維理論應用到“網頁設計與制作”學科中是可行的，并且有很大的研究空間。

參考文獻：

[1] 葉均隆，葉均明，余偉紅.圖像思維解釋八皇后算法及其拓展問題 [J].無線互聯科技，2018，15（22）：106-107.

[2] 林冰冰.教學中發(fā)展學生視覺思維的策略研究 [D].福州：福建師范大學，2014.

[3] 劉冬巖.視覺思維對教學的啟示 [J].中國教育學刊，2010（2）：67-69.

[4] 仲亞男.視覺思維在高中化學教學中的應用研究 [D].新鄉(xiāng)：河南師范大學，2017.

作者簡介：付琳（1985-），女，漢族，山西忻州人，教師，高級工程師，碩士，研究方向：計算機教學。