張欣　朱長永

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

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

1 課程性質(zhì)

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

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

2.1 重編程輕設(shè)計

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

2.2 重課堂輕實踐

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

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

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

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

2.3 改革思路

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

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

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

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

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

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

3.3 探索方案

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

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

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

4 總結(jié)

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

【參考文獻(xiàn)】

[1]莊科君，賀寶勛.設(shè)計型學(xué)習(xí)：高校實驗課堂教學(xué)模式創(chuàng)新——以《多媒體課件制作》實驗教學(xué)為例 [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].清華大學(xué)出版社，2014.

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

[責(zé)任編輯：王偉平]