手機(jī)UI設(shè)計(jì)中視覺(jué)藝術(shù)元素的構(gòu)成

王桂霞

摘要：當(dāng)今電子產(chǎn)品日益多樣化，隨之備受重視的界面設(shè)計(jì)也增加了多類(lèi)別。而現(xiàn)在各種智能手機(jī)我們基本都是機(jī)不離手，UI設(shè)計(jì)愈發(fā)無(wú)可取代，它使的手機(jī)界面風(fēng)格越來(lái)越多樣化，并且更為人性化。為此，筆者針對(duì)手機(jī)UI設(shè)計(jì)中視覺(jué)藝術(shù)元素的相關(guān)構(gòu)成進(jìn)行了初步探析。

關(guān)鍵詞：手機(jī)UI設(shè)計(jì);視覺(jué)藝術(shù)元素;構(gòu)成分析

一、關(guān)于手機(jī)UI設(shè)計(jì)的簡(jiǎn)析

（一）信息傳遞

虛擬界面將一些與用戶相關(guān)的圖像信息、文字信息、視頻信息等整合進(jìn)來(lái)為用戶的決策提供必要的選擇，通常情況下這種UI設(shè)計(jì)會(huì)通過(guò)多種簡(jiǎn)潔直觀的視覺(jué)體驗(yàn)將信息傳播給用戶，用戶通過(guò)直觀的感受很容易接受，并產(chǎn)生深刻的記憶，進(jìn)而對(duì)這種UI產(chǎn)生好感與依賴，例如直觀的圖片天氣信息、直觀的文字短信息提示等。

（二）人機(jī)交互

UI設(shè)計(jì)中一些獨(dú)特性的界面元素實(shí)現(xiàn)了對(duì)文本內(nèi)容的過(guò)度依賴并將文本信息以更加簡(jiǎn)潔的方式展示給客戶，另外增加了三維動(dòng)態(tài)圖形使界面更加華麗進(jìn)而吸引用戶實(shí)現(xiàn)長(zhǎng)期的交互式體驗(yàn)。在每個(gè)互動(dòng)方式下界面都預(yù)先為用戶設(shè)定了動(dòng)作反饋以此滿足用戶的人機(jī)交互式體驗(yàn)，如果取消UI界面，設(shè)計(jì)出的交互方式將異常繁瑣，用戶體驗(yàn)度會(huì)大大降低，增加了操作的復(fù)雜性;有效的人機(jī)交互式體驗(yàn)使手機(jī)發(fā)揮出了多用途的工具價(jià)值。

（三）娛樂(lè)享受

在創(chuàng)設(shè)手機(jī)UI界面前要先設(shè)定界面的人機(jī)交互用途，在圍繞這一核心元素添加豐富的互動(dòng)內(nèi)容來(lái)實(shí)現(xiàn)人機(jī)交互的有效體驗(yàn)進(jìn)而吸引用戶實(shí)現(xiàn)互動(dòng)習(xí)慣;例如如今的手機(jī)搭配了豐富的互動(dòng)性與自主選擇性內(nèi)容，自由更換界面圖片、自由設(shè)定主題等，使界面初形態(tài)可以隨用戶喜歡而自由變換，有效的增添了界面的趣味性并更加契合各類(lèi)用戶的需求，實(shí)現(xiàn)受眾群體的增加。

二、關(guān)于手機(jī)UI設(shè)計(jì)中視覺(jué)藝術(shù)元素的構(gòu)成分析

（一）多樣元素的構(gòu)成

1.文字

文本作為手機(jī)交互中不可或缺的要素，其營(yíng)造的視覺(jué)效果不容忽視，文本信息要簡(jiǎn)潔明了的反映出要表達(dá)的含義，并用新穎的設(shè)計(jì)細(xì)化文字所展現(xiàn)的視覺(jué)效果，同時(shí)文字也是篩選的必要選項(xiàng)之一，將其有規(guī)律的進(jìn)行分類(lèi)，所形成的交互式體驗(yàn)便會(huì)更加突出實(shí)用性與簡(jiǎn)潔性。

2.圖像要素的構(gòu)成

與文本信息相比簡(jiǎn)潔明了的圖像信息能更加直觀的反應(yīng)所要表達(dá)的內(nèi)容，其具有的概括性與直觀性是UI設(shè)計(jì)中不可或缺的必要元素。圖像作為人辯知事物的主要來(lái)源之一，其跨越了語(yǔ)言、國(guó)家、文化是實(shí)現(xiàn)交流的必備手段之一，被稱為圖像語(yǔ)言;伴隨科技的進(jìn)步借助圖像能實(shí)現(xiàn)更多信息的傳播，并通過(guò)藝術(shù)形態(tài)的展示使圖像賦予了生命被更多人所喜愛(ài)，對(duì)此UI設(shè)計(jì)中采取的圖像信息應(yīng)具有唯美的藝術(shù)性，同時(shí)以簡(jiǎn)潔的方式直觀展現(xiàn)所要表達(dá)的內(nèi)容有效發(fā)揮圖像語(yǔ)言的優(yōu)勢(shì)，為手機(jī)這一片天空增添更多精彩。

3.多彩色調(diào)元素的溝通

隨著科技的進(jìn)步，顯示屏幕不再是以往單調(diào)的色彩，如今已能體現(xiàn)豐富多樣的色調(diào)，并依據(jù)不同的信息與需求展現(xiàn)最真實(shí)的圖像;UI界面作為與人直接接觸的互動(dòng)平臺(tái)，其色調(diào)應(yīng)是迎合人們需求或心情而進(jìn)行變化;通常色調(diào)能反映出人的偏號(hào)與情感或心態(tài)，為此設(shè)計(jì)出的UI若要迎合全部人，那么就要有能符合人們心情或場(chǎng)景的色調(diào)變化模塊，讓人們隨需要的變化而變化，最好的辦法就是由用戶與手機(jī)實(shí)現(xiàn)互動(dòng)進(jìn)行自行設(shè)定。例如，在晚間光線昏暗的情況下，應(yīng)將手機(jī)調(diào)成暗色調(diào)以保護(hù)眼睛，在光線充足的情況下應(yīng)調(diào)高流明，如今已然實(shí)現(xiàn)了感光元件的自動(dòng)調(diào)節(jié)功能。

（二）基于現(xiàn)有設(shè)計(jì)的優(yōu)化

如今手機(jī)業(yè)異?；鸨?，種類(lèi)繁多的手機(jī)品牌與廠家都擁有自己的UI設(shè)計(jì)理念，為了吸引更多的用戶在硬件無(wú)法調(diào)節(jié)的情況下大力發(fā)展UI設(shè)計(jì)，并創(chuàng)造出能展現(xiàn)自身特性的獨(dú)特設(shè)計(jì);色調(diào)的選擇上應(yīng)著重分級(jí)有效區(qū)分主次，實(shí)現(xiàn)彼此的最佳搭配營(yíng)造鮮明的圖像色彩，另外對(duì)于輔助色也要加以重視，適當(dāng)?shù)妮o助色會(huì)提升主次色調(diào)的視覺(jué)成像效果，一般來(lái)說(shuō)輔助色調(diào)均采用柔性色彩進(jìn)行點(diǎn)綴，以確保主內(nèi)容的突出與整體協(xié)調(diào)性，更好的展現(xiàn)界面的獨(dú)特優(yōu)勢(shì)或間接反映屏幕用料的扎實(shí)。

當(dāng)前的UI圖像多為已經(jīng)定義好的，用戶選擇性受限，對(duì)此可以采用開(kāi)源的形式讓用戶自行定義圖像如：背景圖片、圖標(biāo)圖像、待機(jī)畫(huà)面等，如同微信、QQ等軟件其頭像與聊天背景、框架等都可以自行選擇定義，手機(jī)的界面也應(yīng)如此，讓用戶獲得更多的權(quán)限進(jìn)行自行設(shè)定以滿足用戶個(gè)人的偏號(hào)。

文字作為UI構(gòu)成的主要元素，其尺寸、色彩、樣式等均備受關(guān)注，如同圖像一樣，用戶也有著自己的需要，例如有的人喜歡有陰影的、色彩明亮的、字體優(yōu)雅的、工整的、也有不想用字的眾口難調(diào);為此如同對(duì)圖像的處理方式那般，采用開(kāi)源的設(shè)計(jì)將這一彰顯特性的方式交由用戶自身進(jìn)行，UI設(shè)計(jì)中只需提供幾種符合大眾口味的文字元素即可。

界面的總體設(shè)計(jì)應(yīng)能突顯新穎，并且迎合大眾需求，多以簡(jiǎn)潔的方式進(jìn)行藝術(shù)創(chuàng)作，例如界面的一目了然、系統(tǒng)的功能整合、有效的分類(lèi)等，以簡(jiǎn)潔明了的信息傳遞給用戶操作上的便利感覺(jué)。

三、結(jié)語(yǔ)

綜上所述，隨著科技的迅猛發(fā)展，智能手機(jī)的發(fā)展呈現(xiàn)驚人速度，UI設(shè)計(jì)也隨之具備越來(lái)越高的技術(shù)水準(zhǔn)。手機(jī)UI設(shè)計(jì)融匯視覺(jué)藝術(shù)元素，成為人機(jī)交互的橋梁，將為手機(jī)用戶帶來(lái)更多的使用享受。