魏云柯 劉曉林

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

?

交互媒體設計專業(yè)UI圖形創(chuàng)意設計實訓教學研究

魏云柯 劉曉林

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

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

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

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

一、AI軟件與課程

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

二、UI界面設計與課程

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

圖1

圖2

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

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

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

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

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

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

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

（三）學生造型基礎不扎實，缺乏學習主動性和積極性

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

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

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

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

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

【中圖分類號】G632

【文獻標識碼】A