魏云柯 劉曉林

（廣東科學(xué)技術(shù)職業(yè)學(xué)院，廣東 珠海 519090）

?

交互媒體設(shè)計(jì)專業(yè)UI圖形創(chuàng)意設(shè)計(jì)實(shí)訓(xùn)教學(xué)研究

魏云柯 劉曉林

（廣東科學(xué)技術(shù)職業(yè)學(xué)院，廣東 珠海 519090）

【摘要】UI圖形創(chuàng)意設(shè)計(jì)課程既是交互媒體設(shè)計(jì)專業(yè)的軟件基礎(chǔ)課程，又是專業(yè)核心課程；著重培養(yǎng)企業(yè)UI設(shè)計(jì)師軟件運(yùn)用，圖形創(chuàng)意的崗位技能。該課程首先是讓學(xué)生接觸運(yùn)用軟件Illustrator，在熟練運(yùn)用軟件的基礎(chǔ)上針對(duì)命題進(jìn)行圖形設(shè)計(jì)，使圖形具有美感和創(chuàng)意，在教學(xué)過程中學(xué)生需按照企業(yè)用人的要求進(jìn)行課程訓(xùn)練，提升崗位能力。本文在概述課程講述內(nèi)容的基礎(chǔ)上，分析了當(dāng)前交互媒體設(shè)計(jì)專業(yè)的圖形創(chuàng)意設(shè)計(jì)教學(xué)現(xiàn)狀，針對(duì)該課程的建設(shè)提出了一些意見和建議，以期提高教學(xué)質(zhì)量。

【關(guān)鍵詞】交互媒體設(shè)計(jì)專業(yè)；UI圖形創(chuàng)意設(shè)計(jì)；實(shí)訓(xùn)教學(xué)；崗位能力

在互聯(lián)網(wǎng)和移動(dòng)互聯(lián)網(wǎng)的時(shí)代，交互媒體是指從界面視覺效果來看應(yīng)用于電腦或手持設(shè)備的一些程序、軟件的UI界面設(shè)計(jì)。從宏觀上說，交互媒體設(shè)計(jì)是一個(gè)注重界面美觀、交互便潔、用戶體驗(yàn)與人機(jī)間有效溝通的軟件設(shè)計(jì)領(lǐng)域，這需要我們具備一定的美術(shù)基礎(chǔ)，一定的分析和統(tǒng)籌的能力。UI圖形創(chuàng)意設(shè)計(jì)則是針對(duì)界面美工的專業(yè)核心課程，著重培養(yǎng)學(xué)生開發(fā)界面美工的能力。該課程首先是讓學(xué)生接觸并學(xué)會(huì)使用Illustrator軟件，在熟練運(yùn)用軟件的基礎(chǔ)上引入企業(yè)案例并設(shè)置設(shè)計(jì)命題，讓學(xué)生對(duì)命題進(jìn)行圖形設(shè)計(jì)，使圖形具有美感和創(chuàng)意，在教學(xué)過程中學(xué)生需按照企業(yè)用人的要求進(jìn)行課程訓(xùn)練，提升崗位能力。筆者將針對(duì)該課程教學(xué)現(xiàn)狀中存在的問題提出建議。

一、AI軟件與課程

軟件開發(fā)企業(yè)要求UI設(shè)計(jì)師能夠熟練操作位圖和矢量圖的繪圖軟件，并進(jìn)行軟件界面或游戲美工的圖形設(shè)計(jì)。Illustrator（以下簡(jiǎn)稱AI）軟件是一種應(yīng)用于在線圖像的工業(yè)標(biāo)準(zhǔn)矢量圖軟件，廣泛應(yīng)用于印刷出版、海報(bào)書籍排版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁面的制作等，適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目。針對(duì)交互媒體設(shè)計(jì)專業(yè)，AI以其強(qiáng)大的功能和體貼用戶的界面完全能適應(yīng)UI界面設(shè)計(jì)需要。老師在教學(xué)的過程中應(yīng)花大量的課時(shí)對(duì)軟件的界面、功能、工具進(jìn)行講解，以實(shí)例闡述工具功能，講授與實(shí)操相結(jié)合，經(jīng)筆者驗(yàn)證，可講解30～45分鐘的實(shí)例，再讓學(xué)生練習(xí)1小時(shí)所講內(nèi)容。排課方面可安排四節(jié)連上，便于保障講授和實(shí)操的時(shí)間。因AI與Photoshop（以下簡(jiǎn)稱PS）界面相似，并能共享一些功能，實(shí)現(xiàn)圖片無縫轉(zhuǎn)化和銜接，也可以將文件輸出為Flash格式，可以安排這三門課程在同一個(gè)學(xué)期，并最終讓學(xué)生將這三個(gè)軟件進(jìn)行交叉應(yīng)用完成界面、動(dòng)畫等實(shí)訓(xùn)項(xiàng)目，實(shí)現(xiàn)課程銜接。

二、UI界面設(shè)計(jì)與課程

UI是User Interface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要賣點(diǎn)，是建立在科學(xué)性之上的藝術(shù)設(shè)計(jì)。UI圖形創(chuàng)意設(shè)計(jì)這門課程，圖形設(shè)計(jì)即傳統(tǒng)意義上的“美工”。實(shí)際上是軟件產(chǎn)品的外形設(shè)計(jì)，中間加了“創(chuàng)意”二字，強(qiáng)調(diào)的是體現(xiàn)智慧思維的創(chuàng)新、創(chuàng)造。軟件開發(fā)企業(yè)要求UI設(shè)計(jì)師設(shè)計(jì)出的產(chǎn)品體現(xiàn)“創(chuàng)意”和“美感”，這就對(duì)教學(xué)提出了較高的要求，不僅要使用AI做出已有的范例，還要有所突破，針對(duì)實(shí)訓(xùn)教學(xué)的命題逆向思維、發(fā)散思維，創(chuàng)作出帶有個(gè)性、風(fēng)格的UI作品。在教學(xué)中可引入頭腦風(fēng)暴法，分組討論法等，讓學(xué)生針對(duì)具體的命題思考、討論、繪制草圖、做成正稿并修改完善。具體的命題可以安排企業(yè)真實(shí)設(shè)計(jì)項(xiàng)目，如與我們學(xué)院校企合作的企業(yè)頂峰科技有限公司的游戲界面、角色設(shè)計(jì)等見圖1，圖1是參照了“暴走漫畫”風(fēng)格創(chuàng)作出的“坑爹游戲”，角色風(fēng)格怪誕卡通，符合大眾審美需求；邁峰科技有限公司的軟件界面、網(wǎng)頁界面等見圖2，圖2中有多個(gè)手機(jī)應(yīng)用軟件界面，版面清晰美觀，能迅速有效傳達(dá)信息并實(shí)現(xiàn)人機(jī)交互。

圖1

圖2

三、UI圖形創(chuàng)意設(shè)計(jì)的教學(xué)現(xiàn)狀及改進(jìn)措施

（一）單一教學(xué)模式與UI設(shè)計(jì)專業(yè)能力培養(yǎng)間的錯(cuò)位

當(dāng)前，雖然新課程改革對(duì)各學(xué)科的教學(xué)都提出了新要求，倡導(dǎo)新的教學(xué)觀與學(xué)生觀，但很多高校很多教師仍采用舊的教學(xué)模式，要么沒有把軟件講透講徹底，造成很多學(xué)生表現(xiàn)力欠佳，有好的創(chuàng)意卻不能使用軟件表現(xiàn)出來；再者，有的老師只注重講授軟件的操作方法，沒有結(jié)合企業(yè)真實(shí)項(xiàng)目圖形創(chuàng)意練習(xí)題鍛煉學(xué)生的創(chuàng)意能力和美感。教師在教學(xué)過程中應(yīng)在完成一個(gè)階段的軟件操作教學(xué)后，提出實(shí)訓(xùn)命題，對(duì)學(xué)生的創(chuàng)意思維展開訓(xùn)練，分析題目，小組討論，繪制草圖，并針對(duì)命題運(yùn)用軟件進(jìn)行設(shè)計(jì)，有針對(duì)性地對(duì)每一個(gè)階段的軟件工具操作和使用方法進(jìn)行實(shí)訓(xùn)，溫故知新，讓學(xué)生通過實(shí)訓(xùn)教學(xué)及時(shí)復(fù)習(xí)所學(xué)內(nèi)容并進(jìn)行考核。

通過教授+實(shí)操交叉訓(xùn)練，學(xué)生對(duì)AI軟件的操作考試平均分可達(dá)82分以上；學(xué)生對(duì)實(shí)訓(xùn)命題進(jìn)行設(shè)計(jì)，少部分學(xué)生所完成的作業(yè)具備一定的實(shí)用價(jià)值，有提升的空間。

（二）教學(xué)內(nèi)容多，課時(shí)少，教學(xué)質(zhì)量受影響

由于交互媒體設(shè)計(jì)專業(yè)需要完成的課程內(nèi)容較多，且各高校情況大不相同，高職高專大多為三年制教學(xué)，也有部分高職院校采用二年制模式，僅在兩年時(shí)間內(nèi)培養(yǎng)出UI設(shè)計(jì)人才，除去最后半年的實(shí)訓(xùn)以及半年企業(yè)化工學(xué)結(jié)合教學(xué)模式，學(xué)生在校期間專業(yè)基礎(chǔ)課及核心課程僅在一年時(shí)間內(nèi)完成，部分課程的課時(shí)量必須壓縮以適應(yīng)兩年制教學(xué)的需要。AI軟件功能強(qiáng)大，適應(yīng)面廣，如果要在UI圖形創(chuàng)意設(shè)計(jì)這門課程里將該軟件講透，讓學(xué)生做到熟練運(yùn)用軟件作圖，需要至少50個(gè)課時(shí)。另外按照具體的企業(yè)命題實(shí)施實(shí)訓(xùn)教學(xué)并考核，需要至少30個(gè)課時(shí)。

通過50個(gè)課時(shí)的集中訓(xùn)練，學(xué)生能夠完成教材90%以上內(nèi)容，熟悉AI軟件中各工具的用法，能夠完成教材中所示的120個(gè)以上范例；通過30個(gè)課時(shí)的命題實(shí)訓(xùn)，學(xué)生可以完成3個(gè)命題設(shè)計(jì)，教師完成講評(píng)測(cè)驗(yàn)。

（三）學(xué)生造型基礎(chǔ)不扎實(shí)，缺乏學(xué)習(xí)主動(dòng)性和積極性

UI設(shè)計(jì)師大多畢業(yè)于美術(shù)院校，有美術(shù)設(shè)計(jì)教育背景，例如平面設(shè)計(jì)、工業(yè)設(shè)計(jì)等?，F(xiàn)在各高校開辦交互媒體設(shè)計(jì)專業(yè)情況各異，生源復(fù)雜，部分學(xué)生有一定的美術(shù)基礎(chǔ)，也有部分是沒有美術(shù)基礎(chǔ)的，UI設(shè)計(jì)則要求界面視覺感舒適美觀，其中的造型基本功尤其重要，否則即使學(xué)生掌握了軟件的操作，也不能將心中所想變?yōu)閳D形，更談不上有創(chuàng)意的圖形了。針對(duì)這一情況，建議在開設(shè)UI圖形創(chuàng)意設(shè)計(jì)這門課程之前就先開設(shè)設(shè)計(jì)素描或卡通畫之類的課程，讓學(xué)生在造型力，創(chuàng)造力和整合力等方面達(dá)到一定的水平，之后再使用軟件結(jié)合先前課程所描繪的圖形制作成設(shè)計(jì)正稿，使學(xué)生在學(xué)到知識(shí)的同時(shí)，串聯(lián)課程，激發(fā)學(xué)習(xí)興趣。另外為因材施教，實(shí)現(xiàn)教學(xué)目標(biāo)層次化差異，教師可布置量少簡(jiǎn)單的課程作業(yè)給所有學(xué)生，在此基礎(chǔ)上挖掘少數(shù)優(yōu)秀努力的學(xué)生，布置一些有難度能提升水平的作業(yè)給他們，也可通過各類型各級(jí)別的競(jìng)賽調(diào)動(dòng)學(xué)生的主動(dòng)性和積極性。

通過造型基礎(chǔ)課程的學(xué)習(xí)，學(xué)生的造型力和創(chuàng)造力都明顯提升，能夠?qū)W以致用最終實(shí)現(xiàn)創(chuàng)意設(shè)計(jì)；通過難度作業(yè)及比賽的訓(xùn)練，少數(shù)學(xué)生能夠積極參與并獲獎(jiǎng)，在比賽過程中提升專業(yè)技能。

在這個(gè)互聯(lián)網(wǎng)和移動(dòng)互聯(lián)網(wǎng)的時(shí)代，UI界面設(shè)計(jì)的教學(xué)目的也當(dāng)依照社會(huì)的發(fā)展，科技的創(chuàng)新做出相應(yīng)的改變；教師也當(dāng)依照專業(yè)的教學(xué)特點(diǎn)、軟件的功能特點(diǎn)來選取教學(xué)內(nèi)容；在教學(xué)的過程中，應(yīng)該講練結(jié)合，以企業(yè)項(xiàng)目實(shí)戰(zhàn)為導(dǎo)向，融入分組法，頭腦風(fēng)暴法，競(jìng)賽激勵(lì)法等教學(xué)方法，注重培養(yǎng)學(xué)生能力。UI圖形創(chuàng)意設(shè)計(jì)既傳授了軟件的使用方法，又依照實(shí)訓(xùn)命題讓學(xué)生鍛煉圖形創(chuàng)意設(shè)計(jì)能力，是一門專業(yè)核心課程，盡管在不同院校還存在或多或少的問題，但相信通過任課老師，行業(yè)專家的共同努力，不斷探究、實(shí)踐，致力于教學(xué)質(zhì)量的提高，課程會(huì)辦得越來越好，學(xué)生會(huì)得到更多收獲。

作者簡(jiǎn)介：魏云柯，廣東科學(xué)技術(shù)職業(yè)學(xué)院，職稱：講師，工藝美術(shù)師。

基金項(xiàng)目：本論文用于基金資助：2014年度廣東省高等職業(yè)教育教學(xué)改革立項(xiàng)項(xiàng)目（項(xiàng)目編號(hào)201401091）。

【中圖分類號(hào)】G632

【文獻(xiàn)標(biāo)識(shí)碼】A