張欣　朱長(zhǎng)永

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

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

1 課程性質(zhì)

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

2 課程存在的問(wèn)題與改革思路

2.1 重編程輕設(shè)計(jì)

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

2.2 重課堂輕實(shí)踐

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

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

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

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

2.3 改革思路

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

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

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

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

3.2 任務(wù)驅(qū)動(dòng)法特點(diǎn)

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

3.3 探索方案

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

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

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

4 總結(jié)

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

【參考文獻(xiàn)】

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

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

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

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

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