何冬

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

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

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

0 引言

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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