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

許琛

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

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

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

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

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

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

2.1 優(yōu)化傳統(tǒng)課程設(shè)計，融入UI界面設(shè)計的方法

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

2.2 將真實的UI項目引入課堂

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

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

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

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

在數(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è)計教育方法、培養(yǎng)具有深厚文化底蘊的復(fù)合型設(shè)計人才，建議在必修課設(shè)計史的基礎(chǔ)上，開設(shè)“中國畫基礎(chǔ)”、“民俗學(xué)”、“版畫”、“書法”、“陶藝”等選修課程，旨在提高學(xué)生綜合素質(zhì)，提升學(xué)生的傳統(tǒng)文化藝術(shù)修養(yǎng)，構(gòu)建多元思維方式。

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

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

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

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

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

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

參考文獻(xiàn)

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

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

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