關(guān)于藝術(shù)設(shè)計中UI界面設(shè)計的探討

金愛輝

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻：

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

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

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

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