針對(duì)UI設(shè)計(jì)中視覺(jué)表現(xiàn)的研究

【摘要】伴隨著電子信息技術(shù)的不斷發(fā)展進(jìn)步，智能化生活逐漸成為人們的追求，UI設(shè)計(jì)也逐漸受到社會(huì)各界人士的重視和關(guān)注。UI設(shè)計(jì)對(duì)于用戶的體驗(yàn)效果非常重視，該設(shè)計(jì)強(qiáng)調(diào)用戶界面的優(yōu)化以及用戶界面的互動(dòng)設(shè)計(jì)，將產(chǎn)品和用戶方便快捷地聯(lián)系起來(lái)，為用戶提供了智能化的服務(wù)，最大限度滿足了用戶的產(chǎn)品體驗(yàn)。本文首先對(duì)UI設(shè)計(jì)在概念、基本流程以及前景趨勢(shì)等方面進(jìn)行了簡(jiǎn)單概述，然后分析了用戶交互視覺(jué)表現(xiàn)的設(shè)計(jì)策略。

【關(guān)鍵詞】UI設(shè)計(jì)；視覺(jué)表現(xiàn)；設(shè)計(jì)策略

現(xiàn)今社會(huì)，網(wǎng)絡(luò)已經(jīng)成為必不可少的生活資源，因此，無(wú)論是網(wǎng)頁(yè)還是手機(jī)客戶端都逐漸重視對(duì)UI的設(shè)計(jì)，這樣才能夠強(qiáng)化市場(chǎng)推廣的效果、優(yōu)化用戶體驗(yàn)的質(zhì)量。在網(wǎng)絡(luò)化時(shí)代背景下，隨著技術(shù)與藝術(shù)的不斷發(fā)展，生活環(huán)境越來(lái)越智能化，UI設(shè)計(jì)作為連接用戶與產(chǎn)品的溝通橋梁，其重要作用越來(lái)越顯著；同時(shí)，用戶在體驗(yàn)到網(wǎng)絡(luò)化、智能化帶來(lái)的便利與精彩后，使用戶的智能需求得到了極大的激發(fā)。這些都在一定程度上推動(dòng)了關(guān)于UI設(shè)計(jì)的研究，UI設(shè)計(jì)也逐漸被人們所認(rèn)識(shí)和重視，現(xiàn)階段我國(guó)各大高校順應(yīng)時(shí)代發(fā)展的潮流和趨勢(shì)，開(kāi)設(shè)了UI設(shè)計(jì)的相關(guān)專(zhuān)業(yè)。另外，很多領(lǐng)域也逐漸開(kāi)始使用和優(yōu)化UI設(shè)計(jì)，UI設(shè)計(jì)的普遍性和通用性都逐漸增強(qiáng)。

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

隨著經(jīng)濟(jì)社會(huì)的跨越式發(fā)展，作為技術(shù)與藝術(shù)相結(jié)合新視點(diǎn)的UI設(shè)計(jì)走進(jìn)了我們的視野中。UI設(shè)計(jì)具有自己的設(shè)計(jì)流程，并且憑借著其方便、快捷等優(yōu)化廣泛應(yīng)用于各行各業(yè)，在未來(lái)具有良好的發(fā)展趨勢(shì)。

（一）UI設(shè)計(jì)的概念

UI設(shè)計(jì)是User Interface設(shè)計(jì)，即用戶界面設(shè)計(jì)，其屬于一種互動(dòng)性設(shè)計(jì)，包括交互設(shè)計(jì)。UI設(shè)計(jì)應(yīng)用領(lǐng)域廣、范圍大，具有很強(qiáng)的通用性和互動(dòng)性。很多領(lǐng)域?yàn)榱丝焖龠M(jìn)行市場(chǎng)推廣、獲取用戶的體驗(yàn)，甚至在移動(dòng)設(shè)備上進(jìn)行了UI設(shè)計(jì)，UI設(shè)計(jì)的重要性也越來(lái)越突出。

（二）UI設(shè)計(jì)的基本流程

伴隨著互聯(lián)網(wǎng)技術(shù)和人工智能化技術(shù)的不斷發(fā)展，人們對(duì)于互動(dòng)化、人性化以及實(shí)用性強(qiáng)的需求也越來(lái)越強(qiáng)烈，當(dāng)今社會(huì)，人們不僅僅只是產(chǎn)品的體驗(yàn)者和使用者，便捷的網(wǎng)絡(luò)化使得人們更加注重對(duì)產(chǎn)品參與感和滿足度的整體性反饋。UI設(shè)計(jì)主要是從設(shè)計(jì)、評(píng)估這兩個(gè)角度去進(jìn)行，設(shè)計(jì)的中心是用戶，目標(biāo)是滿足用戶的需求，用戶體驗(yàn)的分析、用戶體驗(yàn)的評(píng)估以及設(shè)計(jì)這三個(gè)主要的環(huán)節(jié)貫穿于UI設(shè)計(jì)的整個(gè)流程當(dāng)中。UI設(shè)計(jì)首先應(yīng)該依據(jù)用戶的反饋和需求對(duì)設(shè)計(jì)的大體框架進(jìn)行界定，接下來(lái)再對(duì)大框架進(jìn)行細(xì)節(jié)設(shè)計(jì)和規(guī)劃，設(shè)定子模塊。現(xiàn)階段主要使用的UI設(shè)計(jì)技術(shù)是UCD設(shè)計(jì)技術(shù)，這種技術(shù)是把用戶作為中心，按照一定的原則和標(biāo)準(zhǔn)進(jìn)行多次評(píng)估與設(shè)計(jì)，盡最大限度實(shí)現(xiàn)UI設(shè)計(jì)的目標(biāo)，UCD設(shè)計(jì)的整個(gè)流程都以用戶體驗(yàn)為基礎(chǔ)，因此，該設(shè)計(jì)技術(shù)能夠很好地體現(xiàn)人性化的特點(diǎn)。

（三）UI設(shè)計(jì)的前景趨勢(shì)

現(xiàn)今社會(huì)是信息化社會(huì)，網(wǎng)絡(luò)的使用逐漸普及化和廣泛化，這也就在一定程度上推動(dòng)了我們的生活朝著智能化的方向發(fā)展。很多智能化的產(chǎn)品應(yīng)運(yùn)而生，逐漸走入人們的生活當(dāng)中，促使人們與界面的交流也逐漸頻繁化。智能手機(jī)、應(yīng)用平臺(tái)以及智能化家電等智能化的生活用品不斷被創(chuàng)新生產(chǎn)出來(lái)，并受到社會(huì)大眾的廣泛喜愛(ài)。“杯子蛋糕ATM機(jī)”的出現(xiàn)打破了傳統(tǒng)的蛋糕店鋪銷(xiāo)售在時(shí)間和空間等方面的限制，使得服務(wù)更加全天化和便利化，多種蛋糕口味可供人們選擇，并且杯子蛋糕ATM機(jī)24小時(shí)服務(wù)，這種智能化的蛋糕機(jī)一出現(xiàn)就受到廣大市民的喜愛(ài)。還有一種全能砧板，它是由韓國(guó)的設(shè)計(jì)師設(shè)計(jì)而成，該產(chǎn)品集稱重、食譜、干凈度測(cè)試以及切菜等綜合功能于一身，為用戶提供全方位、多樣化以及智能化的服務(wù)，在方便人們生活的同時(shí)，也使得人們的生活質(zhì)量得到很大程度的提高，成為人們燒飯做菜必不可少的幫手。

視覺(jué)是我們獲取信息的主要方式，這種方式快速有效，伴隨著時(shí)代的不斷進(jìn)步和發(fā)展，一方面科學(xué)技術(shù)的水平不斷提高，另一方面人們的生活逐漸趨向效率化、需求多樣化，這也就在很大程度上促使智能化、視覺(jué)化的創(chuàng)新產(chǎn)品層出不窮。這些智能化、視覺(jué)化的創(chuàng)新產(chǎn)品在滿足人們多樣化需求的同時(shí)，也增強(qiáng)了用戶體驗(yàn)的效果，使得用戶得到強(qiáng)烈的滿足。在未來(lái)產(chǎn)品設(shè)計(jì)者將會(huì)更加重視用戶體驗(yàn)，通過(guò)簡(jiǎn)單、便捷、易操作的UI設(shè)計(jì)，推動(dòng)用戶界面設(shè)計(jì)朝著“形式追隨體驗(yàn)”的方向發(fā)展，逐漸轉(zhuǎn)變現(xiàn)階段“形式追隨功能”的設(shè)計(jì)，推動(dòng)UI設(shè)計(jì)更加實(shí)用化、人性化以及互動(dòng)化。

二、用戶交互視覺(jué)表現(xiàn)設(shè)計(jì)策略

如今我國(guó)經(jīng)濟(jì)結(jié)構(gòu)呈現(xiàn)跨越式發(fā)展跡象，其中UI設(shè)計(jì)工作秉承工藝全新視覺(jué)理念進(jìn)行用戶一切界面改造需求補(bǔ)充，整體上互動(dòng)性能強(qiáng)烈。事實(shí)上我國(guó)在這方面研究工作還不是非常深入，尤其在UI界面中的視覺(jué)效果凸顯方面成功案例屈指可數(shù)。下面我們從UI設(shè)計(jì)的用戶視覺(jué)交互體現(xiàn)策略和用戶視覺(jué)交互設(shè)計(jì)策略兩個(gè)方面對(duì)UI設(shè)計(jì)中的視覺(jué)表現(xiàn)進(jìn)行了策略性的分析，希望可以為我國(guó)UI設(shè)計(jì)中視覺(jué)表現(xiàn)研究提供參考和借鑒。

（一）用戶視覺(jué)交互的體現(xiàn)策略

對(duì)于UI的設(shè)計(jì)我們第一步是對(duì)項(xiàng)目的目標(biāo)以及需求進(jìn)行了解分析，第二步是通過(guò)細(xì)致的設(shè)計(jì)使得需求得到滿足、目標(biāo)得到實(shí)現(xiàn)，第三步是根據(jù)相關(guān)的反饋結(jié)果對(duì)設(shè)計(jì)進(jìn)行調(diào)整優(yōu)化，使得設(shè)計(jì)能夠最大限度地滿足用戶的需求。我們?cè)诮佑|事物的過(guò)程當(dāng)中，會(huì)產(chǎn)生行為感等信息，尤其在實(shí)際的生活過(guò)程當(dāng)中，我們通常是通過(guò)聽(tīng)覺(jué)、視覺(jué)以及觸覺(jué)等方式對(duì)信息進(jìn)行感知，而在這些感覺(jué)中視覺(jué)可以說(shuō)是最方便快捷的方式，而且相比于其他的感覺(jué)，我們通過(guò)視覺(jué)所接受的信息更加直觀和多樣化，因此，為了更好地滿足用戶的需求，我們?cè)谶M(jìn)行UI設(shè)計(jì)的時(shí)候應(yīng)該重視視覺(jué)獲取信息的優(yōu)勢(shì)和特點(diǎn)，在UI設(shè)計(jì)中加強(qiáng)視覺(jué)表現(xiàn)的方式和效果。例如：UI設(shè)計(jì)人員可以為新的用戶提供幫助說(shuō)明和解決方法等，因?yàn)槿藗儠?huì)對(duì)視覺(jué)獲取到的信息進(jìn)行分析和加工，也就是人們會(huì)對(duì)用戶界面上顯示的圖片等信息進(jìn)行分析，即使界面提供的信息不能夠使用戶獲得足夠的信息，人們也會(huì)根據(jù)界面上的信息進(jìn)行聯(lián)想、想象以及聽(tīng)取相關(guān)的意見(jiàn)。

（二）用戶視覺(jué)交互的設(shè)計(jì)策略

UI設(shè)計(jì)從命令界面——圖形界面——操作界面——多媒體界面等，界面的形態(tài)越來(lái)越可視化、多樣化，轉(zhuǎn)變了傳統(tǒng)界面的寫(xiě)實(shí)化的界面設(shè)計(jì)，設(shè)計(jì)師們從UI的細(xì)節(jié)、人性化以及交互性等方面進(jìn)行視覺(jué)表現(xiàn)方面的創(chuàng)新和完善。

我們現(xiàn)在廣泛使用的windows8和Material Design都是采用獨(dú)立元素進(jìn)行UI設(shè)計(jì)，它們不再采用復(fù)雜的圖形或者三維模型進(jìn)行設(shè)計(jì)，而是通過(guò)設(shè)計(jì)字體、色彩以及圖標(biāo)等方式使得產(chǎn)品達(dá)到良好的視覺(jué)效果。UI設(shè)計(jì)中視覺(jué)表現(xiàn)的創(chuàng)新和改革使得用戶的使用更加方便，同時(shí)圖片較少使得加載的時(shí)間降低，這些都會(huì)大大提高用戶的體驗(yàn)效果和質(zhì)量。

UI設(shè)計(jì)的設(shè)計(jì)師可以通過(guò)箭頭、頁(yè)面轉(zhuǎn)換、圖標(biāo)、背景等視覺(jué)元素對(duì)用戶進(jìn)行引導(dǎo)，幫助用戶通過(guò)這些視覺(jué)信息進(jìn)行界面的操作，并為用戶提供豐富有趣的視覺(jué)體驗(yàn)；設(shè)計(jì)師可以通過(guò)對(duì)X軸、Y軸以及Z軸進(jìn)行設(shè)計(jì)創(chuàng)新，使得用戶產(chǎn)生交互體驗(yàn)，產(chǎn)生具有畫(huà)面感的過(guò)渡效果，讓用戶把更多的焦點(diǎn)放在產(chǎn)品信息的內(nèi)容上，使得產(chǎn)品用戶獲取全新的產(chǎn)品體驗(yàn)效果，從而進(jìn)一步推動(dòng)產(chǎn)品的市場(chǎng)推廣。

結(jié)語(yǔ)

隨著經(jīng)濟(jì)社會(huì)的跨越式發(fā)展，作為技術(shù)與藝術(shù)相結(jié)合的新視點(diǎn)的UI設(shè)計(jì)走進(jìn)了我們的視野中。UI設(shè)計(jì)的普遍性和通用性的加強(qiáng)，對(duì)于UI設(shè)計(jì)的用戶體驗(yàn)更加重視，因此，很多行業(yè)和領(lǐng)域都從視覺(jué)表現(xiàn)方面入手，對(duì)UI設(shè)計(jì)進(jìn)行優(yōu)化創(chuàng)新。UI設(shè)計(jì)的視覺(jué)表現(xiàn)在很大程度上體現(xiàn)了“以用戶為中心”的UI設(shè)計(jì)原則和理念，促使UI設(shè)計(jì)更好地滿足用戶的需求，提升了UI設(shè)計(jì)服務(wù)的效果和質(zhì)量，優(yōu)化了用戶體驗(yàn)的環(huán)境。

參考文獻(xiàn)：

[1]韓君，繆夢(mèng)玉.形式追隨體驗(yàn)——UI設(shè)計(jì)視覺(jué)表現(xiàn)的淺析[J].藝術(shù)與設(shè)計(jì)（理論），2015（5）.

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

[3]趙麗梅，張志亮.UI設(shè)計(jì)中的視覺(jué)表現(xiàn)分析[J].藝術(shù)科技，2015（4）.

[4]姜旬恂，韓凱迪.基于移動(dòng)終端交互界面設(shè)計(jì)的審美原則探析[J].藝術(shù)科技，2015（11）.

【李婧，河南工業(yè)大學(xué)】