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

夏霄萌

（沈陽師范大學，遼寧 沈陽 110034）

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

夏霄萌

（沈陽師范大學，遼寧 沈陽 110034）

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

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

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

一、UI設(shè)計概述

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

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

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

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

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

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

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

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

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

1.確認目標用戶

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

2.采集目標用戶的習慣交互方式

不同類型的目標用戶具備不同的交互習慣。習慣性的交互行為主要來源于原有的針對性的交互流程和已有的軟件工具的交互流程。

3.提示和引導用戶

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

4.堅持一致性原則

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

5. 堅持可用性原則

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

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

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

（一）用戶之間視覺交互活動的要求性交叉

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

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

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

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

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

三、結(jié)語

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

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

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

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

TP311

A

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