任務驅動法在《界面設計》課程中的應用探索

張欣　朱長永

【摘 要】《界面設計》是軟件工程專業的一門專業課程，具有較強的實踐性，同時本門課程與計算機專業的HTML語言、CSS+DIV 技術等課程密切聯系。本文從界面設計課程的性質以及存在的問題入手，提出課程改革思路，嘗試將任務驅動法導入課堂，根據學生認知層次整合教學內容，細化課程任務，展示學習成果，探索《界面設計》課堂教學的新策略。

【關鍵詞】任務驅動法；非藝術專業；界面設計

1 課程性質

《界面設計》是一門計算機技術與藝術設計專業相交叉的課程，本課程以網絡技術為載體，將各種信息以可視化的方式傳播給受眾，特別是隨著網絡技術的發展，人們對界面的審美要求越來越高，界面設計已經突破了原有的屏幕空間，越來越注重移動端的視覺享受，對于計算機專業學生來說不僅要掌握網絡編程方面、媒體技術方面的知識，也要提高審美能力與藝術修養，才能設計出更加愉悅的的界面。

2 課程存在的問題與改革思路

2.1 重編程輕設計

在以往的計算機專業課程中界面設計被稱為網頁設計，課程的內容更加注重培養網站開發、JAVA等編程語言的使用能力，而在網頁設計的藝術性與美感方面則顯得尤為不足，因此造成了計算機專業的學生在開發網站時只會套用模板，設計出來的界面視缺乏美感。隨著互聯網的發展，用戶越來越重視感官藝術性與人機交互性，因此界面無論是在內容上還是視覺上都需要重新設計。

2.2 重課堂輕實踐

界面設計最突出的特征在于它的綜合性與交互性，它橫跨人文藝術與理工科，從文化到藝術，從美學到技術，具體而言，界面設計涉及諸多方面，包括HTML語言、CSS樣式表、JavaScript腳本語言、人機交互、互聯網技術等，除此之外，界面設計還涉及到圖片處理、BANNER設計、動畫制作、圖標與LOGO設計、用戶體驗等方面。這些課程涵蓋不同學科，傳統模式下的教學以課堂教師授課為主，教師依據教學大綱進行授課，學生在機房進行練習，老師講到哪里學生練習到哪里，學生學到后面忘記前面，不利于培養學生綜合協調能力。

從另一方面講，界面設計是一門具有社會實踐性的課程，隨著互聯網+教育的發展，傳統的以課堂為中心的教學模式限制了師生的思維，課堂僅僅是一種傳授知識的載體，教師應該引導學生借助互聯網參與社會實踐，充分利用第二課堂的資源，將實際中的案例引入課堂教學中，提升專業技能，便于學生將來更好的適應社會需求。

2.3 重個人輕團體協作

在傳統教學中老師布置任務，學生上機完成任務，學生常以個體為中心獨立思考制作，學生之間的缺乏交流，遇到困難時更多的依賴老師解答，缺乏團體合作意識，而在實際工作中，網站開發更注重集體的合作，而非個人風采的展示，一套優秀網站往往需要程序員、美工、用戶研究等各個方面員工的共同努力完成。

2.3 改革思路

界面設計作為一門實操性較強的課程，應當圍繞著“應用”二字開展教學任務，從實際應用的角度出發合理調整教學內容，將知識點分解成不同的任務模塊貫穿于整個教學過程中， 讓學生能夠參與到實際可運行的項目中來，在期末考核的時候將重點放在學生實際應用能力上，綜合已學過的各個課程，鼓勵學生提出有創意的想法與概念，最終使學生協同設計出技術與藝術結合的作品。

3 任務驅動法的內涵及探索方案

3.1 任務驅動法概念

所謂任務驅動法是指教師根據學生現有的認知水平與知識結構，以某個實例為線索，巧妙的設計教學內容，提出具有實際意義的一系列任務，由簡單到復雜，且任務為載體，學生在教師的組織與引導下自主探究學習，邊學邊做，提出解決問題的方法與思路，然后進行實際的操作。當學生完成某一任務后也就建構了本門課所學的知識，筆者認為任務驅動法適用于應用型本科院校，尤其是計算機應用和新媒體技術專業。

3.2 任務驅動法特點

首先，任務驅動法區別于傳統的教師講授，學生練習的教學方法，主張從實際應用角度出發，以任務為驅動引領學生學習知識與技能，讓學生在任務實施的過程中學習相關的理論；其次，任務驅動法具有非常明確目標，能夠讓學生了解在某一階段需要完成具體的項目，教學的任務也僅僅圍繞著如何完成任務展開，弱化條條框框的理論知識強調實用性；第三，提高學生主動性，在小組任務分配中能夠做到發揮學生各自的特長，互幫互助學習，提高操作技巧，培養學生發現問題與解決問題的能力。

3.3 探索方案

在界面設計教學過程中，任務的設置關乎最終的教學效果，因而如何設計教學任務尤為重要，以筆者所授的界面設計為例，學生在上界面設計課程之前已經掌握了計算機編程的語言、樣式表等基礎知識，如何讓計算機應用技術的學生結合編程語言設計出更加具有美感的界面是設置任務的出發點，在課程初期主要講授色彩搭配，版式設計等相關知識，中期以開發學校網站為例，任務設置如表1所示。

界面設計開課之前，學生所設計的網站雖然功能具備但是欠缺美感，網頁構圖中規中矩，網頁頭部標志過大，并且標志摳圖不清晰，banner圖片沒有美化，通過界面設計創建任務，讓學生帶著具體的任務由淺入深反復修改，先分析學校網站首頁應當具備哪些板塊與欄目，然后完成布局設計，最后結合所講授的PS等軟件進行圖形圖像處理，設計出符合用戶使用體驗的網站。

在任務實施過程中，界面美化是本課程階段任務的重點，要堅持讓學生“多看多做”，學生之間互為老師，共同學習，充分調動學生探索知識的主動性，在美化學校網站首頁時，單獨細化網站色彩搭配任務，如表2所示。

4 總結

通過任務驅動法讓學生知道自己需要完成哪些任務以及發現自己的特長所在，發揮學生的主動性，以達到教學目的，設置任務時要考慮到學生當前的知識結構與知接受能力，統籌兼顧，使學生能夠從任務的整體高度去理解每一個知識點，提高學生的專業技能與綜合素質。

【參考文獻】

[1]莊科君，賀寶勛.設計型學習：高校實驗課堂教學模式創新——以《多媒體課件制作》實驗教學為例 [J].現代教育技術，2013.

[2]許金友.藝術與技術的完美結合——淺議網頁設計的特色[J].藝術與設計，2009.

[3]晉曉彥.形式感+網頁視覺設計創意拓展與快速表現[M].清華大學出版社，2014.

[4]靳埭強，韓然.廣東省高校藝術與設計教育研究[M].廣西師范大學出版社.2010.

[責任編輯：王偉平]