王子嘉

(大連聚益科技發(fā)展有限公司， 遼寧 大連 116600)

?

淺談藝術(shù)設(shè)計(jì)中UI界面設(shè)計(jì)及應(yīng)用

王子嘉

(大連聚益科技發(fā)展有限公司， 遼寧 大連 116600)

現(xiàn)階段中國在很多領(lǐng)域都與西方發(fā)達(dá)國家存在相當(dāng)大的差距，如何趕上并超過發(fā)達(dá)國家是我們這代人肩負(fù)的歷史使命。軟件產(chǎn)品領(lǐng)域不像物質(zhì)產(chǎn)品那樣存在工藝、材料上的限制，軟件產(chǎn)品核心問題就是人。提高軟件UI設(shè)計(jì)師個人能力，減小人員上的差距，是中國UI發(fā)展關(guān)鍵的問題。

藝術(shù)設(shè)計(jì)；UI界面；設(shè)計(jì)；應(yīng)用

UI就是人們經(jīng)常會接觸到的用戶界面，也可以將其稱之為用戶與界面之間的關(guān)系，UI設(shè)計(jì)是指對軟件的人機(jī)交互及界面的美觀進(jìn)行整體設(shè)計(jì)，以達(dá)到提高軟件品位的目的，讓用戶的操作更加方便，進(jìn)一步體現(xiàn)軟件的特點(diǎn)。本文對UI界面進(jìn)行介紹，并對其應(yīng)用進(jìn)行描述，對藝術(shù)設(shè)計(jì)中的UI界面設(shè)計(jì)及應(yīng)用進(jìn)行分析和研究。

1 UI界面設(shè)計(jì)

從UI發(fā)展需要的實(shí)際條件看，其發(fā)展受到傳播媒介和經(jīng)濟(jì)條件兩方面的限制，這導(dǎo)致我國UI設(shè)計(jì)起步要比其他發(fā)達(dá)國家晚。但是我國消費(fèi)市場龐大，電子產(chǎn)品不斷更新?lián)Q代，UI設(shè)計(jì)在我國的發(fā)展速度還是非?？斓?，目前已趨于成熟。從UI設(shè)計(jì)功能來看，其剛剛發(fā)展的時候處于軟件開發(fā)中的分支地位，沒有專門的設(shè)計(jì)師對其進(jìn)行設(shè)計(jì)，基本上都是由程序編寫人員直接完成。隨著信息技術(shù)對人們生產(chǎn)生活的影響不斷加深，軟件開發(fā)成為一種幫助操作人員有效處理信息的重要手段。從市場角度考慮，UI設(shè)計(jì)的美觀和便利程度才是衡量UI設(shè)計(jì)的重要指標(biāo)。

由于UI設(shè)計(jì)對市場的影響較大，很多院校都將UI作為設(shè)計(jì)課程中的重點(diǎn)課程項(xiàng)目，設(shè)計(jì)專業(yè)的學(xué)生不僅可以掌握全新的設(shè)計(jì)理念和技術(shù)手段，設(shè)計(jì)企業(yè)也獲得了更多的專業(yè)型人才，促進(jìn)了學(xué)生就業(yè)率的提升。

2 UI設(shè)計(jì)分類

設(shè)計(jì)人員將UI設(shè)計(jì)分為三大類：第一種是用戶研究，在UI設(shè)計(jì)最開始的時候，界面的設(shè)計(jì)基本上都是由軟件的編寫人員確定構(gòu)成的，所以其設(shè)計(jì)風(fēng)格與軟件編寫人員的風(fēng)格是一樣的。隨著UI設(shè)計(jì)與市場之間的聯(lián)系越來越緊密，UI的界面設(shè)計(jì)已經(jīng)不再是由編寫人員和設(shè)計(jì)人員的主觀意識去設(shè)計(jì)，還需要考慮市場的實(shí)際需求和廣大用戶的真實(shí)反饋。設(shè)計(jì)者還要對軟件在市場上的使用范圍進(jìn)行了解，確定軟件所服務(wù)工作的特點(diǎn)、流程、習(xí)慣，等等，要真正站在用戶的角度考慮問題，讓設(shè)計(jì)的產(chǎn)品能夠讓廣大用戶喜愛。第二種就是交互設(shè)計(jì)，交互設(shè)計(jì)也是軟件工程師必須要學(xué)習(xí)的內(nèi)容之一，它主要是指人與機(jī)器之間的交互工程，主要是為軟件編寫樹狀結(jié)構(gòu)的相關(guān)操作規(guī)范和流程。其目的是讓軟件更加嚴(yán)謹(jǐn)，可以真正發(fā)揮最大的作用。第三種就是界面設(shè)計(jì)，這也是目前從事人數(shù)最多的設(shè)計(jì)之一，可以將其稱之為傳統(tǒng)美工，同時它也是軟件產(chǎn)品的界面設(shè)計(jì)者。界面設(shè)計(jì)與軟件屏幕設(shè)計(jì)之間有很大區(qū)別，軟件屏幕設(shè)計(jì)一般只需要按照自己的想法設(shè)計(jì)即可，但是界面設(shè)計(jì)融入的情感內(nèi)容和心理內(nèi)容非常多，融入這些內(nèi)容是為了讓界面更加人性化、生活化。為了更好地增加用戶對界面設(shè)計(jì)的認(rèn)可程度，設(shè)計(jì)人員還要在界面設(shè)計(jì)的過程中，盡量滿足用戶的實(shí)際需求，減少用戶的記憶負(fù)擔(dān)。

3 界面設(shè)計(jì)原則

3.1 簡易性原則

這是對用戶進(jìn)行調(diào)研確定的一項(xiàng)基本原則，用戶在操作界面時容易因不了解界面而出現(xiàn)操作失誤，這主要是因?yàn)榻缑孀陨淼暮喴仔圆贿_(dá)標(biāo)。要遵循界面操作簡易性原則，讓用戶的操作更加簡單、方便、快捷。

3.2 記憶負(fù)擔(dān)

減少用戶的記憶負(fù)擔(dān)也是界面設(shè)計(jì)中的重要內(nèi)容，因?yàn)槿说拇竽X對事件的出現(xiàn)有一個處理過程，而對事件的儲存也有一定限度，一旦超出限度，就會對人的記憶產(chǎn)生負(fù)擔(dān)。最好是讓用戶體驗(yàn)到舒適的感覺，盡量避免記憶負(fù)擔(dān)的出現(xiàn)。

3.3 自定義原則

自定義并不是設(shè)計(jì)者的自定義，而是設(shè)計(jì)人員要讓界面設(shè)計(jì)具備一些自定義性能，這樣用戶在操作時能夠按照自己的意愿對界面進(jìn)行完善和修改，還有效保護(hù)了軟件自身使用性能。

4 UI界面設(shè)計(jì)元素

在界面設(shè)計(jì)中，整體頁面布局是其中重要的元素，它還進(jìn)一步規(guī)定了整個界面的主體和基調(diào)。在這一過程中，設(shè)計(jì)者要注重藝術(shù)美感在界面設(shè)計(jì)中的運(yùn)用。對于界面設(shè)計(jì)的截面尺寸，設(shè)計(jì)者要根據(jù)設(shè)計(jì)屏幕的大小及具體的分辨率進(jìn)行設(shè)計(jì)。對于多界面用戶而言，重點(diǎn)是對第一界面進(jìn)行完善，因?yàn)橛脩粼谶M(jìn)行多界面操作時，運(yùn)用第一界面的時間最多，且用戶對界面設(shè)計(jì)的印象都集中在第一界面中。在對界面形狀進(jìn)行設(shè)計(jì)時，設(shè)計(jì)者一般都是以比較經(jīng)典的幾何形狀為主，因?yàn)閹缀卧谏钪凶畛Ｒ?。除此之外，設(shè)計(jì)者還要充分運(yùn)用文字和圖片，這也是界面構(gòu)成的主要因素，設(shè)計(jì)者將文字內(nèi)容與圖片內(nèi)容進(jìn)行整合，可以起到很好的補(bǔ)充和促進(jìn)作用，用戶的體驗(yàn)感也會得到進(jìn)一步增強(qiáng)。

對于界面設(shè)計(jì)元素來說，背景也是界面設(shè)計(jì)中不可忽視的一個重要組成部分，一般的背景色調(diào)都是比較柔和的。隨著科學(xué)技術(shù)手段的不斷更新，設(shè)計(jì)者也加入了動畫效果，這樣會使整個界面更富有內(nèi)涵和特色。在界面元素中，顏色的搭配也是非常重要的，不同顏色搭配出來的效果也是不同的。

5 UI界面設(shè)計(jì)的實(shí)際應(yīng)用

現(xiàn)如今，電子產(chǎn)品遍布人們的生產(chǎn)生活，為了爭取市場優(yōu)勢，時刻抓準(zhǔn)消費(fèi)者的消費(fèi)欲望，對界面進(jìn)行設(shè)計(jì)也成為電子行業(yè)發(fā)展的關(guān)鍵步驟。這不僅僅是對市場的一種爭奪手段，同時也是對自身形象的一種正面宣傳。電子技術(shù)是核心，而如何去發(fā)揮這一核心作用，界面設(shè)計(jì)就顯得尤為重要，一個優(yōu)秀的界面設(shè)計(jì)可以抓住消費(fèi)者的眼球，那么在同樣技術(shù)優(yōu)勢下，消費(fèi)者會選擇抓住自身眼球的一方，而不是平淡無華的一方。優(yōu)秀的界面設(shè)計(jì)給消費(fèi)者帶來的感官體驗(yàn)以及實(shí)際操作體驗(yàn)都是不同的，這也更加堅(jiān)定了消費(fèi)者消費(fèi)的取向。

6 結(jié)語

隨著我國信息化技術(shù)手段的不斷更新和完善，UI界面設(shè)計(jì)也要時刻跟上時代的發(fā)展，只有這樣才能在今后的科技發(fā)展中占據(jù)關(guān)鍵位置。從設(shè)計(jì)者的角度來看，除了要具備軟件編程能力和審美能力外，設(shè)計(jì)者還要具備美術(shù)等學(xué)科的基礎(chǔ)理論知識，這樣設(shè)計(jì)出來的UI界面才會更具有藝術(shù)性。而從學(xué)習(xí)的角度來看，各大高校在設(shè)置這一專業(yè)課程的時候，要清楚知道UI技術(shù)的優(yōu)勢和劣勢，將UI的設(shè)計(jì)理念融入教學(xué)中，并將設(shè)計(jì)與計(jì)算機(jī)等學(xué)科知識進(jìn)行融合，進(jìn)而全面提升設(shè)計(jì)人才的整體水平。

[1] 王麗芬.Flash中內(nèi)置UI組件的應(yīng)用--制作“用戶注冊系統(tǒng)程序頁面”[C]//2015中國信息技術(shù)與應(yīng)用學(xué)術(shù)論壇論文集(一)，2015.

[2] 王堅(jiān).用戶界面設(shè)計(jì)要求與技術(shù)的多媒體工具[C]//第二屆全國人-機(jī)-環(huán)境系統(tǒng)工程學(xué)術(shù)會議論文集，2014.

[3] 姜霄，郭茂來，王艷敏.淺析Persona Design(角色設(shè)計(jì))在人機(jī)界面設(shè)計(jì)中的重要性[J].科技信息，2011，(09)：54-56.

[4] 陳道木，朱秀慶，袁宏，等.教學(xué)訓(xùn)練器系統(tǒng)中人、機(jī)交互設(shè)計(jì)原則的考慮[C]//人-機(jī)-環(huán)境系統(tǒng)工程創(chuàng)立20周年紀(jì)念大會暨第五屆全國人-機(jī)-環(huán)境系統(tǒng)工程學(xué)術(shù)會議論文集，2001.

[5] 酈駿，朱旭程，宋貴寶，等.生態(tài)界面設(shè)計(jì)與人-機(jī)-環(huán)境系統(tǒng)生態(tài)相容性的評估[C]//人-機(jī)-環(huán)境系統(tǒng)工程研究進(jìn)展(第七卷)，2005.

[6] 萬建成，于清國.基于界面模型和界面設(shè)計(jì)模式的界面模板[C]//第六屆全國計(jì)算機(jī)應(yīng)用聯(lián)合學(xué)術(shù)會議論文集，2002.

Discussion on UI interface design and application in art design

WANG Zi-jia

(Dalian Juyi Technology Development Co., Ltd., Dalian 116600, China)

At present, China has a considerable gap with many developed countries in many fields. How to catch up with and surpass the developed countries is the historical mission of our generation. Software products are not restricted by process and materials as physical products, and the core of software product is people. To improve the personal ability of software UI designers and reduce the gap on the staff is the key issue for the development of UI.

Art design; UI interface; Design; Application

2016-12-18

王子嘉(1989-)，女，碩士。

TP316

B

1674-8646(2017)03-0120-02