淺議UI設計中的圖標設計技巧與運用

何冬

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

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

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

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

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

1 圖標的表現形式類別

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

2 圖標的規范要求

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

3 圖標的個性化要求

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

4 圖標的圖形視覺形式

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

5 圖標的色彩要素

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

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

參考文獻：

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

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

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