許琛

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

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

中圖分類號：G424 文獻(xiàn)標(biāo)識碼：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ì)是視覺傳達(dá)設(shè)計(jì)與數(shù)字媒體專業(yè)相結(jié)合的新領(lǐng)域，專業(yè)院校需要在掌握理論知識的基礎(chǔ)上，融入新的APP界面設(shè)計(jì)、網(wǎng)頁界面設(shè)計(jì)、游戲視覺設(shè)計(jì)等新的課程，對傳統(tǒng)課程設(shè)置進(jìn)行改革，培養(yǎng)在互聯(lián)網(wǎng)+發(fā)展的大背景下，具有一定UI界面設(shè)計(jì)基礎(chǔ)的創(chuàng)新型、綜合型設(shè)計(jì)人才。現(xiàn)階段，國內(nèi)的藝術(shù)設(shè)計(jì)專業(yè)院校在數(shù)字媒體產(chǎn)業(yè)發(fā)展的大背景下，開始不斷摸索適應(yīng)社會(huì)發(fā)展的改革之路。例如廣州美術(shù)學(xué)院在視覺傳達(dá)專業(yè)課程中開設(shè)了針對網(wǎng)絡(luò)和移動(dòng)平臺的UI界面設(shè)計(jì)課程；江南大學(xué)對工業(yè)設(shè)計(jì)及視覺傳達(dá)設(shè)計(jì)兩個(gè)專業(yè)進(jìn)行創(chuàng)新改革，打破了傳統(tǒng)的課程設(shè)置，增設(shè)了UI界面設(shè)計(jì)課程；燕京理工學(xué)院藝術(shù)設(shè)計(jì)學(xué)院視覺傳達(dá)設(shè)計(jì)專業(yè)將人才培養(yǎng)分為兩個(gè)方向：新媒介藝術(shù)設(shè)計(jì)方向和品牌與傳播設(shè)計(jì)方向，以此培養(yǎng)更適應(yīng)社會(huì)發(fā)展的新型視覺傳達(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ì)的新的視覺傳達(dá)設(shè)計(jì)表現(xiàn)形式開始在互聯(lián)網(wǎng)中越來越多的提到。各種以數(shù)字技術(shù)為載體的數(shù)碼產(chǎn)品，例如平板電腦、在線手游以及其它人機(jī)交互技術(shù)產(chǎn)品的盛行，都需要UI界面設(shè)計(jì)師這一新的職業(yè)對產(chǎn)品進(jìn)行整體優(yōu)化，因此UI界面設(shè)計(jì)的影響力不可小覷。針對傳統(tǒng)的視覺傳達(dá)設(shè)計(jì)專業(yè)來說，UI界面設(shè)計(jì)則主要是指GUI，GUI即“Graphical User Interface”也就是“圖形用戶界面”，是對屏幕產(chǎn)品的視覺效果和互動(dòng)操作進(jìn)行設(shè)計(jì)，是一種結(jié)合美學(xué)、計(jì)算機(jī)科學(xué)、心理學(xué)、人機(jī)工程學(xué)等學(xué)科，并且結(jié)合市場需求，強(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)者購買的原因。以美國蘋果公司的iphone為例，App應(yīng)用程序市場中有多達(dá)50萬個(gè)不同種類的程序可供下載，每個(gè)程序都經(jīng)過ios系統(tǒng)規(guī)范化的設(shè)計(jì)，通過卓越的UI界面設(shè)計(jì)，為用戶提供了方便、快捷而流暢的操作體驗(yàn)，是人機(jī)交互時(shí)代界面設(shè)計(jì)的優(yōu)秀案例。國產(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ì)在視覺傳達(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é)生對整體界面的設(shè)計(jì)把控。Icon圖標(biāo)是指的界面圖標(biāo)，是狹義上的圖標(biāo)概念，是在特定媒介上的圖標(biāo)設(shè)計(jì)。界面圖標(biāo)分為軟件圖標(biāo)、網(wǎng)頁圖標(biāo)、手機(jī)端圖標(biāo)三個(gè)大的類別。便于用戶在多次使用過程中的記憶，并形成習(xí)慣。icon圖標(biāo)設(shè)計(jì)的趨勢大可分為擬物化設(shè)計(jì)和扁平化設(shè)計(jì)，在標(biāo)志設(shè)計(jì)的課程中，可以設(shè)置icon圖標(biāo)設(shè)計(jì)專項(xiàng)練習(xí)，針對不同的設(shè)計(jì)方法對學(xué)生進(jìn)行訓(xùn)練，拓展原有的標(biāo)志設(shè)計(jì)課程思路，打破原有標(biāo)志設(shè)計(jì)課程的二維局限，例如校園主題icon圖標(biāo)創(chuàng)作， 針對不同節(jié)日主題的icon圖標(biāo)創(chuàng)作等。在標(biāo)志設(shè)計(jì)的課程中，可以設(shè)置icon圖標(biāo)設(shè)計(jì)專項(xiàng)練習(xí)，針對不同的設(shè)計(jì)方法對學(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é)樓，豎宿舍樓，豏圖書館，豐體育場，豑食堂，豒澡堂，豓銀行，豔超市）。

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

把真實(shí)的UI設(shè)計(jì)項(xiàng)目引入到課堂當(dāng)中，借鑒UI設(shè)計(jì)公司的運(yùn)作流程，建立針對UI界面設(shè)計(jì)課程的新的專業(yè)課程體系標(biāo)準(zhǔn)。在具體的項(xiàng)目實(shí)踐過程中，將學(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)、市場調(diào)研、頭腦風(fēng)暴、視覺設(shè)計(jì)方案制作等，使學(xué)生不再被動(dòng)接受知識，而是營造同UI設(shè)計(jì)公司或其它互聯(lián)網(wǎng)設(shè)計(jì)公司對等的學(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)建以視覺傳達(dá)專業(yè)為核心，利用其它專業(yè)的資源，盡可能多的進(jìn)行其它相關(guān)課程的多樣化融合，例如開設(shè)“攝影基礎(chǔ)”、“影視后期合成”、“展示設(shè)計(jì)”、“flash動(dòng)畫”等課程，不但能夠加強(qiáng)視覺傳達(dá)專業(yè)的基礎(chǔ)知識，也能擴(kuò)展該專業(yè)學(xué)生的設(shè)計(jì)思路，為有意向從事視覺傳達(dá)專業(yè)相關(guān)工作的學(xué)生拓展更廣闊的就業(yè)機(jī)會(huì)，例如在當(dāng)今數(shù)字媒體背景下非常熱門的“電視節(jié)目包裝設(shè)計(jì)”，不僅要求具有扎實(shí)的視覺傳達(dá)設(shè)計(jì)理論知識和技能，同時(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)代的、主流的和大眾的等知識更加豐富地體現(xiàn)在課堂教學(xué)中。一味地追求西方科學(xué)技術(shù)，而沒有自我文化特色的藝術(shù)教育是失敗的。為創(chuàng)建具有文化本源性的藝術(shù)設(shè)計(jì)教育方法、培養(yǎng)具有深厚文化底蘊(yùn)的復(fù)合型設(shè)計(jì)人才，建議在必修課設(shè)計(jì)史的基礎(chǔ)上，開設(shè)“中國畫基礎(chǔ)”、“民俗學(xué)”、“版畫”、“書法”、“陶藝”等選修課程，旨在提高學(xué)生綜合素質(zhì)，提升學(xué)生的傳統(tǒng)文化藝術(shù)修養(yǎng)，構(gòu)建多元思維方式。

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

UI界面設(shè)計(jì)是一門對學(xué)生綜合能力要求極高的課程，關(guān)聯(lián)到設(shè)計(jì)藝術(shù)學(xué)、計(jì)算機(jī)技術(shù)、人機(jī)工程、心理學(xué)等眾多學(xué)科，要求學(xué)生必須要有較強(qiáng)的綜合學(xué)習(xí)能力、開闊的設(shè)計(jì)思維、熟練的軟件操作、良好的視覺分析、全面的團(tuán)隊(duì)合作能力等，是一門要求較高的的新興綜合課程。要想開展好此類課程教學(xué)，一定要在教學(xué)過程中做到與時(shí)俱進(jìn)，在原有傳統(tǒng)課程基礎(chǔ)上進(jìn)行大膽改革，不斷地發(fā)現(xià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ù)是針對屏幕的設(shè)計(jì)，對設(shè)計(jì)規(guī)范的要求較高，學(xué)生在做設(shè)計(jì)的過程中往往會(huì)忽視這方面的要求，往往有好的創(chuàng)意卻沒有一定的規(guī)范約束。需要在視覺傳達(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)知識規(guī)范作為先導(dǎo)內(nèi)容。

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

（4）如今借助網(wǎng)絡(luò)平臺呈現(xiàn)的設(shè)計(jì)資源眾多，涌現(xiàn)出大量的設(shè)計(jì)抄襲現(xiàn)象，很多同學(xué)為了應(yīng)付作業(yè)抄襲網(wǎng)上的作品草草了事，針對這一現(xiàn)象，應(yīng)當(dāng)加強(qiáng)提升學(xué)生的文化藝術(shù)修養(yǎng)，定期組織學(xué)生進(jìn)行課外實(shí)踐活動(dòng)，參觀各類藝術(shù)展覽、民俗文化藝術(shù)活動(dòng)，加大對“藝術(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í)代視覺傳達(dá)設(shè)計(jì)專業(yè)面臨的挑戰(zhàn)與出路——以UI界面設(shè)計(jì)推廣為例[J].藝術(shù)與設(shè)計(jì)（理論版），2013.8.