夏霄萌

（沈陽師范大學(xué)，遼寧 沈陽 110034）

在UI設(shè)計(jì)中的視覺表現(xiàn)淺析

夏霄萌

（沈陽師范大學(xué)，遼寧 沈陽 110034）

UI設(shè)計(jì)是我國(guó)進(jìn)入21世紀(jì)以后新興的產(chǎn)業(yè)之一，是時(shí)代發(fā)展變化的產(chǎn)物，具有一定時(shí)代意義。我國(guó)社會(huì)主義經(jīng)濟(jì)呈現(xiàn)著跨越式的發(fā)展軌跡，UI設(shè)計(jì)工作具備著工藝全新視覺的理念，反映內(nèi)容顯得十分強(qiáng)烈，對(duì)我國(guó)實(shí)現(xiàn)社會(huì)主義現(xiàn)代化事業(yè)具有十分重要的作用。UI設(shè)計(jì)中的視覺表現(xiàn)對(duì)我國(guó)經(jīng)濟(jì)發(fā)揮著積極作用，但真正切實(shí)可行的案例卻寥寥無幾，UI設(shè)計(jì)在我國(guó)的發(fā)展還是不完善。本文旨在向人們介紹UI設(shè)計(jì)中的視覺表現(xiàn)，從中分析各個(gè)方面，引導(dǎo)UI設(shè)計(jì)向一個(gè)良好的方向發(fā)展。

UI設(shè)計(jì)；視覺表現(xiàn)

UI設(shè)計(jì)在我國(guó)屬于新興產(chǎn)業(yè)，是隨著時(shí)代發(fā)展而來的，對(duì)時(shí)代發(fā)展具有重要意義。UI設(shè)計(jì)中的視覺表現(xiàn)可以進(jìn)一步深化我國(guó)各個(gè)領(lǐng)域的內(nèi)容分析，帶動(dòng)全面健康發(fā)展，通過本文對(duì)UI設(shè)計(jì)中視覺效果的分析和總結(jié)，結(jié)合生活實(shí)際找出合理的辦法，發(fā)展我國(guó)的UI設(shè)計(jì)工作。

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

UI設(shè)計(jì)即User Interface（用戶界面）的簡(jiǎn)稱，UI設(shè)計(jì)主要面向軟件，是指對(duì)軟件的人機(jī)交互、操作邏輯以及界面美觀等各個(gè)內(nèi)容進(jìn)行整體設(shè)計(jì)，UI設(shè)計(jì)具備一定的實(shí)用功能。好的UI設(shè)計(jì)不僅可以讓軟件變得更加有個(gè)性有品位，還可以使軟件充滿舒適感，、操縱簡(jiǎn)單化、體現(xiàn)自由風(fēng)格、凸顯軟件整體的定位和特點(diǎn)。UI設(shè)計(jì)涵蓋范圍十分廣泛，設(shè)計(jì)學(xué)科內(nèi)容較多，所以從事UI設(shè)計(jì)的相關(guān)人員需要熟悉掌握各個(gè)學(xué)科的專業(yè)知識(shí)，具備一定的專業(yè)素養(yǎng)和道德素質(zhì)。

（一）UI設(shè)計(jì)共包含三部分研究?jī)?nèi)容，具體如下：

1.研究界面：圖形設(shè)計(jì)師Graphic UI designer

又稱為美工，屬于軟件產(chǎn)品的產(chǎn)品外形設(shè)計(jì)師。圖形設(shè)計(jì)師大多出于美術(shù)學(xué)院，擁有美術(shù)設(shè)計(jì)教育的背景和經(jīng)驗(yàn)，比如工業(yè)外形設(shè)計(jì)、裝潢設(shè)計(jì)以及信息多媒體設(shè)計(jì)等多個(gè)領(lǐng)域。

2.研究人與界面的關(guān)系：交互設(shè)計(jì)師Interaction designer

圖形界面設(shè)計(jì)師產(chǎn)生之前，UI設(shè)計(jì)通常是指交互設(shè)計(jì)師。交互設(shè)計(jì)師的主要工作內(nèi)容是設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)以及軟件的結(jié)構(gòu)與操作規(guī)范等多方面的內(nèi)容，軟件編碼之前需要做的工作就是交互設(shè)計(jì)，從而確立交互模型、交互規(guī)范等等。

3.研究人：用戶測(cè)試/研究工程師User experience engineer

產(chǎn)品為保證質(zhì)量都需要進(jìn)行產(chǎn)品測(cè)試，軟件編碼和UI設(shè)計(jì)同時(shí)也需要進(jìn)行測(cè)試，才能保證在使用過程中不會(huì)出現(xiàn)任何問題。這個(gè)環(huán)節(jié)的測(cè)試與編碼沒有關(guān)系，主要就是測(cè)試交互設(shè)計(jì)的合理性和圖形設(shè)計(jì)的美觀性。測(cè)試的方法一般采用焦點(diǎn)小組，通過目標(biāo)用戶問卷的形式評(píng)價(jià)UI設(shè)計(jì)是否合理。用戶測(cè)試（研究工程師）的工作尤為重要，UI設(shè)計(jì)的優(yōu)劣評(píng)判標(biāo)準(zhǔn)主要依靠于設(shè)計(jì)師的個(gè)人經(jīng)驗(yàn)或者是領(lǐng)導(dǎo)者的審美能力。用戶測(cè)試（研究工程師）的工作出于心理學(xué)、人文學(xué)的背景較為合適。

（二）UI設(shè)計(jì)的流程主要分為以下幾點(diǎn)：

1.確認(rèn)目標(biāo)用戶

在UI設(shè)計(jì)中，應(yīng)當(dāng)首先確定軟件的目標(biāo)用戶，從中獲得最終用戶和直接用戶的需求。不同的目標(biāo)用戶UI的交互設(shè)計(jì)也就不同。

2.采集目標(biāo)用戶的習(xí)慣交互方式

不同類型的目標(biāo)用戶具備不同的交互習(xí)慣。習(xí)慣性的交互行為主要來源于原有的針對(duì)性的交互流程和已有的軟件工具的交互流程。

3.提示和引導(dǎo)用戶

軟件是用戶使用的主要工具，用戶應(yīng)當(dāng)對(duì)軟件進(jìn)行操作和控制，而且軟件應(yīng)當(dāng)響應(yīng)用戶的動(dòng)作行為以及設(shè)定的規(guī)則。軟件可以提示用戶進(jìn)行結(jié)果的反饋，并引導(dǎo)用戶進(jìn)行下一步操作。

4.堅(jiān)持一致性原則

UI設(shè)計(jì)要求設(shè)計(jì)目標(biāo)、元素外觀、以及交互行為等活動(dòng)堅(jiān)持一致性原則。設(shè)計(jì)目標(biāo)一致是指軟件中存在的各個(gè)部分都應(yīng)具備一樣的設(shè)計(jì)目標(biāo)，不同組成部分之間的交互設(shè)計(jì)目標(biāo)應(yīng)當(dāng)一致。元素外觀一致是指同一類型的軟件內(nèi)容應(yīng)當(dāng)采用一致風(fēng)格的外觀。交互行為是指在交互模型中，不同類型的元素用戶所引起的行為事件之后，互動(dòng)行為應(yīng)當(dāng)保持一致。

5. 堅(jiān)持可用性原則

共有三部分內(nèi)容：可理解、可到達(dá)和可控制?？衫斫馐侵杠浖橛脩羲褂茫邆溆脩衾斫飧鱾€(gè)元素所對(duì)應(yīng)的使用功能?？傻竭_(dá)是指用戶作為交互的中心，交互元素對(duì)應(yīng)著用戶所需要的功能，交互元素應(yīng)當(dāng)被用戶所操作和控制。可控制是指軟件交互流程的可控性、功能執(zhí)行流程的可控性。

UI設(shè)計(jì)的設(shè)計(jì)規(guī)范應(yīng)當(dāng)具備一致性、準(zhǔn)確性、布局合理化、系統(tǒng)操作合理性、系統(tǒng)響應(yīng)時(shí)間等原則。一致性原則要求UI設(shè)計(jì)要以用戶體驗(yàn)為中心，界面保持直觀、簡(jiǎn)潔，操作方便快捷，用戶可以全面快速地了解掌握軟件的各項(xiàng)功能。準(zhǔn)確性原則要求軟件所含內(nèi)容信息要準(zhǔn)確無誤，用戶無需通過其他信息了解軟件。布局合理化原則要求軟件滿足用戶的日常使用習(xí)慣，遵循用戶自上而下、從左向右的使用方式，操作盡量簡(jiǎn)單化，避免普遍使用的功能過于分散，容易導(dǎo)致操作較為復(fù)雜。系統(tǒng)操作合理性原則是指盡量無需鼠標(biāo)移動(dòng)就可以完成大部分的軟件功能，通過Tab鍵進(jìn)行各個(gè)控件之間的使用和切換，從而將編輯后的文本全選進(jìn)行處理。系統(tǒng)響應(yīng)時(shí)間原則說明軟件的系統(tǒng)響應(yīng)時(shí)間應(yīng)當(dāng)保持適中狀態(tài)，時(shí)間不應(yīng)過長(zhǎng)也不應(yīng)過短，這樣很容易引起用戶不耐煩的心理，所以需要通過軟件的具體內(nèi)容設(shè)計(jì)合理的系統(tǒng)響應(yīng)時(shí)間。

二、分析UI設(shè)計(jì)中視覺效果的表現(xiàn)

（一）用戶之間視覺交互活動(dòng)的要求性交叉

用戶之間的視覺交互活動(dòng)的要求性交叉是在完成任何事物之前進(jìn)行的，應(yīng)當(dāng)對(duì)任務(wù)完成時(shí)所需要的條件內(nèi)容進(jìn)一步了解，如果一種行為完成之后，需要針對(duì)這一此次完成行為的結(jié)果進(jìn)行分析，以便保證下一階段的任務(wù)有序進(jìn)行，我們所說的反饋信息也是指向這一過程的結(jié)果。人們與任何事物相互接觸，在這一過程中人們就會(huì)產(chǎn)生與之相關(guān)的感知信息，主要表現(xiàn)在行為感和物感兩部分，人們所產(chǎn)生的感知就是信息感。行為感的內(nèi)容包括平衡感、對(duì)稱感、動(dòng)感、行動(dòng)--結(jié)果感、位置感、行為過程感覺、操作速度感以及狀態(tài)感等等方面。物感的內(nèi)容包括結(jié)構(gòu)感、形狀感、表面質(zhì)感、質(zhì)量感、色感、尺寸感等等，這些內(nèi)容主要體現(xiàn)著物感的主要特征。

人們?cè)诮佑|外界事物時(shí)，對(duì)事物的認(rèn)知不僅體現(xiàn)在聽覺和觸覺，其中尤為重要的應(yīng)當(dāng)是視覺，視覺是相對(duì)于聽覺和觸覺來說可以最為直觀地反映著萬事萬物。關(guān)于一些比較特別的信息來說，也只有視覺才能使人感知得到，比如顏色。視覺效果往往也是人們獲取外界信息的主要途徑，使人們進(jìn)行信息理解的一種本能，所以UI設(shè)計(jì)中對(duì)視覺效果的展示格外重要。UI設(shè)計(jì)給予用戶軟件上的視覺信息，滿足了用戶獲取信息的基本需求。人們通過軟件接收到的信息，通過對(duì)信息進(jìn)行分析和處理，從而得到自我認(rèn)知。比如可以通過屏幕上出現(xiàn)的圖像大體掌握信息的基本內(nèi)容，從而產(chǎn)生了一系列的想象和聯(lián)想，通過多種方式指導(dǎo)進(jìn)行自我行為的認(rèn)知和理解，從而使信息的本質(zhì)內(nèi)涵充分地彰顯出來。

（二）分析用戶交互行為需求中的視覺需求

根據(jù)傳統(tǒng)的邏輯進(jìn)行思維活動(dòng)，關(guān)于設(shè)計(jì)行為的主要支撐力量就是CUD，以CUD為基礎(chǔ)的用戶就會(huì)借此得以定義成為設(shè)計(jì)的主體內(nèi)容目標(biāo)，相對(duì)的設(shè)計(jì)內(nèi)容大多數(shù)會(huì)以客戶為中心開展思維創(chuàng)造開發(fā)的活動(dòng)。在現(xiàn)今的UI設(shè)計(jì)中，可以清晰明了地發(fā)現(xiàn)內(nèi)部的產(chǎn)品設(shè)計(jì)與用戶體驗(yàn)式活動(dòng)時(shí)期有著密切的關(guān)系。

進(jìn)行內(nèi)部視覺效果特殊性的思維狀態(tài)在一定程度上可以使用戶中隱藏的視覺因素充分發(fā)揮出來，并提取其中有利于的方面，進(jìn)行合理有序的現(xiàn)實(shí)交互體驗(yàn)式設(shè)計(jì)流程。對(duì)于這種思維框架而言，其主要依據(jù)就是基于整個(gè)人際交互行為規(guī)則的有機(jī)協(xié)調(diào)，最終目標(biāo)在于將提高產(chǎn)品的質(zhì)量和水平，并使設(shè)計(jì)的產(chǎn)品實(shí)現(xiàn)適當(dāng)?shù)南拗?，改善設(shè)計(jì)中的目標(biāo)定義，進(jìn)一步深化了解用戶一切行為活動(dòng)以及視覺思維行為規(guī)范，對(duì)視覺效果的實(shí)施進(jìn)行全面系統(tǒng)地掌握。UI設(shè)計(jì)中用戶通過界面實(shí)施操作行為，與之相對(duì)應(yīng)的視覺思維也會(huì)產(chǎn)生一定程度的效果，作用十分明顯，從而有利于推動(dòng)UI設(shè)計(jì)中界面內(nèi)部更加靈活化、生動(dòng)化。

三、結(jié)語

綜上所述，UI設(shè)計(jì)屬于我國(guó)進(jìn)入21世紀(jì)以后重點(diǎn)關(guān)注的項(xiàng)目之一，我國(guó)的UI設(shè)計(jì)發(fā)展情況并不是十分理想，UI設(shè)計(jì)成功機(jī)率有待提高。視覺是人們進(jìn)行信息接收的第一途徑，UI設(shè)計(jì)中應(yīng)當(dāng)尤為重視視覺表現(xiàn)的效果，確保得到充分的利用和發(fā)揮。

［1］趙偲.基于感性工學(xué)與色彩心理學(xué)的2.5維UI界面設(shè)計(jì)研究［D］.南京航空航天大學(xué)，2009.

［2］姚武.大眾文化視野中的“審美媒介化”與“審美疲勞”［J］.2007 （5）.

［3］耿明名.網(wǎng)頁UI設(shè)計(jì)中的溝通藝術(shù)［D］.哈爾濱理工大學(xué)，2010.

TP311

A

夏霄萌（1990-），女，漢族，遼寧沈陽人，沈陽師范大學(xué)美術(shù)學(xué)院，15級(jí)在讀研究生，碩士學(xué)位，美術(shù)學(xué)，研究方向：平面設(shè)計(jì)。