任務(wù)驅(qū)動法在《界面設(shè)計》課程中的應(yīng)用探索

張欣　朱長永

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

【關(guān)鍵詞】任務(wù)驅(qū)動法；非藝術(shù)專業(yè)；界面設(shè)計

1 課程性質(zhì)

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

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

2.1 重編程輕設(shè)計

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

2.2 重課堂輕實踐

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

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

2.3 重個人輕團體協(xié)作

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

2.3 改革思路

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

3 任務(wù)驅(qū)動法的內(nèi)涵及探索方案

3.1 任務(wù)驅(qū)動法概念

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

3.2 任務(wù)驅(qū)動法特點

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

3.3 探索方案

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

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

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

4 總結(jié)

通過任務(wù)驅(qū)動法讓學生知道自己需要完成哪些任務(wù)以及發(fā)現(xiàn)自己的特長所在，發(fā)揮學生的主動性，以達到教學目的，設(shè)置任務(wù)時要考慮到學生當前的知識結(jié)構(gòu)與知接受能力，統(tǒng)籌兼顧，使學生能夠從任務(wù)的整體高度去理解每一個知識點，提高學生的專業(yè)技能與綜合素質(zhì)。

【參考文獻】

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

[2]許金友.藝術(shù)與技術(shù)的完美結(jié)合——淺議網(wǎng)頁設(shè)計的特色[J].藝術(shù)與設(shè)計，2009.

[3]晉曉彥.形式感+網(wǎng)頁視覺設(shè)計創(chuàng)意拓展與快速表現(xiàn)[M].清華大學出版社，2014.

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

[責任編輯：王偉平]