界面設(shè)計課程的教學(xué)模式探索與研究

湯艷飛（廣東培正學(xué)院，廣東 廣州 510800）

一、界面設(shè)計課程簡介

界面到底是什么？界面是版面，是繪畫，是圖標(biāo)設(shè)計，還是信息的載體？界面是一種平臺，是人與機(jī)器人與物體之間用于溝通的一種媒介。用戶界面出現(xiàn)在人們生活中的方方面面，在數(shù)字媒體中的應(yīng)用更是廣泛，涵蓋了軟件產(chǎn)品、游戲、網(wǎng)站、多媒體系統(tǒng)、家電產(chǎn)品、移動通訊設(shè)備、數(shù)碼影像產(chǎn)品、車載系統(tǒng)等多類產(chǎn)品的形態(tài)。界面設(shè)計則是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。

《界面設(shè)計》是藝術(shù)設(shè)計專業(yè)的專業(yè)課程，是在圖形圖像處理、企業(yè)形象、logo標(biāo)志設(shè)計課程上的延續(xù)與提高。課程幾乎涉及到了平面設(shè)計專業(yè)基礎(chǔ)課的各個方面，課程實(shí)踐中注重對各設(shè)計基礎(chǔ)課程如圖形設(shè)計、編排設(shè)計、字體設(shè)計、構(gòu)成設(shè)計等課程的綜合運(yùn)用。UI主題界面設(shè)計是一門在電子設(shè)備、新興媒體上運(yùn)用平面設(shè)計的綜合性學(xué)科，以往平面設(shè)計多數(shù)是印刷品，今天移動設(shè)備的興起，應(yīng)用如手機(jī)上的企業(yè)APP主題宣傳品、企業(yè)電子雜志APP版、企業(yè)門戶網(wǎng)站手機(jī)版、企業(yè)微信宣傳品設(shè)計、精細(xì)的ICON圖標(biāo)表現(xiàn)和一些特色風(fēng)格的主題APP界面設(shè)計等，都是企業(yè)形象宣傳的一部分，是屬于APP或手機(jī)網(wǎng)頁方面視覺界面部分的設(shè)計。

二、目前界面設(shè)計教學(xué)現(xiàn)狀

國內(nèi)對界面設(shè)計的理解還停留在美術(shù)設(shè)計方面，我們經(jīng)?？吹接薪缑婷拦?、界面美術(shù)設(shè)計師等這樣對界面設(shè)計師的稱呼出現(xiàn)，對界面設(shè)計的理解停留在視覺設(shè)計、美術(shù)設(shè)計這方面，缺乏對用戶交互設(shè)計、用戶體驗設(shè)計的重要性的理解。在一個軟件開發(fā)過程中，往往把技術(shù)的重要性放在界面設(shè)計前面，忽視了設(shè)計在整個開發(fā)過程中的核心地位。目前界面設(shè)計課程也處于這樣一個尷尬的位置，由于大多院校對界面設(shè)計方面的課程還處于摸索階段，往往在界面設(shè)計方面的課程比較單一，缺少如交互設(shè)計、用戶體驗設(shè)計等課程。教學(xué)方法相對傳統(tǒng)，訓(xùn)練手段單一，學(xué)生對學(xué)習(xí)的熱情不夠高，很多院校還停留在以軟件教學(xué)為主的基礎(chǔ)上，缺乏對社會實(shí)際問題的關(guān)注。在課時的安排上面比較少，如一門界面設(shè)計課54個課時，在課時少又沒有其他系列課程的情況下，學(xué)生對界面設(shè)計僅能學(xué)到最基礎(chǔ)的知識和技能，深入的學(xué)習(xí)和理解可能無法做到。目前市場上符合高等院校要求的界面設(shè)計教材很少，質(zhì)量高且緊跟時代發(fā)展的教材更少，這也是目前階段在教學(xué)過程中遇到的很無奈的問題。

三、探索教學(xué)模式，激發(fā)學(xué)生學(xué)習(xí)興趣

1.項目化教學(xué)

新課標(biāo)下，界面設(shè)計課程改用項目化教學(xué)，2～3人組成一個小組，逐步有序地完成多個單元項目，這是一個過程性的教學(xué)方式。例如學(xué)生小組在完成“APP界面設(shè)計”任務(wù)的開發(fā)時，教師根據(jù)課程時間安排和實(shí)驗項目的要求，對學(xué)生發(fā)布單元項目訓(xùn)練，如“市場調(diào)研、架構(gòu)設(shè)計、APP Logo圖標(biāo)、手機(jī)UI中的主要元素設(shè)計、手機(jī)APP頁面設(shè)計”等。在技能方面，通過項目化的學(xué)習(xí)與訓(xùn)練，使學(xué)生能夠利用工具軟件adobe illustrator、Photoshop實(shí)現(xiàn)手機(jī)圖標(biāo)和界面的設(shè)計和制作。學(xué)生能夠根據(jù)需要進(jìn)行作品定位及設(shè)計；能夠根據(jù)需要進(jìn)行作品形象或圖標(biāo)的設(shè)計及制作；產(chǎn)品設(shè)計能夠營造出較好的用戶體驗；能夠利用軟件進(jìn)行矢量圖繪制、修改及上色，進(jìn)行圖形的色彩處理；能夠了解UI設(shè)計的規(guī)范和制作流程。在這種項目化教學(xué)中，學(xué)生由原來被動的學(xué)習(xí)方式改為主動學(xué)習(xí)，教學(xué)目標(biāo)也由每位學(xué)生轉(zhuǎn)變?yōu)槊總€團(tuán)隊，在這個過程中，學(xué)生通過如組長任務(wù)的分配、協(xié)作情況、成員間的討論交流等體會到團(tuán)隊合作精神。

2.混合式教學(xué)

混合式教學(xué)，是融合了線上與線下、實(shí)時與非實(shí)時，混合了多種信息技術(shù)手段的學(xué)習(xí)模式。通過線上和線下教學(xué)組織形式的有機(jī)結(jié)合，可以把學(xué)習(xí)者的學(xué)習(xí)由淺到深地引向深度學(xué)習(xí)，這是學(xué)習(xí)者的一種主動參與的學(xué)習(xí)方式。筆者以2018級視覺傳達(dá)專插本班為混合式教學(xué)實(shí)驗對象，以“課堂派”微信小程序為主要媒介，進(jìn)行混合式教學(xué)的嘗試。在界面設(shè)計課程中，筆者利用這個小程序顛覆乏味的PPT授課，在PPT中插入互動試題，與學(xué)生一起討論題目，學(xué)生參與答題互動的數(shù)據(jù)能立時投放到大屏幕上，小程序的彈幕與搶答功能，讓課堂科技瞬間感爆棚，讓課堂氣氛熱烈，將學(xué)生“聽課”與“參與互動”兩種狀態(tài)無縫融合，課后的作業(yè)及課堂ppt可以發(fā)布在程序平臺上，學(xué)生把作業(yè)提交到平臺上，教師能快速了解學(xué)生作業(yè)情況，便捷批量審閱學(xué)生作業(yè)，有效節(jié)省了教學(xué)時間。這種方式把學(xué)生從玩手機(jī)的屏幕聚焦到課堂互動環(huán)節(jié)等方面，也在程序的使用過程中體會到界面設(shè)計中用戶體驗的重要性，在實(shí)際操作中學(xué)習(xí)并理解界面設(shè)計。

3.以賽促學(xué)，增強(qiáng)學(xué)生實(shí)踐能力

在項目化教學(xué)的基礎(chǔ)上，為了推進(jìn)創(chuàng)新創(chuàng)業(yè)教育，為了激發(fā)學(xué)生的學(xué)習(xí)動力與熱情，為了讓學(xué)生的課堂學(xué)習(xí)與市場接軌，增加學(xué)生與更多同類專業(yè)設(shè)計的交流，教師應(yīng)在上課之前采集和課堂教學(xué)相關(guān)競賽的信息，其內(nèi)容必須和界面設(shè)計課程內(nèi)容有著密切的關(guān)系。例如，某公司舉辦的界面設(shè)計大賽，以及全國或省級的數(shù)字類藝術(shù)設(shè)計大賽等。采集競賽信息的途徑主要是通過網(wǎng)絡(luò)搜索及一些專業(yè)網(wǎng)站獲得，還有一些專門發(fā)布比賽信息的公眾號。從眾多的比賽中篩選出在時間和內(nèi)容上都合適的比賽項目。在具體教學(xué)的時候，讓學(xué)生自由組隊并選擇自己的指導(dǎo)老師，老師給學(xué)生講清楚詳細(xì)的比賽要求和題目的種類，計劃好參賽的時間安排，教師在參賽的作品的修改和創(chuàng)作期，對于學(xué)生的創(chuàng)意進(jìn)行指導(dǎo)，協(xié)助學(xué)生發(fā)揮創(chuàng)意、制作。在這個過程中，教師可以利用QQ或者微信等社交工具和學(xué)生進(jìn)行專業(yè)知識的交流以及針對比賽問題進(jìn)行答疑，這樣能夠在課下為學(xué)生的參賽設(shè)計提供寶貴的意見，大大地提高作品的完成效率和質(zhì)量。學(xué)生作品完成后，教師還應(yīng)對學(xué)生的作品進(jìn)行內(nèi)部遴選，對符合參賽要求、能代表專業(yè)水平的作品允許參賽。比賽結(jié)束后，應(yīng)對參賽的經(jīng)驗、教訓(xùn)和成敗得失等進(jìn)行總結(jié)，如果有獲獎，則組織部分老師和學(xué)生參與頒獎及作品點(diǎn)評會。這樣，一個組織學(xué)生參賽的流程就完整了。在這個過程中，既提高了學(xué)生的興趣，還經(jīng)過作品的設(shè)計過程，讓學(xué)生開拓思維，完成了一個實(shí)際問題的分析和解決的流程，讓學(xué)生對學(xué)習(xí)的知識有更深入的理解，同時培養(yǎng)了學(xué)生的團(tuán)體合作、溝通協(xié)調(diào)的能力。

例如在參加“2018第六屆全國高校數(shù)字藝術(shù)設(shè)計大賽”的時候，老師組織學(xué)生參加比賽中的非命題類中的視覺傳達(dá)設(shè)計類界面設(shè)計，在比賽啟動后，老師對參賽做了詳細(xì)的參賽計劃，按照計劃組織學(xué)生在課堂上去完成設(shè)計作品創(chuàng)作，根據(jù)比賽的主題要求在課堂上有針對性地給學(xué)生講解目前國內(nèi)外相關(guān)優(yōu)秀案例，課內(nèi)課外對學(xué)生的設(shè)計創(chuàng)作給予指導(dǎo)。這一屆全國高校數(shù)字藝設(shè)計大賽共有來自全國的五百多所院校參賽，共征集作品了15000多件，經(jīng)過激烈的角逐和嚴(yán)格的評審，我校藝術(shù)設(shè)計系視覺傳達(dá)設(shè)計專業(yè)學(xué)生的六件數(shù)字藝術(shù)設(shè)計作品獲獎。其中界面設(shè)計作品《在太空遨游》獲得一等獎，兩件作品獲二等獎，三件作品獲三等獎；我校獲優(yōu)秀組織獎；指導(dǎo)老師獲優(yōu)秀指導(dǎo)老師獎。

以賽促學(xué)的教學(xué)方法既推動了教學(xué)向縱深發(fā)展，加強(qiáng)了學(xué)生的實(shí)訓(xùn)能力，是實(shí)踐教學(xué)的良好補(bǔ)充；也讓學(xué)生在比賽中與全國所有院校同專業(yè)學(xué)生同場競技，是檢驗教學(xué)水平和學(xué)生的能力的一種良好手段；極大促進(jìn)了師生的創(chuàng)新積極性，激發(fā)學(xué)生學(xué)習(xí)熱情，樹立良好學(xué)習(xí)和實(shí)踐氛圍，增強(qiáng)學(xué)生就業(yè)的能力和實(shí)力；也增加專業(yè)實(shí)力和知名度。因此，希望通過本文的闡述，能夠給競賽教學(xué)模式在界面設(shè)計課程的教學(xué)中提供一定的幫助。

總結(jié)

界面設(shè)計課程是藝術(shù)設(shè)計專業(yè)的專業(yè)課程，具有很強(qiáng)的實(shí)踐性，傳統(tǒng)的教學(xué)方法已經(jīng)不能滿足課堂的需要，必須強(qiáng)調(diào)理論與實(shí)踐教學(xué)相結(jié)合的方法，如本文提到的項目化教學(xué)、以賽促學(xué)等教學(xué)模式，教師應(yīng)提升教學(xué)思路，重新審視在新媒體時代教學(xué)課程該如何入手，結(jié)合市場需要及課程需求還有學(xué)生的興趣去創(chuàng)造新的課程教學(xué)方法。希望本文對教學(xué)的一些探索，能夠?qū)缑嬖O(shè)計課程教學(xué)起到一定的參考作用。