何冬

摘 要：任何事物的產(chǎn)生都離不開(kāi)受眾群體，無(wú)論是實(shí)體事物還是虛擬事物，最終面向的是用戶，因此產(chǎn)品的研發(fā)離不開(kāi)用戶體驗(yàn)。就UI設(shè)計(jì)而言，相同產(chǎn)品不同用戶的體驗(yàn)感官都有所不同，但是其UI中的圖標(biāo)設(shè)計(jì)功能核心卻不發(fā)生變化，有的圖標(biāo)設(shè)計(jì)在視覺(jué)上進(jìn)行強(qiáng)化、有的圖標(biāo)設(shè)計(jì)在功能上做出改變，這些設(shè)計(jì)都是為了給用戶帶來(lái)不同的用戶體驗(yàn)而產(chǎn)生，用戶體驗(yàn)其實(shí)是對(duì)用戶的心理訴求為設(shè)計(jì)來(lái)源，不能滿足用戶的需要就必將被用戶給拋棄，因此用戶體驗(yàn)的重要性決定了產(chǎn)品的發(fā)展。

關(guān)鍵詞：用戶體驗(yàn)；圖標(biāo)設(shè)計(jì)；UI設(shè)計(jì)；視覺(jué)

DOI：10.16640/j.cnki.37-1222/t.2019.13.213

0 引言

個(gè)性化的設(shè)計(jì)在各個(gè)設(shè)計(jì)行業(yè)都占有很大比重，特別是在個(gè)人移動(dòng)終端的體現(xiàn)上更為明顯，因此個(gè)性化設(shè)計(jì)在UI界面中成為必不可少的部分，圖標(biāo)的個(gè)性化體現(xiàn)是指用戶在對(duì)數(shù)媒產(chǎn)品進(jìn)行使用的過(guò)程能對(duì)用戶進(jìn)行引導(dǎo)的具備功能性和目的性的圖形個(gè)性化設(shè)計(jì)。圖標(biāo)在UI界面中及代表了產(chǎn)品的功能性、圖標(biāo)本身的含義、以及圖標(biāo)圖形給予的精神含義等，是通過(guò)象形、象征、夸張等表現(xiàn)手法，結(jié)合圖形設(shè)計(jì)在數(shù)媒產(chǎn)品中展示的產(chǎn)物。因此，圖標(biāo)在設(shè)計(jì)行業(yè)具有不可替代性的作用，也是極具代表的設(shè)計(jì)符號(hào)。圖標(biāo)不同于文字，不會(huì)因?yàn)槠湮幕牟煌?、語(yǔ)言的不同而產(chǎn)生不能識(shí)別的情況，是一種具備國(guó)際人士交流的一種視覺(jué)工具，通過(guò)圖標(biāo)的點(diǎn)擊，可以和用戶產(chǎn)生一定的交互關(guān)系，它是能識(shí)別、能操作、具備引導(dǎo)性的多功能設(shè)計(jì)。

用戶的在UI界面中的個(gè)性化追求越漸被設(shè)計(jì)群體所重視，其根本原因是市場(chǎng)需求，設(shè)計(jì)群體在UI個(gè)性化設(shè)計(jì)方面的經(jīng)濟(jì)投入和時(shí)間投入，對(duì)于整個(gè)UI設(shè)計(jì)而言比重被不斷加大，而給用戶帶來(lái)最為直觀的個(gè)性化設(shè)計(jì)是界面中的圖標(biāo)設(shè)計(jì)，圖標(biāo)設(shè)計(jì)也是UI設(shè)計(jì)中最基礎(chǔ)的設(shè)計(jì)。一般情況而言，在產(chǎn)品的功能上，用戶都是根據(jù)同一種功能而選擇了同一種產(chǎn)品，這是以功能需求為基礎(chǔ)，但即使是在同一款產(chǎn)品中，針對(duì)不同的用戶，也會(huì)產(chǎn)生不同的需求，如色彩情感需求、視覺(jué)表現(xiàn)需求、圖標(biāo)大小需求、含義表述需求等。無(wú)論何種設(shè)計(jì)、何種需求，其最終目的都是為了抓住、留住用戶，因此圖標(biāo)設(shè)計(jì)在UI界面中具備極其重要的寓意。

1 圖標(biāo)的功能性要素分析

從廣義上看圖標(biāo)，其具有引導(dǎo)性、指示性、命令性等功能，是一種視覺(jué)上的符號(hào)，從UI界面中的圖標(biāo)來(lái)看，也一樣的具有引導(dǎo)性、指示性、命令性功能以外，還具有強(qiáng)烈的操作性，是可以和用戶進(jìn)行“互動(dòng)”的交互設(shè)計(jì)。無(wú)論是傳統(tǒng)圖標(biāo)含義還是處在數(shù)媒環(huán)境下，圖標(biāo)都是非常重要的設(shè)計(jì)元素，從圖標(biāo)本質(zhì)上看，圖標(biāo)“看圖識(shí)意”的功能，脫離了文字的束縛，更有利于各類用戶人群的使用，其本質(zhì)的功能“指引”、“標(biāo)明”、“操作”非常明確，一款優(yōu)秀的圖標(biāo)能讓用戶更加準(zhǔn)確的識(shí)別和更加快速的記憶。

2 圖標(biāo)的形態(tài)要素分析

在UI界面中的圖標(biāo)和傳統(tǒng)標(biāo)志有很大的區(qū)別，傳統(tǒng)標(biāo)志常用隱喻、夸張等表現(xiàn)手法，UI界面圖標(biāo)設(shè)計(jì)卻表現(xiàn)的更為直接，如付款就是錢包、購(gòu)物就是購(gòu)物車、聯(lián)系方式就是電話、個(gè)人中心就是一個(gè)人影等，都是運(yùn)用的非常直接的視覺(jué)表現(xiàn)方式，目的性和識(shí)別性都極強(qiáng)，能讓用戶直接感受到圖標(biāo)的作用。在形態(tài)設(shè)計(jì)上，圖標(biāo)形態(tài)基本以較為保守的圓形、正方形為主，這樣可以方便多圖標(biāo)情況的編排設(shè)計(jì)，讓多個(gè)圖標(biāo)的組合以及和整體界面的融合更為自然、協(xié)調(diào)。

因此我們必須明確圖標(biāo)的含義等信息，必須能準(zhǔn)確且快速的傳遞到用戶手中，在進(jìn)行設(shè)計(jì)時(shí)，我們要考慮的因素將會(huì)大于標(biāo)志設(shè)計(jì)，例如圖標(biāo)的含義是否準(zhǔn)確、是否簡(jiǎn)潔、是否直接、圖形的設(shè)定是否符合整體界面效果、顏色的使用是否符合整體視覺(jué)效果以及能否滿足色彩心理要素、圖標(biāo)圖案的表現(xiàn)是否符合時(shí)代感、圖標(biāo)的視覺(jué)質(zhì)感是否運(yùn)用肌理或者空間關(guān)系等、多圖標(biāo)下的布局等，而這些諸多因素都是需要設(shè)計(jì)師進(jìn)行不斷的整合、嘗試。

這些諸多的因素都是屬于視覺(jué)因素，所以圖標(biāo)追求的就是視覺(jué)上的設(shè)計(jì)，而視覺(jué)設(shè)計(jì)都是從整體出發(fā)，所以圖標(biāo)設(shè)計(jì)的要素就脫離不開(kāi)UI界面的整體視覺(jué)布局。對(duì)于所有的設(shè)計(jì)而言受眾群體的需求才是根本，所以圖標(biāo)設(shè)計(jì)必須有針對(duì)性，必須讓用戶滿意，從頭腦風(fēng)暴開(kāi)始就應(yīng)該從受眾群體的角度出發(fā)，而不是像海報(bào)一樣以設(shè)計(jì)師的喜好出發(fā)。圖標(biāo)的設(shè)計(jì)不僅要考慮到圖標(biāo)最本身的功能性，還要考慮到審美疲勞的因素，當(dāng)用戶在長(zhǎng)期使用一個(gè)產(chǎn)品時(shí)，長(zhǎng)久的接觸會(huì)產(chǎn)生厭煩感，所以圖標(biāo)會(huì)不定期的進(jìn)行更換，這種更換是在原有圖標(biāo)的基礎(chǔ)上進(jìn)行調(diào)整而不是推翻，整體推翻會(huì)讓用戶產(chǎn)生陌生感，從而降低用戶的情感訴求。

3 圖標(biāo)與界面的關(guān)系

圖標(biāo)在界面布局中尤為重要，除了最基本的審美需求以外還需注意平衡效果、規(guī)范效果，以及圖標(biāo)的清晰感，平衡效果在已有的UI界面中體現(xiàn)的非常明確，例如左右平衡、上下平衡、重心平衡等，對(duì)于圖標(biāo)的平衡效果主要表現(xiàn)在多圖標(biāo)的排列上面，例如左右兩邊的留白是否平衡、圖標(biāo)之間的間距是否平衡，在視覺(jué)上上下左右都是均等距離，在數(shù)量上也要平衡，一邊多一邊少的情況也要杜絕，否則少的地方會(huì)顯得空曠，多的地方會(huì)顯得擁擠，圖標(biāo)也不能過(guò)大或過(guò)小，UI界面的范圍都是有所固定，圖標(biāo)太小會(huì)讓用戶難以操作，在視覺(jué)上也顯得小氣，圖標(biāo)過(guò)大會(huì)占用內(nèi)容信息的傳遞，所以圖標(biāo)在UI界面中的平衡效果非常重要。

無(wú)論是界面的范圍、圖標(biāo)的大小、圖標(biāo)的分辨率等都是有一定的規(guī)范的，不能隨意更改，圖標(biāo)的分辨率嚴(yán)重的影響視覺(jué)效果，如果分辨率太低，圖標(biāo)就會(huì)模糊化，讓受眾難以接受，分辨率太高，圖標(biāo)就會(huì)嚴(yán)重影響軟件的運(yùn)行速度。

圖標(biāo)設(shè)計(jì)對(duì)于用戶和UI而言是共存的關(guān)系，圖標(biāo)的視覺(jué)效果好，會(huì)讓用戶產(chǎn)生良好的第一體驗(yàn)，合理的布局會(huì)讓用戶使用更加輕松，但如果視覺(jué)效果不好，將會(huì)被用戶棄用，并且很難修復(fù)這種印象，即使后期經(jīng)過(guò)調(diào)整也很難改變用戶的心理刻板印象，所以必須在第一次和用戶接觸時(shí)就產(chǎn)生良好的用戶體驗(yàn)。

參考文獻(xiàn)：

[1]張媛.UI設(shè)計(jì)中的視覺(jué)表現(xiàn)[J].大眾文藝，2014.

[2]侯麗霞.用戶界面圖標(biāo)設(shè)計(jì)研究[D].陜西師范大學(xué)，2014.

[3]劉淑純.界面圖標(biāo)的視覺(jué)設(shè)計(jì)與應(yīng)用研究[D].湖南師范大學(xué)，2014.