UI界面設(shè)計(jì)在視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)教學(xué)中的應(yīng)用研究

許琛

摘 要 本課題站在客觀的角度分析現(xiàn)今我國(guó)高校視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)教學(xué)改革模式；介紹互聯(lián)網(wǎng)迅猛發(fā)展的背景下UI界面設(shè)計(jì)的創(chuàng)新影響力；結(jié)合教學(xué)實(shí)踐，探索UI界面設(shè)計(jì)在視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)教學(xué)中具體的推廣方案；以親身經(jīng)驗(yàn)對(duì)UI界面設(shè)計(jì)課程進(jìn)行教學(xué)總結(jié)，為視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)進(jìn)行特色化教學(xué)改革進(jìn)行嘗試。

關(guān)鍵詞 互聯(lián)網(wǎng) UI界面設(shè)計(jì) 視覺(jué)傳達(dá)設(shè)計(jì)

中圖分類號(hào)：G424 文獻(xiàn)標(biāo)識(shí)碼：A DOI：10.16400/j.cnki.kjdks.2016.12.045

Abstract In the objective angle analysis of the current China University of visual communication design specialty teaching reform mode of this topic； the innovation influence the UI interface design of the Internet under the background of rapid development； combining with the teaching practice， to explore the UI interface design in visual communication design in the teaching of professional promotion body； the UI interface design curriculum teaching to summarize personal experience， visual communication design professional characteristics of teaching reform attempt.

Keywords internet； UI interface design； visual communication design

UI界面設(shè)計(jì)是視覺(jué)傳達(dá)設(shè)計(jì)與數(shù)字媒體專業(yè)相結(jié)合的新領(lǐng)域，專業(yè)院校需要在掌握理論知識(shí)的基礎(chǔ)上，融入新的APP界面設(shè)計(jì)、網(wǎng)頁(yè)界面設(shè)計(jì)、游戲視覺(jué)設(shè)計(jì)等新的課程，對(duì)傳統(tǒng)課程設(shè)置進(jìn)行改革，培養(yǎng)在互聯(lián)網(wǎng)+發(fā)展的大背景下，具有一定UI界面設(shè)計(jì)基礎(chǔ)的創(chuàng)新型、綜合型設(shè)計(jì)人才。現(xiàn)階段，國(guó)內(nèi)的藝術(shù)設(shè)計(jì)專業(yè)院校在數(shù)字媒體產(chǎn)業(yè)發(fā)展的大背景下，開(kāi)始不斷摸索適應(yīng)社會(huì)發(fā)展的改革之路。例如廣州美術(shù)學(xué)院在視覺(jué)傳達(dá)專業(yè)課程中開(kāi)設(shè)了針對(duì)網(wǎng)絡(luò)和移動(dòng)平臺(tái)的UI界面設(shè)計(jì)課程；江南大學(xué)對(duì)工業(yè)設(shè)計(jì)及視覺(jué)傳達(dá)設(shè)計(jì)兩個(gè)專業(yè)進(jìn)行創(chuàng)新改革，打破了傳統(tǒng)的課程設(shè)置，增設(shè)了UI界面設(shè)計(jì)課程；燕京理工學(xué)院藝術(shù)設(shè)計(jì)學(xué)院視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)將人才培養(yǎng)分為兩個(gè)方向：新媒介藝術(shù)設(shè)計(jì)方向和品牌與傳播設(shè)計(jì)方向，以此培養(yǎng)更適應(yīng)社會(huì)發(fā)展的新型視覺(jué)傳達(dá)設(shè)計(jì)人才。

1 UI界面設(shè)計(jì)的創(chuàng)新影響力

在互聯(lián)網(wǎng)迅猛發(fā)展的背景下，當(dāng)今手機(jī)互聯(lián)網(wǎng)的三大主流系統(tǒng)：ios系統(tǒng)、Android系統(tǒng)、windows系統(tǒng)，都會(huì)相應(yīng)進(jìn)行各種應(yīng)用程序和軟件的設(shè)計(jì)推廣。一種被稱為UI界面設(shè)計(jì)的新的視覺(jué)傳達(dá)設(shè)計(jì)表現(xiàn)形式開(kāi)始在互聯(lián)網(wǎng)中越來(lái)越多的提到。各種以數(shù)字技術(shù)為載體的數(shù)碼產(chǎn)品，例如平板電腦、在線手游以及其它人機(jī)交互技術(shù)產(chǎn)品的盛行，都需要UI界面設(shè)計(jì)師這一新的職業(yè)對(duì)產(chǎn)品進(jìn)行整體優(yōu)化，因此UI界面設(shè)計(jì)的影響力不可小覷。針對(duì)傳統(tǒng)的視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)來(lái)說(shuō)，UI界面設(shè)計(jì)則主要是指GUI，GUI即“Graphical User Interface”也就是“圖形用戶界面”，是對(duì)屏幕產(chǎn)品的視覺(jué)效果和互動(dòng)操作進(jìn)行設(shè)計(jì)，是一種結(jié)合美學(xué)、計(jì)算機(jī)科學(xué)、心理學(xué)、人機(jī)工程學(xué)等學(xué)科，并且結(jié)合市場(chǎng)需求，強(qiáng)調(diào)人、機(jī)、環(huán)境三者合并為一個(gè)系統(tǒng)進(jìn)行總體設(shè)計(jì)。我們眾所周知的蘋果公司推出的智能電子產(chǎn)品iPhone、iPad，三星公司的Galaxy系列手機(jī)、Galaxy Tab平板電腦，都贏得了巨大的受眾群體，成為革命性科技產(chǎn)品的標(biāo)桿。究其原因，不僅僅是體現(xiàn)在其優(yōu)秀的軟硬件產(chǎn)品設(shè)計(jì)上，美觀且操作流暢的UI界面設(shè)計(jì)也是吸引眾多消費(fèi)者購(gòu)買的原因。以美國(guó)蘋果公司的iphone為例，App應(yīng)用程序市場(chǎng)中有多達(dá)50萬(wàn)個(gè)不同種類的程序可供下載，每個(gè)程序都經(jīng)過(guò)ios系統(tǒng)規(guī)范化的設(shè)計(jì)，通過(guò)卓越的UI界面設(shè)計(jì)，為用戶提供了方便、快捷而流暢的操作體驗(yàn)，是人機(jī)交互時(shí)代界面設(shè)計(jì)的優(yōu)秀案例。國(guó)產(chǎn)品牌諸如小米、聯(lián)想、華為以及近些年涌現(xiàn)的應(yīng)用軟件設(shè)計(jì)公司同樣也在移動(dòng)互聯(lián)時(shí)代嘗到了交互設(shè)計(jì)的甜頭，積極拓展UI界面設(shè)計(jì)的業(yè)務(wù)，成立專業(yè)的UI設(shè)計(jì)部門。由此可以看出，在互聯(lián)網(wǎng)迅速發(fā)展的社會(huì)背景下，優(yōu)秀的UI界面設(shè)計(jì)是產(chǎn)品和企業(yè)產(chǎn)生巨大社會(huì)效益和經(jīng)濟(jì)價(jià)值的法寶。

2 UI界面設(shè)計(jì)在視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)教學(xué)中的推廣方案探索

2.1 優(yōu)化傳統(tǒng)課程設(shè)計(jì)，融入U(xiǎn)I界面設(shè)計(jì)的方法

根據(jù)社會(huì)發(fā)展的需求重新構(gòu)建、整合原有的傳統(tǒng)課程體系，將UI界面設(shè)計(jì)巧妙地融入傳統(tǒng)課程設(shè)計(jì)中。例如在傳統(tǒng)的“標(biāo)志設(shè)計(jì)”、“版式設(shè)計(jì)”主干專業(yè)課程中，增加適應(yīng)互聯(lián)網(wǎng)發(fā)展需求的數(shù)字設(shè)計(jì)課程，以此延展和優(yōu)化主干專業(yè)課程的教學(xué)體系。例如在“標(biāo)志設(shè)計(jì)”課程中，融入icon圖標(biāo)設(shè)計(jì)的內(nèi)容，icon圖標(biāo)設(shè)計(jì)是UI界面設(shè)計(jì)中的重要組成部分，如果在標(biāo)志設(shè)計(jì)的課程中加入先導(dǎo)性的課程，有利于后期學(xué)生對(duì)整體界面的設(shè)計(jì)把控。Icon圖標(biāo)是指的界面圖標(biāo)，是狹義上的圖標(biāo)概念，是在特定媒介上的圖標(biāo)設(shè)計(jì)。界面圖標(biāo)分為軟件圖標(biāo)、網(wǎng)頁(yè)圖標(biāo)、手機(jī)端圖標(biāo)三個(gè)大的類別。便于用戶在多次使用過(guò)程中的記憶，并形成習(xí)慣。icon圖標(biāo)設(shè)計(jì)的趨勢(shì)大可分為擬物化設(shè)計(jì)和扁平化設(shè)計(jì)，在標(biāo)志設(shè)計(jì)的課程中，可以設(shè)置icon圖標(biāo)設(shè)計(jì)專項(xiàng)練習(xí)，針對(duì)不同的設(shè)計(jì)方法對(duì)學(xué)生進(jìn)行訓(xùn)練，拓展原有的標(biāo)志設(shè)計(jì)課程思路，打破原有標(biāo)志設(shè)計(jì)課程的二維局限，例如校園主題icon圖標(biāo)創(chuàng)作， 針對(duì)不同節(jié)日主題的icon圖標(biāo)創(chuàng)作等。在標(biāo)志設(shè)計(jì)的課程中，可以設(shè)置icon圖標(biāo)設(shè)計(jì)專項(xiàng)練習(xí)，針對(duì)不同的設(shè)計(jì)方法對(duì)學(xué)生進(jìn)行訓(xùn)練，拓展原有的標(biāo)志設(shè)計(jì)課程思路，打破原有標(biāo)志設(shè)計(jì)課程的二維局限。以下是在課堂上icon圖標(biāo)的專項(xiàng)練習(xí)成果（圖1）：八個(gè)校園主題icon圖標(biāo)創(chuàng)作（內(nèi)容包含豍教學(xué)樓，豎宿舍樓，豏圖書館，豐體育場(chǎng)，豑食堂，豒澡堂，豓銀行，豔超市）。

2.2 將真實(shí)的UI項(xiàng)目引入課堂

把真實(shí)的UI設(shè)計(jì)項(xiàng)目引入到課堂當(dāng)中，借鑒UI設(shè)計(jì)公司的運(yùn)作流程，建立針對(duì)UI界面設(shè)計(jì)課程的新的專業(yè)課程體系標(biāo)準(zhǔn)。在具體的項(xiàng)目實(shí)踐過(guò)程中，將學(xué)生分為若干個(gè)設(shè)計(jì)團(tuán)隊(duì)，分別負(fù)責(zé)項(xiàng)目經(jīng)理、客戶經(jīng)理、UI設(shè)計(jì)師、GUI設(shè)計(jì)師等不同成員職責(zé)，在具體的項(xiàng)目實(shí)踐中進(jìn)行立項(xiàng)、市場(chǎng)調(diào)研、頭腦風(fēng)暴、視覺(jué)設(shè)計(jì)方案制作等，使學(xué)生不再被動(dòng)接受知識(shí)，而是營(yíng)造同UI設(shè)計(jì)公司或其它互聯(lián)網(wǎng)設(shè)計(jì)公司對(duì)等的學(xué)習(xí)環(huán)境和氛圍，從而培養(yǎng)學(xué)生的團(tuán)隊(duì)精神和學(xué)習(xí)能力，這也是成為一名優(yōu)秀的UI設(shè)計(jì)師所必備的素質(zhì)。

2.3 充分進(jìn)行多學(xué)科交融

創(chuàng)建以視覺(jué)傳達(dá)專業(yè)為核心，利用其它專業(yè)的資源，盡可能多的進(jìn)行其它相關(guān)課程的多樣化融合，例如開(kāi)設(shè)“攝影基礎(chǔ)”、“影視后期合成”、“展示設(shè)計(jì)”、“flash動(dòng)畫”等課程，不但能夠加強(qiáng)視覺(jué)傳達(dá)專業(yè)的基礎(chǔ)知識(shí)，也能擴(kuò)展該專業(yè)學(xué)生的設(shè)計(jì)思路，為有意向從事視覺(jué)傳達(dá)專業(yè)相關(guān)工作的學(xué)生拓展更廣闊的就業(yè)機(jī)會(huì)，例如在當(dāng)今數(shù)字媒體背景下非常熱門的“電視節(jié)目包裝設(shè)計(jì)”，不僅要求具有扎實(shí)的視覺(jué)傳達(dá)設(shè)計(jì)理論知識(shí)和技能，同時(shí)還需要掌握一定的媒體應(yīng)用能力。

2.4 提升傳統(tǒng)文化藝術(shù)修養(yǎng)

在數(shù)字媒體時(shí)代與文化創(chuàng)意產(chǎn)業(yè)迅速發(fā)展的背景下，我們應(yīng)該更加注重學(xué)生傳統(tǒng)文化的藝術(shù)內(nèi)涵培養(yǎng)，將民族文化更加深刻地融入在現(xiàn)代教學(xué)體系中，將東方的和西方的、傳統(tǒng)的和現(xiàn)代的、主流的和大眾的等知識(shí)更加豐富地體現(xiàn)在課堂教學(xué)中。一味地追求西方科學(xué)技術(shù)，而沒(méi)有自我文化特色的藝術(shù)教育是失敗的。為創(chuàng)建具有文化本源性的藝術(shù)設(shè)計(jì)教育方法、培養(yǎng)具有深厚文化底蘊(yùn)的復(fù)合型設(shè)計(jì)人才，建議在必修課設(shè)計(jì)史的基礎(chǔ)上，開(kāi)設(shè)“中國(guó)畫基礎(chǔ)”、“民俗學(xué)”、“版畫”、“書法”、“陶藝”等選修課程，旨在提高學(xué)生綜合素質(zhì)，提升學(xué)生的傳統(tǒng)文化藝術(shù)修養(yǎng)，構(gòu)建多元思維方式。

3 UI界面設(shè)計(jì)課程教學(xué)總結(jié)

UI界面設(shè)計(jì)是一門對(duì)學(xué)生綜合能力要求極高的課程，關(guān)聯(lián)到設(shè)計(jì)藝術(shù)學(xué)、計(jì)算機(jī)技術(shù)、人機(jī)工程、心理學(xué)等眾多學(xué)科，要求學(xué)生必須要有較強(qiáng)的綜合學(xué)習(xí)能力、開(kāi)闊的設(shè)計(jì)思維、熟練的軟件操作、良好的視覺(jué)分析、全面的團(tuán)隊(duì)合作能力等，是一門要求較高的的新興綜合課程。要想開(kāi)展好此類課程教學(xué)，一定要在教學(xué)過(guò)程中做到與時(shí)俱進(jìn)，在原有傳統(tǒng)課程基礎(chǔ)上進(jìn)行大膽改革，不斷地發(fā)現(xiàn)問(wèn)題、解決問(wèn)題，觀摩學(xué)習(xí)兄弟院校的經(jīng)驗(yàn)，進(jìn)行教學(xué)總結(jié)和反思，在摸索中不斷進(jìn)步。

（1）將UI界面設(shè)計(jì)在企業(yè)中所需要掌握的能力細(xì)化為相關(guān)的專業(yè)課程，設(shè)置出新的相關(guān)課程體系，以便課程能夠順利進(jìn)行，使課程體系能夠更加符合社會(huì)的需求。

（2）UI界面設(shè)計(jì)大多數(shù)是針對(duì)屏幕的設(shè)計(jì)，對(duì)設(shè)計(jì)規(guī)范的要求較高，學(xué)生在做設(shè)計(jì)的過(guò)程中往往會(huì)忽視這方面的要求，往往有好的創(chuàng)意卻沒(méi)有一定的規(guī)范約束。需要在視覺(jué)傳達(dá)設(shè)計(jì)的基礎(chǔ)課程中加強(qiáng)學(xué)習(xí)，例如CI設(shè)計(jì)、版式設(shè)計(jì)、字體設(shè)計(jì)等專業(yè)基礎(chǔ)課，需要更加重視課程中基礎(chǔ)規(guī)范的學(xué)習(xí)，也可以適當(dāng)引入U(xiǎn)I界面設(shè)計(jì)的相關(guān)知識(shí)規(guī)范作為先導(dǎo)內(nèi)容。

（3）借鑒一線城市兄弟院校的人才培養(yǎng)模式方案，加大校企合作，同時(shí)可以邀請(qǐng)水晶石、火星時(shí)代等數(shù)字媒體培訓(xùn)機(jī)構(gòu)到學(xué)校中進(jìn)行交流學(xué)習(xí)，開(kāi)展短期workshop的活動(dòng)，培養(yǎng)學(xué)生學(xué)習(xí)興趣的同時(shí)架構(gòu)和社會(huì)平臺(tái)的無(wú)縫鏈接。

（4）如今借助網(wǎng)絡(luò)平臺(tái)呈現(xiàn)的設(shè)計(jì)資源眾多，涌現(xiàn)出大量的設(shè)計(jì)抄襲現(xiàn)象，很多同學(xué)為了應(yīng)付作業(yè)抄襲網(wǎng)上的作品草草了事，針對(duì)這一現(xiàn)象，應(yīng)當(dāng)加強(qiáng)提升學(xué)生的文化藝術(shù)修養(yǎng)，定期組織學(xué)生進(jìn)行課外實(shí)踐活動(dòng)，參觀各類藝術(shù)展覽、民俗文化藝術(shù)活動(dòng)，加大對(duì)“藝術(shù)史”、“民俗學(xué)”等課程的學(xué)習(xí)，提升學(xué)生的設(shè)計(jì)思維能力，拓展學(xué)生的設(shè)計(jì)視野。

參考文獻(xiàn)

[1] 李洪海.石爽.李霞.交互界面設(shè)計(jì)[M].北京：化學(xué)工業(yè)出版社，2011.

[2] 張軍.關(guān)于UI界面設(shè)計(jì)課程設(shè)置的構(gòu)思與創(chuàng)想[J].藝術(shù)與設(shè)計(jì)，2011.7.

[3] 李文波，謝鑫輝.淺論數(shù)字時(shí)代視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)面臨的挑戰(zhàn)與出路——以UI界面設(shè)計(jì)推廣為例[J].藝術(shù)與設(shè)計(jì)（理論版），2013.8.