金愛(ài)輝

摘 要：隨著互聯(lián)網(wǎng)時(shí)代的到來(lái)以及知識(shí)經(jīng)濟(jì)的快速發(fā)展，我國(guó)設(shè)計(jì)行業(yè)也出現(xiàn)了新的發(fā)展跡象，UI界面設(shè)計(jì)作為設(shè)計(jì)的重要組成部分，它主要是指對(duì)用戶界面的整體進(jìn)行美觀、交互操作、邏輯等方面的設(shè)計(jì)。良好的UI設(shè)計(jì)不僅可以讓用戶的操作變得更加便捷舒適，同時(shí)還能夠顯示用戶的個(gè)性與品位。

關(guān)鍵詞：藝術(shù)設(shè)計(jì)；UI界面設(shè)計(jì)；色彩；體驗(yàn)

一、UI界面設(shè)計(jì)概述

UI設(shè)計(jì)又稱用戶界面設(shè)計(jì)，它主要是指對(duì)屏幕上的圖形以及界面進(jìn)行整體的設(shè)計(jì)，比如，對(duì)界面或者網(wǎng)站的圖形、顏色以及風(fēng)格等設(shè)計(jì)出各樣的視覺(jué)效果。UI界面設(shè)計(jì)不僅僅是對(duì)用戶界面進(jìn)行的一種簡(jiǎn)單裝飾與美化，因?yàn)楫?dāng)今UI設(shè)計(jì)師的工作越來(lái)越等同于藝術(shù)家的工作，尤其是隨著當(dāng)今社會(huì)生活中越來(lái)越多的電子產(chǎn)品以及網(wǎng)頁(yè)網(wǎng)站的出現(xiàn)，高水平的UI設(shè)計(jì)已經(jīng)成為當(dāng)今設(shè)計(jì)市場(chǎng)在激烈競(jìng)爭(zhēng)中立于不敗之地的主要途徑。一個(gè)漂亮的UI界面，不僅能夠讓用戶有舒適的體驗(yàn)，還能夠讓該產(chǎn)品為該企業(yè)帶來(lái)更多的利益。因此UI界面的設(shè)計(jì)不僅僅需要?jiǎng)?chuàng)造藝術(shù)美感，還需要綜合考慮使用的人群以及使用的方法等。雖然當(dāng)前許多設(shè)計(jì)師是參與到了UI界面的設(shè)計(jì)工作中，然而UI界面的設(shè)計(jì)并非等同于純粹簡(jiǎn)單的藝術(shù)創(chuàng)作，人們審美水平的提升和審美水平的變化，對(duì)當(dāng)前UI界面的設(shè)計(jì)要求越來(lái)越高。如何才能設(shè)計(jì)出用戶滿意和舒適的UI界面，為用戶提供更加滿意的體驗(yàn)，成為當(dāng)前UI設(shè)計(jì)師所面臨的重要課題。

二、UI界面設(shè)計(jì)的主要軟件及內(nèi)容

隨著各種各樣電子產(chǎn)品的普及和運(yùn)用，豐富多彩的界面設(shè)計(jì)使得這些電子產(chǎn)品不僅具有吸引客戶，同時(shí)還賦予它新的生命力的特點(diǎn)。例如常用的手機(jī)與電腦中的圖像設(shè)計(jì)軟件photoshop，它是一種對(duì)圖形圖像進(jìn)行編輯的軟件，可以為用戶提供非常便捷和豐富的圖形編輯設(shè)計(jì)等功能，用戶可以運(yùn)用各種顏色以及筆刷的形狀，使得設(shè)計(jì)的空間更加廣闊，更加符合他們的設(shè)計(jì)理念。當(dāng)前的專(zhuān)業(yè)藝術(shù)院校還沒(méi)有建立一個(gè)較為完善的UI界面設(shè)計(jì)專(zhuān)業(yè)，因此培養(yǎng)專(zhuān)業(yè)的UI設(shè)計(jì)師是設(shè)計(jì)出良好UI界面的關(guān)鍵，UI設(shè)計(jì)的主要內(nèi)容包括以下幾個(gè)方面：

一是網(wǎng)頁(yè)的整體布局與設(shè)計(jì)。這需要設(shè)計(jì)師具有綜合的知識(shí)與能力，需要將多種設(shè)計(jì)元素融入界面設(shè)計(jì)之中，同時(shí)要突出頁(yè)面設(shè)計(jì)的主題，根據(jù)用戶的需求和實(shí)際情況來(lái)構(gòu)圖設(shè)計(jì)，在注重美的同時(shí)，還要重視實(shí)用的便捷性原則。

二是對(duì)界面的外觀進(jìn)行設(shè)計(jì)。常用的UI界面外觀設(shè)計(jì)的手段有利用經(jīng)典的幾何圖形，比如圓形、長(zhǎng)方形、菱形、四邊形等等，每一種圖形都代表著不同的含義。同時(shí)在設(shè)計(jì)中還可以結(jié)合多種形狀，表現(xiàn)更加豐富和更加具有層次的特點(diǎn)。

三是對(duì)界面中文字的設(shè)計(jì)與編排。文字是界面中的主要內(nèi)容，因此為了突出界面中的主要信息要對(duì)文字的顏色、字體、字號(hào)等等進(jìn)行搭配與組合的設(shè)計(jì)。同時(shí)還要對(duì)字的行間距等進(jìn)行協(xié)調(diào)的搭配，讓整個(gè)文字給人以視覺(jué)上美的享受。

四是對(duì)圖片的設(shè)計(jì)與多媒體的設(shè)計(jì)。任何一個(gè)UI界面都會(huì)涉及到圖片與文字，因此通過(guò)圖片來(lái)補(bǔ)充文字，具有良好的視覺(jué)補(bǔ)充效果，可以互相滲透，讓界面更加的活躍，更加的具有立體感，也讓整個(gè)界面更加豐富。而隨著3d、2d的動(dòng)畫(huà)效果的普遍運(yùn)用，為了吸引更多的使用者，設(shè)計(jì)師可以通過(guò)在界面中插入3d與2d的動(dòng)畫(huà)效果，讓聲音視頻等，更多的媒體參與到頁(yè)面設(shè)計(jì)中，可以充分的調(diào)動(dòng)用戶的各種感官的體驗(yàn)與享受。

五對(duì)網(wǎng)頁(yè)界面背景的設(shè)計(jì)。背景的設(shè)計(jì)需要遵循與文字、圖片以及其他內(nèi)容風(fēng)格統(tǒng)一、渾然一體的原則。同時(shí)背景往往起到了襯托和渲染的作用，在設(shè)計(jì)上一般比較柔和，不能喧賓奪主。

六對(duì)顏色的設(shè)計(jì)搭配。對(duì)色彩的設(shè)計(jì)是整個(gè)界面設(shè)計(jì)中最為關(guān)鍵和核心的一個(gè)環(huán)節(jié)，由于色彩往往給人第一印象和第一視覺(jué)沖擊的影響，因此它直接影響和作用著人的情感，不同的顏色會(huì)讓人產(chǎn)生不同的心理體驗(yàn)與感受，因此UI界面設(shè)計(jì)中對(duì)色彩的搭配，首先需要從用戶的角度出發(fā)，讓用戶可以根據(jù)自己的喜好，任意選擇滿意的色彩變化。其次是UI界面設(shè)計(jì)的色彩要能夠起到引導(dǎo)作用，能夠?yàn)橛脩魝鬟_(dá)一種情感的導(dǎo)向，人的情感與顏色之間密不可分，良好的UI設(shè)計(jì)師總是能夠通過(guò)顏色的搭配，抓住用戶的情感體驗(yàn)，并且吸引用戶。

七是對(duì)明暗以及深淺的設(shè)計(jì)搭配。如果設(shè)計(jì)師選擇了深色的背景，那么就應(yīng)該在深色的背景上使用淺色或亮色的文字和圖片，這樣用戶的視覺(jué)就可以停留在文字與圖片上，通過(guò)深淺和明暗的色彩對(duì)比能夠讓頁(yè)面更加的賞心悅目。

三、UI界面設(shè)計(jì)的具體措施

隨著各種新的電子設(shè)備不斷的出現(xiàn)在人們的生活中，使得消費(fèi)者有了越來(lái)越多的選擇，而如何通過(guò)電子產(chǎn)品來(lái)吸引和抓住消費(fèi)者的眼球，UI界面設(shè)計(jì)成為了許多電子產(chǎn)品的營(yíng)銷(xiāo)手段之一。美觀的UI界面設(shè)計(jì)以及良好的操作體驗(yàn)獲得了消費(fèi)者的青睞。隨著互聯(lián)網(wǎng)4G時(shí)代的到來(lái)，以及各種手機(jī)平板電子設(shè)備的出現(xiàn)。UI界面設(shè)計(jì)也得到了飛速的發(fā)展。比如當(dāng)前的UI界面設(shè)計(jì)，已經(jīng)出現(xiàn)了圖標(biāo)窗口、菜單按鈕化的功能，而如今的智能手機(jī)也在充分的考慮用戶體驗(yàn)的便捷性與穩(wěn)定性。以騰訊QQ和微信的設(shè)計(jì)為例，UI界面的設(shè)計(jì)既時(shí)尚大氣，又豐富、整潔和嚴(yán)謹(jǐn)，用戶可以在體驗(yàn)快速上網(wǎng)的同時(shí)體驗(yàn)更加舒適的手感。

總而言之，UI設(shè)計(jì)出設(shè)計(jì)出來(lái)的產(chǎn)品，必須要同時(shí)滿足用戶對(duì)產(chǎn)品的審美需求以及體驗(yàn)需求，只有當(dāng)設(shè)計(jì)師自身的情感與體驗(yàn)與用戶之間產(chǎn)生共鳴，才能在用UI界面設(shè)計(jì)過(guò)程中更加深刻的體會(huì)和理解用戶的喜好，設(shè)計(jì)出用戶滿意的產(chǎn)品；UI設(shè)計(jì)師，也只有通過(guò)不斷豐富和提升自身的綜合能力，尤其是挖掘優(yōu)秀的傳統(tǒng)文化注入在設(shè)計(jì)之中，才能體現(xiàn)更加人性化和更加具有現(xiàn)代科技感的產(chǎn)品。

參考文獻(xiàn)：

[1]佘文明.淺談藝術(shù)設(shè)計(jì)中UI界面設(shè)計(jì)及應(yīng)用[J].電腦知識(shí)與技術(shù). 2016（27）.

[2]張媛.UI設(shè)計(jì)中的視覺(jué)表現(xiàn)[J].大眾文藝. 2013（21）.

[3]張軍.關(guān)于UI界面設(shè)計(jì)課程設(shè)置的構(gòu)思與創(chuàng)想[J].藝術(shù)與設(shè)計(jì)（理論）. 2011（07）.

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