徐利華

【摘要】根據(jù)我院職業(yè)人培養(yǎng)方案，我院計算機(jī)應(yīng)用專業(yè)（UI設(shè)計方向）培養(yǎng)具有應(yīng)用計算機(jī)技術(shù)從事互聯(lián)網(wǎng)產(chǎn)品設(shè)計、交互式多媒體設(shè)計、移動應(yīng)用開發(fā)等方向的職業(yè)能力與基本素養(yǎng)，能夠從事移動UI/UE設(shè)計、移動應(yīng)用開發(fā)、交互產(chǎn)品設(shè)計等工作崗位的高素質(zhì)技能性職業(yè)人，主要面向前端設(shè)計，就業(yè)方向為UI設(shè)計師。

【關(guān)鍵詞】計算機(jī)應(yīng)用 UI設(shè)計 課程設(shè)置

【中圖分類號】G712；TP3-4 【文獻(xiàn)標(biāo)識碼】A 【文章編號】2095-3089（2017）43-0240-02

1.UI設(shè)計簡介

UI設(shè)計是一門新的學(xué)科，也稱之為當(dāng)代新媒體，是跨學(xué)科的學(xué)術(shù)領(lǐng)域，在各門相關(guān)學(xué)科中提取相關(guān)的內(nèi)容要素而綜合起來的系統(tǒng)學(xué)科。從課程設(shè)置角度看，UI設(shè)計是體現(xiàn)高職技能型人才培養(yǎng)的特色課程。課程包括GUI、AUI、WUI、MUI等方面的應(yīng)用。課程實踐中注重對圖形設(shè)計、編排設(shè)計、字體設(shè)計、構(gòu)成設(shè)計、色彩搭配等整體應(yīng)用。

UI設(shè)計課程體系包括：

GUI（平面設(shè)計）——基于印刷輸出的圖形設(shè)計與制作

AUI（美術(shù)設(shè)計）——基于思維的可視化圖形在現(xiàn)

WUI（WEB設(shè)計）——基于WEB平臺的網(wǎng)站設(shè)計及布局技術(shù)

MUI（移動端界面設(shè)計）——基于移動設(shè)備的交互體驗和視覺設(shè)計

用戶界面泛指產(chǎn)品中一切可視化操作界面，高職計算機(jī)應(yīng)用技術(shù)專業(yè)學(xué)生UI設(shè)計課程主要面對WEB界面（WUI）和手機(jī)界面（MUI），因此UI設(shè)計要具備交互、體驗和美觀三個維度。

2.UI設(shè)計師工作職責(zé)及崗位要求

2.1 崗位職責(zé)

負(fù)責(zé)公司平臺產(chǎn)品的交互與視覺設(shè)計，包括網(wǎng)頁應(yīng)用、移動應(yīng)用；

（1）負(fù)責(zé)公司移動端產(chǎn)品的視覺風(fēng)格定義、界面、圖標(biāo)、動態(tài)設(shè)計；（2）負(fù)責(zé)制定項目UI的詳細(xì)設(shè)計規(guī)范，參與負(fù)責(zé)整理詳細(xì)功能的設(shè)計規(guī)范文檔；（3）分析用戶使用和操作行為，優(yōu)化產(chǎn)品業(yè)務(wù)流程設(shè)計和UI設(shè)計，改善用戶體驗。

2.2 技能要求

（1）審美能力、創(chuàng)意思維、色彩感強(qiáng)具有良好的創(chuàng)新意識，能夠準(zhǔn)確把握設(shè)計潮流，具有成熟商業(yè)作品；（2）熟悉各種平臺的手機(jī)操作系統(tǒng)，包括iPhone，Android；（3）善于用圖形來表達(dá)想法，能熟練操作各類設(shè)計軟件，如Photoshop、AI等設(shè)計制作軟件，熟悉網(wǎng)頁制作流程；（4）有一定手繪與插畫能力；（5）注重團(tuán)隊合作溝通能力強(qiáng)、責(zé)任心強(qiáng)，思想開闊，具有敏銳的時尚洞察力和獨(dú)特的設(shè)計創(chuàng)新能力。

3.UI設(shè)計方向課程設(shè)置

UI 設(shè)計師的首要任務(wù)，就是設(shè)計一個個圖形界面，確保人們能夠清晰、高效地使用軟件。就現(xiàn)在趨勢而言，移動端的 UI 設(shè)計（MUI）無疑是最熱門的。

UI 設(shè)計師也應(yīng)該學(xué)習(xí)交互設(shè)計方面的知識，或者直白地說就是一定要了解產(chǎn)品結(jié)構(gòu)和交互邏輯。因為只有這樣才能做出合理的界面設(shè)計。

我非常鼓勵學(xué)生學(xué)習(xí)多方面的知識，而不是視覺就只盯著視覺，交互就只盯著交互。可以在跨學(xué)科的學(xué)習(xí)中慢慢樹立自己的專業(yè)方向，然后目標(biāo)成為「T 型」設(shè)計師，擁有知識面的廣度和專業(yè)知識的深度。

根據(jù)UI設(shè)計師的一般崗位職責(zé)及技能需求，要培養(yǎng)一名合格的UI 設(shè)計師，通過UI設(shè)計的四個體系需掌握的技能來分析相關(guān)的課程設(shè)置。

GUI（平面設(shè)計）必須具備的知識包括：GUI設(shè)計基礎(chǔ)、商業(yè)設(shè)計流程及規(guī)范、三大構(gòu)成。需開設(shè)的課程有CorelDraw，Photoshop，Illustrator，Indesign，企業(yè)形象識別系統(tǒng)建設(shè)流程、平面設(shè)計與后期印刷、平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成等。課程實踐項目包括：畫冊設(shè)計、書籍封面設(shè)計、海報設(shè)計、噴繪設(shè)計、DM設(shè)計、企業(yè)形象識別系統(tǒng)設(shè)計、標(biāo)志設(shè)計、雜志設(shè)計等。

AUI（商業(yè)設(shè)計）需掌握的知識包括素描，繪畫構(gòu)圖與透視、幾何體、靜物，設(shè)計素描，色彩基礎(chǔ)，色彩與視覺，色彩搭配，色彩設(shè)計等。需開設(shè)的課程有美術(shù)基礎(chǔ)、素描速寫、色彩原理。課程實踐項目包括繪畫與創(chuàng)意、手繪圖標(biāo)等。

WUI（WEB界面設(shè)計）需開設(shè)的課程有WUI設(shè)計基礎(chǔ)、WUI界面設(shè)計、WEB標(biāo)準(zhǔn)化布局。其中WUI設(shè)計基礎(chǔ)包括Fireworks 、Dreamweaver、Flash等設(shè)計工具軟件的使用及WEB界面設(shè)計規(guī)范及流程、WEB界面賞析等內(nèi)容。WUI界面設(shè)計包括：企業(yè)網(wǎng)站W(wǎng)EB界面設(shè)計、網(wǎng)站專題頁WEB界面設(shè)計、電子商務(wù)網(wǎng)站W(wǎng)EB界面設(shè)計、PC客戶端軟件界面設(shè)計、WEB界面版式設(shè)計等內(nèi)容。WEB標(biāo)準(zhǔn)化布局包括：（X）HTML/HTML5語言、CSS/CSS3層疊樣式表、布局技巧與瀏覽器兼容等內(nèi)容。課程實踐項目包括企業(yè)網(wǎng)站項目、專題網(wǎng)站項目、電子商務(wù)網(wǎng)站項目、PC客戶端軟件界面設(shè)計等。

MUI（移動設(shè)備界面設(shè)計）需開設(shè)的課程有圖標(biāo)設(shè)計、交互設(shè)計、界面設(shè)計。其中圖標(biāo)設(shè)計包括剪影圖標(biāo)、2D彩色圖標(biāo)、3D彩色圖標(biāo)，寫實圖標(biāo)等內(nèi)容。交互設(shè)計包括交互原型軟件Axure RP，蘋果iOS系統(tǒng)應(yīng)用設(shè)計規(guī)范、谷歌Android系統(tǒng)應(yīng)用設(shè)計規(guī)范等內(nèi)容。界面設(shè)計包括iPhone應(yīng)用交互界面設(shè)計、iPad應(yīng)用交互界面設(shè)計、Android應(yīng)用交互界面設(shè)計、Windows Phone應(yīng)用交互界面設(shè)計等。課程實踐項目包括圖標(biāo)設(shè)計、蘋果iOS APP交互界面設(shè)計、Android APP交互界面設(shè)計、微軟Windows Phone交互及界面設(shè)計（含交互原型圖）、企業(yè)APP產(chǎn)品交互設(shè)計等。

4.結(jié)論

專業(yè)的發(fā)展離不開產(chǎn)業(yè)的發(fā)展，通過對市場上UI設(shè)計師的工作職責(zé)及崗位技能需求分析，總結(jié)了UI設(shè)計師必需掌握的專業(yè)知識及拓展知識，提出了高職計算機(jī)應(yīng)用專業(yè)（UI設(shè)計方向）相關(guān)的課程的設(shè)置。并將緊密聯(lián)系企業(yè)，及時了解企業(yè)對UI設(shè)計人才崗位需求變化，課程內(nèi)容隨時做調(diào)整始終要貼合企業(yè)一線人才需求。endprint