基于用戶體驗的圖標設計要素分析研究

何冬

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

關鍵詞：用戶體驗；圖標設計；UI設計；視覺

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

0 引言

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

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

1 圖標的功能性要素分析

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

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

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

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

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

3 圖標與界面的關系

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

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

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

參考文獻：

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

[2]侯麗霞.用戶界面圖標設計研究[D].陜西師范大學，2014.

[3]劉淑純.界面圖標的視覺設計與應用研究[D].湖南師范大學，2014.