1、UI設(shè)計中的視覺表現(xiàn)分析（全文）【摘要】在社會科技不斷發(fā)展的同時，用戶界面設(shè)計（UI設(shè)計）越來越受到人們的重視。ui設(shè)計注重的是互動性設(shè)計、界面優(yōu)化以及用戶體驗(yàn)分析。目前，國內(nèi)在ui設(shè)計方面的研究相對較少，而視覺表現(xiàn)相關(guān)的研究更是寥寥無幾。本文從分析ui設(shè)計基本流程出發(fā)，通過分析ui設(shè)計中的視覺表現(xiàn)，審核了ui設(shè)計的本質(zhì)，讓人們對設(shè)計的理解更為深入。【關(guān)鍵詞】ui設(shè)計視覺表現(xiàn)用戶體驗(yàn)作為伴隨互聯(lián)快速發(fā)展的專業(yè)，UI設(shè)計在最近的幾年才有了相對專業(yè)和規(guī)范的界定。就目前來看，雖然在國內(nèi)高校中專門設(shè)置設(shè)計專業(yè)的不多，但UI設(shè)計卻基本已經(jīng)在各個高校內(nèi)和行業(yè)內(nèi)普及開來。ui設(shè)計，即為用戶界面設(shè)計，其具有比

2、較廣泛的范圍和涉及較多的領(lǐng)域，已經(jīng)成為一種通用的重要設(shè)計專業(yè)。絡(luò)已經(jīng)成為人們生活中不可或缺的一種技術(shù)資源，因此頁的ui設(shè)計也變得越來越重要，比如一些大型站企業(yè)都會有專門負(fù)責(zé)UI設(shè)計的工程師。在手機(jī)端，UI設(shè)計也有舉足輕重的地位，UI設(shè)計能夠作為一種有效的市場推廣手段在市場推廣和整體用戶體驗(yàn)中占據(jù)優(yōu)勢。一、UI設(shè)計基本流程智能化是當(dāng)前社會發(fā)展的主要方向，不僅體現(xiàn)了科技發(fā)展的進(jìn)步，也表現(xiàn)了人們對高效率、人性化用戶的需求。用戶在體驗(yàn)產(chǎn)品時，除了功能上的驗(yàn)證，也開始注重產(chǎn)品的參與感和體驗(yàn)的滿足程度。在進(jìn)行UI設(shè)計時，設(shè)計和評估是兩個主要工作。整個設(shè)計過程中根據(jù)用戶的需求，先進(jìn)行總體的概要設(shè)計，然后再細(xì)

3、分為每個子模塊進(jìn)行單獨(dú)設(shè)計。評估和設(shè)計，在人機(jī)交互以用戶為中心的設(shè)計和評估里有比較專業(yè)的定義，主要強(qiáng)調(diào)以用戶為中心。UI設(shè)計開發(fā)分為用戶分析、評估、開發(fā)三個步驟°UCD（以用戶為中心的設(shè)計）能夠根據(jù)實(shí)際的用戶需求，在保證設(shè)計原則的前提下，實(shí)現(xiàn)UI設(shè)計的最初目標(biāo)，是一種比較先進(jìn)的技術(shù)。UCD設(shè)計中反復(fù)地進(jìn)行多次設(shè)計和評估,與迭代模型相似，讓用戶參與到設(shè)計當(dāng)中，在設(shè)計的同時分析用戶的需求，防止偏離用戶體驗(yàn)。二、用戶視覺交互的體現(xiàn)完成一個項目，首先必須明確項目的需求，然后設(shè)法去滿足這個需求，并且在完成需求后，根據(jù)需求結(jié)果所反饋的信息進(jìn)行后續(xù)的相關(guān)任務(wù)。人們在接觸事物時，通常會產(chǎn)生物感以及行

4、為感，這種與行為有關(guān)的感知信息通常被稱為信息感。在現(xiàn)實(shí)生活中，獲取上述物感和行為感的方式除了聽覺和觸覺以外，視覺是最有效最快速的方式之一，并且通過視覺能獲取更多特定的信息，比如顏色差異，作為人類本能的一部分，人們會通過視覺來獲取外界信息，因此開發(fā)人員應(yīng)當(dāng)重視視覺相關(guān)的設(shè)計，以滿足用戶最根本的需求。人們通過視覺獲取到相關(guān)信息后，會進(jìn)行信息的分析和處理，比如人們會自動解析從顯示界面獲取到的圖片信息，當(dāng)不能從圖片中獲得足夠內(nèi)容時，人們會通過想象、聽取意見等其他方式來指導(dǎo)自身的分析。因此從用戶的角度出發(fā)，特別是對于新用戶，應(yīng)該向其提供足夠的助力文檔說明或嘗試解決的方法。設(shè)計師通過構(gòu)建合理的信息結(jié)構(gòu)，滿

5、足用戶能夠獲得足夠的信息需求。三、用戶交互視覺設(shè)計UI設(shè)計已經(jīng)經(jīng)歷了30多年的發(fā)展，從一開始的命令行界面，到后來的圖形界面形式并慢慢發(fā)展成直接操作界面和多媒體界面等，設(shè)計也衍生了多種不同的風(fēng)格形態(tài)，已經(jīng)從抽象寫實(shí)轉(zhuǎn)變?yōu)楸馄交涂梢暬O(shè)計。設(shè)計師們開始學(xué)習(xí)UI中的一些細(xì)節(jié)、交互以及情感，同時結(jié)合UI設(shè)計的主流思想當(dāng)中，不斷完善和創(chuàng)新。（一）視覺效果改革Win8是微軟扁平化設(shè)計的代表作，和谷歌在2022年推出的考慮事物本質(zhì)的MaterialDesign一樣，都以獨(dú)立的元素來定義UI設(shè)計，它們與傳統(tǒng)的繁瑣的圖樣形式不同，更注重隱喻中概念。在視覺效果中，不再保留一些過于細(xì)致的三維模型，把重點(diǎn)放在字體、

6、顏色以及圖標(biāo)之間的關(guān)聯(lián)。用戶根據(jù)這種UI設(shè)計風(fēng)格就可以忽略一些不重要的信息，同時只要基于顏色和圖片等就能夠獲得引導(dǎo)，方便了用戶的使用。這種風(fēng)格的轉(zhuǎn)變也減少了加載的時間，能夠使不同設(shè)備上顯示的內(nèi)容和效果達(dá)到一致，大大提高了用戶體驗(yàn)。在這種視覺上的改革中，UI設(shè)計的隱喻高度體現(xiàn)在了視覺層以及行為層面當(dāng)中。視覺層中，例如IOS6的寫實(shí)控制按鍵就展現(xiàn)了精益求精、光影復(fù)雜的隱喻視覺效果。而Win8能夠支持用戶手勢操作的邊緣交互，就是將人們在辦公時的一些傳統(tǒng)行為習(xí)慣通過數(shù)據(jù)分析并深入抽象融合到界面設(shè)計當(dāng)中，讓用戶在實(shí)際操作設(shè)備終端時能夠順暢地進(jìn)行操作。（二）交互體驗(yàn)創(chuàng)新UI設(shè)計的細(xì)微化創(chuàng)新體現(xiàn)在交互的體驗(yàn)

7、上，通過一些交互上的視覺信息來對用戶進(jìn)行視覺上的引導(dǎo)：將用戶的視線通過視覺元素引導(dǎo)并停留在需要的位置上；把用戶的好奇心和注意力轉(zhuǎn)移到展示信息當(dāng)中或者添加指引性強(qiáng)的箭頭元素來完成對用戶的定向引導(dǎo)等。這些微設(shè)計的創(chuàng)新方式能夠在引導(dǎo)用戶進(jìn)行操作時也能夠獲得新奇有趣的用戶體驗(yàn)。在UI設(shè)計中，設(shè)計師們也慢慢開始注重Z軸上的創(chuàng)新。一直以來，XY軸平面設(shè)計是UCD界面設(shè)計的重點(diǎn)，比如頁面間的轉(zhuǎn)變、不同狀態(tài)下圖標(biāo)的補(bǔ)間過度效果等都是實(shí)現(xiàn)在二維平面中。設(shè)計師在進(jìn)行交互體驗(yàn)創(chuàng)新時，會把界面中所包含的每個元素進(jìn)行分層并編號，每個背景、圖標(biāo)、狀態(tài)工具欄、下拉頁面等都在Z軸上建立獨(dú)立的層，并在每層都規(guī)劃一個演變規(guī)則用于動態(tài)效果的過渡,以此確立整個UI設(shè)計的過渡效果。在視圖框架布局上，設(shè)計師們將信息主體作為主要突出的元素并重新定義了界面框架。比如在布局界面中，將信息的焦點(diǎn)通過大圖設(shè)計的方式體現(xiàn)出來，能使產(chǎn)品獲得全新的體驗(yàn)效果。在目前許多界面設(shè)計當(dāng)中，設(shè)計師一般將大圖設(shè)計成占據(jù)整個顯示屏幕一半面積，同時不再采用側(cè)邊欄，通過一個返回按鈕的形式，這樣就能減少信息主體的冗余度，讓用戶在體驗(yàn)產(chǎn)品時獲得更全更焦點(diǎn)的信息內(nèi)容。四、結(jié)束語UI設(shè)計是融合了藝術(shù)和技術(shù)的前沿技術(shù)，隨著生活水平的不斷提高和技術(shù)的不斷進(jìn)步，UI技術(shù)會滲透到生活中的各個方面。UI設(shè)計從一開始注重功能的擬物化設(shè)計到后來的注重內(nèi)涵的多種形式結(jié)合的設(shè)計模式