何冬

摘 要：在UI設計中，圖標設計是其重要的構成元素，也是不可或缺的重要元素，并且其圖標設計往往不是單獨在界面中呈現(xiàn)，而是多個圖標并列存在，一般以同色系、同輪廓、同表現(xiàn)形式等形成系列風格。因為圖標在界面中同用戶產生直接的交互關系，也是最直接的視覺表現(xiàn)，所以其設計定位、設計思路、設計技巧等一定在設計之初就明確，然后通過草圖、討論、修改、電腦制圖等設計過程完美的將圖標呈現(xiàn)，再根據界面的整體效果進行圖標運用，這樣才能做出優(yōu)秀的圖標設計。

關鍵詞：UI設計；圖標設計；技巧；用戶

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

UI設計已是現(xiàn)代設計領域的重要組成部分，因為手智能手機用戶的數(shù)量不斷突破新高，UI設計的重要性更加受到企業(yè)、市場、設計師的重視。當下較為流行的UI設計基本是以審美需求占據主要設計市場，所以很多設計師會將個人的喜好和藝術表現(xiàn)方式運用在圖標設計上，往往會忽略用戶的體驗感，特別是在諸多UI設計中，會讓用戶產生千篇一律、使用麻煩、識別錯誤等情況。那么如何在圖標設計中既能具備設計師的設計風格，又能保證UI界面的整體視覺，還能讓用戶產生良好的體驗感，以此提升軟件的活性和生命力，這是設計師的使命和責任。

當一款APP產品出現(xiàn)在用戶手中后，除了其功能的獨特性來作為占據市場的因素外，其UI設計能被受眾所接受和認可，才是對設計師能力進行確認的標準，也是一款產品在市面上流行的根本。任何脫離受眾的設計都是失敗的設計，手機APP亦然如此，甚至更為強烈，手機作為當下受眾隨身放置的產品，受眾隨時隨地都能進行使用，經過長期的接觸，其錯誤設計更是會被發(fā)現(xiàn)并且缺點被無限放大，所以和手機相關的產品必須盡善盡美。優(yōu)秀的圖標設計不僅能完美的展現(xiàn)軟件功能，還能和界面整體完美的融合，這就需要設計師較為深厚的設計功底和審美藝術，圖標的美觀性和功能性并重，才能符合市場的需求、用戶的需求、企業(yè)的需求。

1 圖標的表現(xiàn)形式類別

圖標設計風格進過近幾年的發(fā)展主要分為擬物風格、扁平化風格、線性風格、文字風格等，最被市場認可APP其圖標以擬物風格和扁平化風格為主，在特定情況下才會出現(xiàn)文字風格，就像在含義復雜的情況下，用圖形不能完整且準確的進行表述時，就會直接使用文字來表達。但不管何種設計風格，都必須遵循UI設計的設計原則、色彩搭配原則，然后再進行合理的運用才能符合當下UI界面的需求。

2 圖標的規(guī)范要求

圖標的設計原則首要的就是要了解設計規(guī)范，因為不同的系統(tǒng)都有其不同的規(guī)范，如蘋果和安卓，如手機屏幕的大小、分辨率等，都不盡相同，所以特別是作為UI設計的初學者，首要的任務就是學習并掌握其規(guī)范，才能進行更好更迅速的設計。其次是會圖標的圖形設計定位，一般而言常用的圖標圖形是圓形或者方形，這兩種圖形能和界面的融合更加融洽，多個圖標排列時也更加規(guī)整，當然也有特異圖形存在，例如使用擬物化的剪影，擬物化的輪廓圖形等，但是從視覺習慣而言，受眾還是喜歡規(guī)整一點的圖形，這也能讓圖標更加的清晰，也更加符合受眾的習慣，因此圓形和方形成為了圖標圖形的主流設計方式。

3 圖標的個性化要求

要想讓圖標成為一個優(yōu)秀的設計，還需要注意圖標的個性化體現(xiàn)，我們再諸多APP中可以看到很多圖標的設計大同小異，例如購物就是呈現(xiàn)一個擬物化的一個購物車、付款就是一個擬物化的錢包，這些設計都欠缺了個性化元素，特別是蘋果手機中的圖標設計更為明顯。一款能準確的表述其功能含義，能完美的和界面融合，能和市面上的同類圖標變現(xiàn)出差異性的圖標設計才更能抓住受眾的心，才能吸引受眾的關注。

4 圖標的圖形視覺形式

除此之外，圖標設計還必須符合界面的整體視覺效果，既能做到在界面中醒目，又能不破壞界面的整體設計是非常困難的，一般設計師會使用簡化圖標設計，用簡潔來奪目，并不破壞其整體性，但是這樣的圖標設計表現(xiàn)張力就會有所不足，用戶的記憶也會因為其簡潔性而受到影響，就如扁平化風格的圖標設計，扁平化風格設計摒棄了傳統(tǒng)的設計風格，圖標裝飾元素、花紋、肌理、復雜的漸變、圖形的多樣性處理等藝術表現(xiàn)形式都被棄用，讓圖標更為簡潔、圖標語言更加明顯，圖標的功能性得到加強。扁平化風格設計更多的是強調主題含義的表達，用較為簡單的圖形、線條、色塊來完成，并將具象的事物進行抽象化的處理，抽象的符合其嚴謹性沒有具象圖形高，呈現(xiàn)的畫面效果可以進行夸張等手法，這樣就減輕了設計師的造型難度，既能節(jié)約時間成本，又能達到很好的視覺效果，因此才會在現(xiàn)在被設計師廣泛運用。

5 圖標的色彩要素

為了使界面整體視覺效果優(yōu)秀，圖標設計醒目，就必須要做到圖標設計的創(chuàng)新，這就要求圖標的圖形設計、圖案設計、色彩運用等都要符合界面內容，還要準確的表述功能內容，以及符合大眾審美、色彩訴求等要求，如果整個界面的圖形較為自由活躍，圖標圖形的定位就要活躍，不能死板，圖案的設計也要根據界面整體來確定，界面圖形簡潔，圖標圖案就要適當?shù)母鼮槌鋵嵰稽c，界面圖案復雜，圖標圖案就要適當?shù)暮啙嵰稽c，色彩的運用一定要在符合用戶的色彩需求上搭配好界面整體的關系，不能因為色彩心理的潛在因素影響到用戶的使用清晰，特別是視覺沖擊力較大的色彩需要謹慎使用，如使人心理緊張的紅色，容易激起用戶的清晰，例如深沉的黑色，也不能在圖標中大量的使用，根據APP的使用群體不同色彩的使用也不相同，例如女性和男性、年老和年少等。

圖標設計完成后一定不能急于使用，一定要多方面的比較，和同類型產品的圖標進行比較，和大型企業(yè)的APP界面進行比較，或者進行一定時間、一定范圍的試運行，并進行公司內部和使用群體的調研，嘗試找出界面的視覺問題和交互漏洞，這樣才能對產品有一個更好的了解，經過調研查找出問題后進行修正，才能在市場上具備競爭力。

參考文獻：

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

[2]李倩.基于用戶體驗的UI界面中圖標設計研究[D].沈陽師范大學，2018.

[3]羅仕鑒，龔蓉蓉，朱上上.面向用戶體驗的手持移動設計軟件界面設計[J].計算機輔助設計與圖形設計學學報，2010.