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

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

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

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

一、UI設(shè)計概述

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

結(jié)語

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

參考文獻(xiàn)：

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

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

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

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

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