UI設(shè)計(jì)中視覺審美的表現(xiàn)

【摘 要】UI即User Interface（用戶界面），UI設(shè)計(jì)是在設(shè)計(jì)軟件的操作流程，樹狀結(jié)構(gòu)，通過界面美化、操作邏輯、人機(jī)互交等設(shè)計(jì)，UI的整體設(shè)計(jì)要具備一定的實(shí)用性與美觀性。UI設(shè)計(jì)中不同設(shè)計(jì)風(fēng)格與審美視覺所傳達(dá)給的用戶的體驗(yàn)的區(qū)別會帶來很大視覺上的差異性。一個好的優(yōu)秀的UI設(shè)計(jì)不僅可以讓軟件以及變得更美觀大方有品位，需要令軟件充滿舒適感、操作簡單化、體現(xiàn)主題風(fēng)格、凸顯出軟件以及界面的整體的定位和風(fēng)格特點(diǎn)。一個美觀的界面會給人帶來舒適的視覺感受，通過UI設(shè)計(jì)中的審美元素的進(jìn)一步優(yōu)化，提示和引導(dǎo)用戶拉近人與電腦的距離，為了滿足用戶視覺效果體驗(yàn)的價值需求，需要把用戶研究和界面設(shè)計(jì)緊密結(jié)合。

【關(guān)鍵詞】UI設(shè)計(jì);視覺元素;功能;審美

一、UI的設(shè)計(jì)理念

UI設(shè)計(jì)所傳達(dá)的是用戶最首先的體驗(yàn)，也是的用戶視覺唯一接觸到的設(shè)計(jì)。用戶對于界面設(shè)計(jì)視覺效果和軟件功能的操作是非常重視的，要遠(yuǎn)遠(yuǎn)大于他對后面程序代碼的操作的關(guān)心。如果說程序是一個人的內(nèi)在品質(zhì)，那么UI設(shè)計(jì)就是人的外在特征！都是一個人以及一個軟件產(chǎn)品不可缺少的重要組成。

1、一套產(chǎn)品的設(shè)計(jì)風(fēng)格和傳達(dá)的設(shè)計(jì)理念，我們都會出幾套方案來供用戶選擇。偶爾有的用戶也會要求設(shè)計(jì)遵循企業(yè)的VI 設(shè)計(jì)的風(fēng)格為標(biāo)準(zhǔn)，那么我們就需要按照企業(yè)已經(jīng)現(xiàn)有的VI 的設(shè)計(jì)的風(fēng)格來設(shè)計(jì)相關(guān)的UI界面設(shè)計(jì)，因?yàn)闊o論UI還是VI要與的業(yè)形象吻合。確定好企業(yè)的設(shè)計(jì)理念時，UI設(shè)計(jì)便進(jìn)入到了美工設(shè)計(jì)階段，我們需要根據(jù)企業(yè)來設(shè)計(jì)整個軟件的風(fēng)格，塑造軟件的整體形象，并且具體的描述每一個界面中的所體現(xiàn)的元素和布局、文字以及字體等信息。

2、每一個UI設(shè)計(jì)師都會竭盡所能的發(fā)揮自己藝術(shù)專長去體現(xiàn)軟件產(chǎn)品的整體效果。設(shè)計(jì)前期需要注意的就是在我們設(shè)計(jì)產(chǎn)品時一定要徹底的了解企業(yè)所需要傳達(dá)的宗旨以及企業(yè)文化，還有企業(yè)類型。不同的產(chǎn)品要有不同的定位風(fēng)格，因?yàn)樵O(shè)計(jì)產(chǎn)品還有很多需要注意的細(xì)節(jié)，不同的企業(yè)文化、不同的產(chǎn)品類型、不同的用途，這些因素都是決定整套產(chǎn)品UI設(shè)計(jì)的風(fēng)格。

二、UI設(shè)計(jì)倡導(dǎo)的功能存在的意義

UI設(shè)計(jì)是一門新起的藝術(shù)，即便是開設(shè)UI設(shè)計(jì)專業(yè)的院校也不是很多。國內(nèi)的很多UI設(shè)計(jì)都是通過設(shè)計(jì)類相關(guān)的課程來自學(xué)來完成，這也導(dǎo)致大家覺得這是一個附加的專業(yè)技能的原因，而不是一個專門的專業(yè)。

UI設(shè)計(jì)的好與壞或者說是否達(dá)到標(biāo)準(zhǔn)，那就是用戶的體驗(yàn)與反饋。UI行業(yè)的起源要以計(jì)算機(jī)為主的高科技迅速發(fā)展為依據(jù)，尤其是視窗操作系統(tǒng)的普及。

UI設(shè)計(jì)師以及業(yè)界對于UI的定義已經(jīng)決定了UI設(shè)計(jì)在國內(nèi)的發(fā)展，以及存亡，如果把它看作是利益關(guān)系的存在，那么便是UI設(shè)計(jì)師是否能夠在企業(yè)中受到與工程人員同等的待遇。隨著社會科技時代的發(fā)展，UI設(shè)計(jì)必將掀起一次就業(yè)狂潮。

三、UI設(shè)計(jì)中的視覺元素

1、圖標(biāo)

在現(xiàn)代的界面設(shè)計(jì)中，圖標(biāo)是不可缺少的一個重要因素。雖然圖標(biāo)很小，不是很容易被人重視或注意到，但是圖標(biāo)在界面設(shè)計(jì)中給用戶和設(shè)計(jì)者解決了很多的使用和設(shè)計(jì)的問題。

總體來說，圖標(biāo)是具有高度總結(jié)的、用于視覺信息傳達(dá)的小尺寸像素圖像。圖標(biāo)代表和傳達(dá)著企業(yè)的文化信息，而且要與文字相結(jié)合，互相搭配，兩者相輔相成的存在，傳達(dá)了其中所包含的意義、特征、內(nèi)容和信息。

圖標(biāo)現(xiàn)在可以完全的代替文本來使用。圖標(biāo)的設(shè)計(jì)要使用高度可識別的、像素高的圖標(biāo)，對界面的設(shè)計(jì)有很大的提升。但是圖標(biāo)的設(shè)計(jì)要仔細(xì)的推敲與琢磨，才能達(dá)成良好的效果，被大眾用戶做喜愛與接受。

2、文字

文字是UI設(shè)計(jì)中最基本的載體，用戶通過文字了解和掌握內(nèi)容。圖形和文字是相互補(bǔ)充的，共同形成一個整體，為界面?zhèn)鬟_(dá)信息，所以在UI設(shè)計(jì)中，文字的最基本功能必須保證整體信息的傳達(dá)，給大眾一種清晰的認(rèn)知，在設(shè)計(jì)中，文字要適當(dāng)?shù)暮唵我锥?，文字的布局?yīng)該考慮到整體效果，也就是不能夠讓視覺感受到文字的布局的沖突，這樣會感覺不到畫面布局的主次感，好的文字整體布局可以使設(shè)計(jì)作品在含義與氣氛上達(dá)到和諧境界，事實(shí)上人都有著一種自然審美的觀念。

文字作為畫面?zhèn)鞲械囊刂唬且曈X傳播美感的主要媒介，因此它必須有著強(qiáng)烈的美感，字型設(shè)計(jì)、字體的組合都能夠讓大眾感到愉悅，如果文字不能給人帶來視覺美感，難以讓大眾在心理接受。甚至對其不屑一顧，作者就無法向他們傳達(dá)自己的意圖構(gòu)想。

3、版式

在UI設(shè)計(jì)中版式設(shè)計(jì)不言而喻是非常重要的。版式設(shè)計(jì)就如同蓋房子先要搭好框架一樣。一款A(yù)PP視覺呈現(xiàn)是不是符合商業(yè)性并兼具審美。其中的版式設(shè)計(jì)是其核心。而在平面設(shè)計(jì)中版式設(shè)計(jì)也是一個作品的核心。平面設(shè)計(jì)長時間的發(fā)展積淀了相當(dāng)多實(shí)用的技巧和方法。

版式設(shè)計(jì)的基本原則是以功能為主，要與主題息息相關(guān)，環(huán)環(huán)相扣，設(shè)計(jì)內(nèi)容與整體風(fēng)格要完美統(tǒng)一，合理地設(shè)計(jì)界面中圖標(biāo)、文字等傳達(dá)信息的元素，在有限界面的空間里，用無限的創(chuàng)意設(shè)計(jì)出版式設(shè)計(jì)的“整體之美”，用具體的形象設(shè)計(jì)來完成整體界面的的表達(dá)。

四、UI設(shè)計(jì)中審美的表現(xiàn)

1、要重視專業(yè)資料和各類信息的收集和整理收藏好的設(shè)計(jì)網(wǎng)站，要每天有針對性的去看，一些設(shè)計(jì)細(xì)節(jié)別人是怎么處理的，方法是怎么樣的。

2、收集好的表現(xiàn)形式，分類整理并應(yīng)用到設(shè)計(jì)中去。關(guān)注主流設(shè)計(jì)師及網(wǎng)站，隨時準(zhǔn)備更新設(shè)計(jì)思維。要善于在模仿中學(xué)習(xí)提高，收集好的東西不能就那么放著，好的形式，好的思路只有執(zhí)行過你才能更深度體會。

五、結(jié)論

UI整體的設(shè)計(jì)主要是以用戶體驗(yàn)為中心的設(shè)計(jì)工作，用戶體驗(yàn)主要體現(xiàn)在五個要素：戰(zhàn)略探討、范圍控制、結(jié)構(gòu)理念、框架設(shè)計(jì)、表現(xiàn)元素，而UI界面設(shè)計(jì)師主要所負(fù)責(zé)的是表現(xiàn)元素的要素設(shè)計(jì)。隨著社會的發(fā)展以及AI設(shè)計(jì)的加入，設(shè)計(jì)師需要考慮與設(shè)計(jì)已經(jīng)不僅僅是字體、布局、色彩等平面元素，還要熟悉各種動效軟件的操作，來體現(xiàn)整個的設(shè)計(jì)。

隨著人們對審美的要求越來越高，從而對界面設(shè)計(jì)的風(fēng)格與設(shè)計(jì)的要求也隨之要求嚴(yán)格。面對各種不同的顯示屏的區(qū)別，色彩的選擇和搭配也體現(xiàn)得非常重要。使用色調(diào)、明度和純度進(jìn)行調(diào)試，可以加深人們對產(chǎn)品的記憶，設(shè)計(jì)過程中要注意重顏色搭配的使用，界面才能完美呈現(xiàn)出來，它也是控制整個界面的整體的平衡，也是提供一個更好的用戶體驗(yàn)。

整個的布局設(shè)計(jì)需要設(shè)計(jì)師綜合多方面的知識相結(jié)合，利用多種元素進(jìn)行科學(xué)組合，明確表現(xiàn)出界面設(shè)計(jì)主題于風(fēng)格。根據(jù)企業(yè)傳達(dá)的文化理念的內(nèi)容來設(shè)計(jì)，認(rèn)真設(shè)計(jì)版式內(nèi)容，從點(diǎn)、線、面的構(gòu)成設(shè)計(jì)，注意平面構(gòu)成美的原則，尤其是疏密關(guān)系的處理與設(shè)計(jì)。

隨著現(xiàn)代科學(xué)技術(shù)的不斷發(fā)展，UI界面設(shè)計(jì)也要跟隨時代和用戶需求不斷進(jìn)步和改善，才能在未來的科技時代占領(lǐng)重要的地位。從專業(yè)技術(shù)人員的角度看，除了具備軟件編程能力和一定的審美能力外，還要具有一些繪畫、藝術(shù)基本理論和知識，來讓UI界面設(shè)計(jì)更加具有充實(shí)性和藝術(shù)特征;而從學(xué)習(xí)方面來講，我國高職院校要認(rèn)清UI技術(shù)發(fā)展優(yōu)勢，盡快傳授最新UI設(shè)計(jì)理念，并教授與設(shè)計(jì)相關(guān)的繪畫、計(jì)算機(jī)等功底，為設(shè)計(jì)行業(yè)提供更多的專業(yè)技術(shù)人才。

【參考文獻(xiàn)】

[1]朱婷.論視覺傳達(dá)設(shè)計(jì)的構(gòu)成要素在游戲UI中的運(yùn)用[J].商，2013（9）：61.

[2]曹順.UI界面設(shè)計(jì)的研究[J].大江周刊：論壇.2013（4）：78.

[3]黃巖.UI設(shè)計(jì)的工作流程[J].上海藝術(shù)家，2013（2）：88-89.

[4]朱婷.智能手機(jī)系統(tǒng)UI的發(fā)展趨勢[J].美與時代：城市，2013（6）：121.

作者簡介：張麗影（1990—），女，漢族，吉林長春人，助理工程師，高級動畫繪制員，主要從事廣告平面設(shè)計(jì)、UI界面設(shè)計(jì)、VI視覺識別設(shè)計(jì)、動畫制作等研究。