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

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

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

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

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

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

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

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

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

伴隨著互聯(lián)網(wǎng)技術(shù)和人工智能化技術(shù)的不斷發(fā)展，人們對于互動化、人性化以及實(shí)用性強(qiáng)的需求也越來越強(qiáng)烈，當(dāng)今社會，人們不僅僅只是產(chǎn)品的體驗(yàn)者和使用者，便捷的網(wǎng)絡(luò)化使得人們更加注重對產(chǎn)品參與感和滿足度的整體性反饋。UI設(shè)計(jì)主要是從設(shè)計(jì)、評估這兩個(gè)角度去進(jìn)行，設(shè)計(jì)的中心是用戶，目標(biāo)是滿足用戶的需求，用戶體驗(yàn)的分析、用戶體驗(yàn)的評估以及設(shè)計(jì)這三個(gè)主要的環(huán)節(jié)貫穿于UI設(shè)計(jì)的整個(gè)流程當(dāng)中。UI設(shè)計(jì)首先應(yīng)該依據(jù)用戶的反饋和需求對設(shè)計(jì)的大體框架進(jìn)行界定，接下來再對大框架進(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)行多次評估與設(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ì)的前景趨勢

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

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

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

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

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

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

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

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

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

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

結(jié)語

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

參考文獻(xiàn)：

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

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

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

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

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