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

李媛（江西師范高等?？茖W(xué)校藝術(shù)學(xué)院）

如今我國(guó)已經(jīng)步入信息化時(shí)代，而信息設(shè)計(jì)的概念被提出后，立刻就彰顯出了其蓬勃發(fā)展的生命力。信息設(shè)計(jì)包括許多因科學(xué)技術(shù)的進(jìn)步而出現(xiàn)的全新設(shè)計(jì)模式，而UI 設(shè)計(jì)就是其中相當(dāng)重要的一部分，并已經(jīng)深入我們的生活之中，逐漸改變?nèi)藗兊囊曈X體驗(yàn)和使用習(xí)慣。UI 指的就是User In-terface（用戶界面），是每個(gè)用戶必定要用到的一部分，進(jìn)行UI 設(shè)計(jì)，要在界面美觀信仰的基礎(chǔ)上，實(shí)現(xiàn)人機(jī)交互和各種邏輯操作，以此來提升整個(gè)用戶界面的美觀程度和使用體驗(yàn)感。好的UI 設(shè)計(jì)能充分體現(xiàn)軟件或網(wǎng)站的定位，并將其特征突出優(yōu)化，讓用戶能以簡(jiǎn)單的操作體驗(yàn)到個(gè)性而有品位的用戶界面。

許多人對(duì)藝術(shù)設(shè)計(jì)在UI 設(shè)計(jì)中的應(yīng)用理解不夠充分，認(rèn)為藝術(shù)家的美化工作只能用來做界面裝飾。然而，實(shí)際上許多藝術(shù)原理和創(chuàng)作理論都能夠指導(dǎo)UI設(shè)計(jì)工作進(jìn)行，從而創(chuàng)造出更加人性化，符合實(shí)際生活應(yīng)用和人機(jī)交互邏輯的圖形界面和反饋模塊。如今電子產(chǎn)品更新?lián)Q代的速度很快，各類軟件更是層出不窮，為了在同質(zhì)化嚴(yán)重的競(jìng)爭(zhēng)中脫穎而出，高水平的界面交互設(shè)計(jì)就成為各大企業(yè)在市場(chǎng)中競(jìng)爭(zhēng)的一種重要方式。一個(gè)符合日常使用習(xí)慣，界面整潔美觀的UI 設(shè)計(jì)，能成為整個(gè)產(chǎn)品的賣點(diǎn)，吸引更多的使用者并形成用戶黏性。在進(jìn)行UI 設(shè)計(jì)的過程中，要考慮到的絕不僅僅是其藝術(shù)性和美感，更要考慮到UI 設(shè)計(jì)的應(yīng)用模式和使用此類數(shù)據(jù)的人群特征。比如，在進(jìn)行互動(dòng)網(wǎng)絡(luò)電視UI 設(shè)計(jì)的過程中，就要注意到消費(fèi)者對(duì)此類產(chǎn)品有怎樣的需求，以及其日常的操作習(xí)慣和使用方式，先了解好設(shè)計(jì)方向，然后再進(jìn)行藝術(shù)設(shè)計(jì)，這樣來互動(dòng)網(wǎng)絡(luò)電視的菜單界面就會(huì)更加符合消費(fèi)者的心理預(yù)期，在這個(gè)基礎(chǔ)上再進(jìn)行外觀優(yōu)化和視覺焦點(diǎn)以及整體色彩風(fēng)格的設(shè)計(jì)，才能稱得上是優(yōu)秀的UI 設(shè)計(jì)。如今有許多設(shè)計(jì)師開始涉足UI 設(shè)計(jì)行業(yè)，并通過實(shí)踐取得了一定的經(jīng)驗(yàn)，逐漸完善了相關(guān)工作的體系和理論基礎(chǔ)。在進(jìn)行UI 設(shè)計(jì)的過程中，藝術(shù)設(shè)計(jì)師所進(jìn)行的工作和此前有一定的差距，除了要體現(xiàn)藝術(shù)給人帶來的美的享受之外，更要兼顧實(shí)際用途和用戶在使用過程中所得到的反饋感。綜合以上這些背景，對(duì)藝術(shù)設(shè)計(jì)中UI 設(shè)計(jì)的應(yīng)用現(xiàn)狀和提升途徑進(jìn)行研究，對(duì)相關(guān)企業(yè)來說非常重要。

一、界面設(shè)計(jì)常用的軟件介紹

隨著計(jì)算機(jī)水平的不斷進(jìn)步，各類軟件得到了大幅更新，這也給藝術(shù)設(shè)計(jì)工作者帶來了許多便利條件。在進(jìn)行UI設(shè)計(jì)時(shí)，常用的軟件有Adobe 開發(fā)的圖形圖像系統(tǒng)軟件Photoshop，此類軟件能夠有效進(jìn)行編輯工作，完成設(shè)計(jì)開發(fā)所需的任務(wù)，是應(yīng)用最為廣泛，且公認(rèn)功能最強(qiáng)最為完善的圖形編輯軟件，能很好地進(jìn)行色彩調(diào)控和圖形設(shè)計(jì)。與此同時(shí)，CorelDRAW 作為最為著名的矢量圖形軟件，也被廣泛應(yīng)用在UI 設(shè)計(jì)工作中，由于UI 設(shè)計(jì)涉及了許多圖形的繪制，尤其是各種按鈕、指向性圖標(biāo)都要用到矢量圖形，CorelDRAW 強(qiáng)大的色彩系統(tǒng)以及不斷更新的圖像編輯設(shè)計(jì)工具，讓其設(shè)計(jì)出的矢量圖形有著更廣闊的應(yīng)用空間，且能夠隨著用戶的想法隨意進(jìn)行調(diào)整，實(shí)現(xiàn)設(shè)計(jì)理念。

二、UI界面設(shè)計(jì)及其分類

我國(guó)的UI 設(shè)計(jì)發(fā)展時(shí)間較短，但由于電子產(chǎn)品持有量越來越多，消費(fèi)市場(chǎng)龐大，所以發(fā)展速度很快。在信息技術(shù)的影響下，UI 設(shè)計(jì)工作正在逐漸進(jìn)行創(chuàng)新，并形成了較為成熟的設(shè)計(jì)風(fēng)格和設(shè)計(jì)體系。由于在開發(fā)軟件的過程中，軟件的實(shí)際操作體驗(yàn)感是必須要納入考量的，因此，從最初的規(guī)劃工作開始就要納入U(xiǎn)I 界面設(shè)計(jì)工作，并對(duì)整個(gè)UI 界面的藝術(shù)美感和使用價(jià)值進(jìn)行綜合考量，從消費(fèi)者的需求出發(fā)，面向市場(chǎng)的實(shí)際情況來進(jìn)行整體的設(shè)計(jì)規(guī)劃。從藝術(shù)角度來說，UI 界面不只是單純的裝飾，而是將美感和實(shí)際使用體驗(yàn)有機(jī)結(jié)合在一起，從消費(fèi)者的實(shí)際需求和市場(chǎng)的現(xiàn)狀出發(fā)，進(jìn)行綜合考量，來設(shè)計(jì)出能夠取得廣泛市場(chǎng)的產(chǎn)品。

如今有許多高校都已經(jīng)將UI 設(shè)計(jì)納入藝術(shù)設(shè)計(jì)類課程的必修科目，這也證實(shí)了信息技術(shù)對(duì)我國(guó)社會(huì)的影響，雖然進(jìn)行設(shè)計(jì)專業(yè)學(xué)習(xí)的學(xué)生對(duì)UI 設(shè)計(jì)的理念和相關(guān)技術(shù)的應(yīng)用有較深層次的理解，但想要優(yōu)化整個(gè)UI 設(shè)計(jì)效果，還需要對(duì)市場(chǎng)有更深刻的認(rèn)識(shí)，并具備實(shí)際操作的經(jīng)驗(yàn)。

UI 設(shè)計(jì)主要有兩個(gè)方向，第一個(gè)方向就是對(duì)用戶進(jìn)行研究，考慮人機(jī)交互和操作邏輯。在軟件編寫人員設(shè)計(jì)UI 界面的過程中，要考慮到操作模塊和反饋模塊的統(tǒng)一性，最終得出的界面品質(zhì)將會(huì)有編寫人員決定，但這種傳統(tǒng)的工作方式已經(jīng)無法滿足市場(chǎng)競(jìng)爭(zhēng)的需求，因此，設(shè)計(jì)人員要提前進(jìn)行市場(chǎng)調(diào)研，通過對(duì)用戶的反饋信息進(jìn)行整理分析，最終得出市場(chǎng)所需的實(shí)際設(shè)計(jì)需求，并根據(jù)軟件服務(wù)群體的特征以及應(yīng)用場(chǎng)合的環(huán)境，從客戶出發(fā)來設(shè)計(jì)UI 界面的交互功能和操作板塊。設(shè)計(jì)人員在這個(gè)過程中，應(yīng)當(dāng)不斷修改自身的設(shè)計(jì)想法，使最終的UI 界面符合用戶所需，推廣到市場(chǎng)中后，能吸引更多消費(fèi)者，發(fā)揮最大的影響力。

第二個(gè)方向就是美觀設(shè)計(jì)。現(xiàn)在的信息技術(shù)應(yīng)用，已經(jīng)改變了原本的界面設(shè)計(jì)模式，傳統(tǒng)的裝飾性設(shè)計(jì)已經(jīng)無法滿足產(chǎn)品需求，不能僅僅只進(jìn)行美工工作，還要對(duì)軟件屏幕設(shè)計(jì)和用戶心理情感因素進(jìn)行考量，設(shè)計(jì)出更加人性化的使用界面。為了讓更多用戶對(duì)產(chǎn)品認(rèn)可，要不斷優(yōu)化UI 設(shè)計(jì)，減少用戶內(nèi)存負(fù)擔(dān)，并優(yōu)化操作體驗(yàn)，保持接口一致性和環(huán)境兼容性。

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

（一）簡(jiǎn)易性原則

在對(duì)用戶進(jìn)行調(diào)查過后，能夠發(fā)現(xiàn)簡(jiǎn)易性是目前用戶在評(píng)價(jià)操作界面時(shí)最常提到的基本要求，而簡(jiǎn)易性原則也正是UI 設(shè)計(jì)的基本原則。在用戶進(jìn)行操作的過程中，如果沒有提前了解過界面，就無法準(zhǔn)確地使用復(fù)雜的操作流程來完成自己的需求，從而放棄使用相關(guān)產(chǎn)品，因此，只有簡(jiǎn)化操作流程，并設(shè)置相關(guān)的引導(dǎo)方式，才能讓用戶獲得更加簡(jiǎn)便快捷的使用體驗(yàn)。

（二）減少記憶負(fù)擔(dān)原則

設(shè)計(jì)界面的過程中，要考慮到用戶在進(jìn)行實(shí)際操作的過程中，會(huì)產(chǎn)生哪些記憶負(fù)擔(dān)，并盡量減少用戶需要記憶的內(nèi)容。由此一來，結(jié)合簡(jiǎn)易性原則，減輕用戶記憶負(fù)擔(dān)，就能夠優(yōu)化UI 使用體驗(yàn)。

（三）自定義原則

設(shè)計(jì)人員在進(jìn)行UI 設(shè)計(jì)的過程中，要給用戶留下充裕的自我調(diào)整空間。在用戶使用產(chǎn)品的過程中，常常會(huì)因個(gè)人習(xí)慣而感到不適應(yīng)，此時(shí)如果能進(jìn)行自定義的話，就能夠根據(jù)自身意愿進(jìn)行調(diào)整，增加使用產(chǎn)品的積極性和頻次。

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

（一）布局設(shè)計(jì)

設(shè)計(jì)師在設(shè)計(jì)整體的頁面布局時(shí)，要綜合自身所學(xué)知識(shí)，將各種元素進(jìn)行組合，以一個(gè)明確的主題為指導(dǎo)來布置各類元素內(nèi)容。在進(jìn)行整體頁面布局設(shè)計(jì)的過程中，設(shè)計(jì)師要認(rèn)真研究設(shè)計(jì)風(fēng)格和幾何元素的基本構(gòu)成理念，處理好疏密關(guān)系和空間分布，以美學(xué)設(shè)計(jì)的原則進(jìn)行布局設(shè)計(jì)。

（二）尺寸設(shè)計(jì)

在進(jìn)行界面設(shè)計(jì)的過程中，要根據(jù)實(shí)際顯示屏幕的大小分辨率來選擇合適的尺寸。由于在設(shè)計(jì)過程中經(jīng)常要采用首屏、分屏和多屏的設(shè)計(jì)，因此要尤其注重首屏設(shè)計(jì)工作，這在UI 設(shè)計(jì)過程中被稱作黃金屏的設(shè)計(jì)，直接關(guān)系到了多個(gè)UI 設(shè)計(jì)界面的整體風(fēng)格和效果。

（三）風(fēng)格設(shè)計(jì)

在設(shè)計(jì)UI 界面時(shí)，要選取合適的色彩、圖形和基本元素，來構(gòu)建一個(gè)整體的外觀造型風(fēng)格。設(shè)計(jì)師在設(shè)計(jì)UI 界面的風(fēng)格是，要考慮到不同的圖形和元素的組合給用戶帶來的視覺感受，并保持風(fēng)格的統(tǒng)一性和完整性。

（四）編輯設(shè)計(jì)

UI 界面包含了各種文本信息，為了有效展示這些文本內(nèi)容，要優(yōu)化文字排版和編輯設(shè)計(jì)工作，選擇合適的字體字號(hào)，并搭配合適的顏色組合來設(shè)計(jì)文字。要保障文字編輯過后符合整體設(shè)計(jì)的風(fēng)格，并和圖形能夠形成呼應(yīng)。

（五）圖片設(shè)計(jì)

為了補(bǔ)充視覺效果，設(shè)計(jì)UI 界面時(shí)要注重圖片的引用及排版工作，形成能夠和文本信息以及基礎(chǔ)元素相互襯托的視覺效果，以此來呈現(xiàn)更加豐富的表達(dá)形式。

（六）多媒體設(shè)計(jì)

UI 界面設(shè)計(jì)可以利用各種動(dòng)畫效果，引入不同的多媒體參與，實(shí)現(xiàn)多層次的豐富表現(xiàn)力。通過引入聲音、視頻等各類多媒體元素，能夠充分調(diào)動(dòng)使用者的感官，來獲得進(jìn)一步的體驗(yàn)感。

（七）背景設(shè)計(jì)

在進(jìn)行UI 設(shè)計(jì)師，一定要謹(jǐn)慎選擇背景，合適的背景能讓后續(xù)的設(shè)計(jì)工作起到事半功倍的效果。選擇背景色調(diào)和紋理時(shí)一定要盡量簡(jiǎn)潔和柔和，強(qiáng)化其襯托作用。

（八）色彩設(shè)計(jì)

在藝術(shù)設(shè)計(jì)工作中，色彩表達(dá)一向是相當(dāng)重要的一部分工作，并涉及了UI設(shè)計(jì)的方方面面，因此，需要重點(diǎn)關(guān)注。為了給人們的感官帶來沖擊，為用戶營(yíng)造不同的心理感受和精神狀態(tài)，有對(duì)色彩的運(yùn)用進(jìn)行設(shè)計(jì)，以此來實(shí)現(xiàn)整個(gè)UI界面的人性化和個(gè)性化。

同時(shí)，此類設(shè)計(jì)也要依照自定義設(shè)計(jì)原則，讓用戶具備改變顏色，進(jìn)行自我調(diào)整的能力。作為設(shè)計(jì)師和用戶溝通的媒介之一，色彩應(yīng)用一向是備受關(guān)注的工作。為了巧妙運(yùn)用合適的色彩，吸引更多的用戶，要優(yōu)化色彩搭配應(yīng)用，突出重點(diǎn)并更加貼合用戶心理和情感表達(dá)需求。具體的色彩運(yùn)用設(shè)計(jì)方式有以下幾種。

（1）深淺對(duì)比搭配。選用深淺對(duì)比搭配的技術(shù)后，設(shè)計(jì)出的界面將會(huì)更具層次感。比如，在深色背景上使用亮色文字，或通過疊加顏色改變視覺重心，都能夠突出色彩搭配的重心，便改變?cè)O(shè)計(jì)的風(fēng)格。（2）純色極簡(jiǎn)搭配。使用純色配色，能夠呼應(yīng)UI 設(shè)計(jì)的扁平化設(shè)計(jì)，并形成極簡(jiǎn)風(fēng)格，以更具可用性的客戶端來吸引更多的用戶參與體驗(yàn)。在使用純色配色時(shí)，要盡量選用柔和的顏色，否則容易喧賓奪主，取代了其他界面元素的視覺重心位置，讓用戶難以具備完整的體驗(yàn)。（3）彩色協(xié)調(diào)搭配。雖然純色搭配能夠起到優(yōu)化扁平化設(shè)計(jì)，符合極簡(jiǎn)風(fēng)格的效果；但想要吸引更多的關(guān)注，并形成個(gè)性化的色彩搭配應(yīng)用，就要注重多種顏色的協(xié)調(diào)，通過不同色彩的搭配組合來打破單一的視覺效果，更好地烘托主題并突出重點(diǎn)。

為了讓設(shè)計(jì)獨(dú)具一格，產(chǎn)生自我特征，因此，要加強(qiáng)配色技巧，考慮品牌特點(diǎn)和面向用戶群體，運(yùn)用最合適的色彩進(jìn)行設(shè)計(jì)。色彩搭配要注意該項(xiàng)工作的目的性，必須要以面向用戶群體為最終目標(biāo)，以此來進(jìn)行顏色設(shè)計(jì)并科學(xué)選擇顏色搭配。想要產(chǎn)生最佳的色彩搭配效果，就必須要對(duì)市場(chǎng)進(jìn)行有效調(diào)研，掌握消費(fèi)者的顏色喜好和特定用戶群體的色彩搭配習(xí)慣，以此來設(shè)置自定義板塊，優(yōu)化并完善色彩搭配方案。

五、應(yīng)用與現(xiàn)實(shí)結(jié)合的實(shí)例分析

如今消費(fèi)者可以選擇的電子產(chǎn)品有很多，配套的軟件產(chǎn)品選擇空間也很大，能讓消費(fèi)者根據(jù)自身喜好來自行選擇。為了能夠抓住消費(fèi)者眼球，擴(kuò)大用戶群體，對(duì)產(chǎn)品的設(shè)計(jì)應(yīng)當(dāng)做到精益求精。特征鮮明，外觀美觀的界面設(shè)計(jì)，將會(huì)使消費(fèi)者形成一個(gè)良好的第一印象，是進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)要額外給予重視。各大生產(chǎn)廠商想要推廣銷售自己的產(chǎn)品，樹立良好的企業(yè)形象，就需要一個(gè)優(yōu)秀的用戶界面，如今的用戶界面收到網(wǎng)絡(luò)技術(shù)和計(jì)算機(jī)技術(shù)和發(fā)展的影響，有了各種頗具突破性的變化，尤其是移動(dòng)端的UI 設(shè)計(jì)，更加注重人與人之間的使用習(xí)慣的不同，力求做到個(gè)性化和便捷化，提升人機(jī)交互的體驗(yàn)。在各類產(chǎn)品不斷推陳出新，在功能上日益完善的同時(shí)，市場(chǎng)競(jìng)爭(zhēng)的重心就來到了用戶體驗(yàn)感上，如今各類產(chǎn)品同質(zhì)化越來越嚴(yán)重，想要脫穎而出，就要具備鮮明的特點(diǎn)，讓用戶有更加簡(jiǎn)便快捷的操作體驗(yàn)，并具備更好的感官享受。如今的UI 設(shè)計(jì)包含各類操作的按鈕和響應(yīng)反饋。比如，如今移動(dòng)設(shè)備應(yīng)用最為廣泛，在互聯(lián)網(wǎng)時(shí)代變革最為成功的騰訊QQ 和微信，對(duì)用戶的體驗(yàn)感優(yōu)化就非常良好，各種圖標(biāo)按鈕都深入人心，操作方式也非常方便。精心設(shè)計(jì)過的操作界面配合上各類UI 元素，給人留下深刻印象的同時(shí)，也讓用戶在使用過程中收到良好反饋，通過能夠個(gè)性化定制的各類設(shè)置，在聊天之余還能夠簡(jiǎn)單快捷地完成語音圖片的傳輸，而且其簡(jiǎn)單又不失美學(xué)要素的設(shè)計(jì)，都各自斬獲了一大批用戶。而在不斷發(fā)展的過程中，微信通過更加簡(jiǎn)潔有效的操作模式，以及大氣的設(shè)計(jì)外觀，受歡迎程度逐漸超越QQ，有了屬于自己的獨(dú)特競(jìng)爭(zhēng)力。縱觀微信的發(fā)展歷程，UI 設(shè)計(jì)的不斷更新，操作體驗(yàn)的不斷優(yōu)化是其取得競(jìng)爭(zhēng)力的關(guān)鍵所在。微信的UI 設(shè)計(jì)為行業(yè)提供了一個(gè)典范，將各類功能如何安排合理，在豐富完善，符合用戶所需的基礎(chǔ)上，又不顯得雜亂無章，且用戶在進(jìn)行操作的過程中，記憶力負(fù)擔(dān)小，各類操作的流程也簡(jiǎn)單易懂，這樣一來用戶群體和用戶黏性將會(huì)不斷增加，產(chǎn)品的推廣也將十分順利。

六、結(jié)論

UI 設(shè)計(jì)的優(yōu)化，將會(huì)是產(chǎn)品用戶體驗(yàn)感提升的最直接手段。隨著人們的審美標(biāo)準(zhǔn)和審美需求不斷增加，UI 設(shè)計(jì)人員也應(yīng)當(dāng)不斷加強(qiáng)自身工作，通過更先進(jìn)的技術(shù)條件來拔高審美水平，為自身的設(shè)計(jì)工作注入新的創(chuàng)意和更加科學(xué)合理的藝術(shù)設(shè)計(jì)指導(dǎo)理念。從而設(shè)計(jì)出更加符合用戶需求的人性化圖形界面，滿足用戶的人機(jī)交互體驗(yàn)和審美享受。