龔曉敏

【摘 要】圖標設計在UI中要展現(xiàn)其良好的視覺美感和人性化的用戶體驗。本文主要通過對UI圖標設計的表現(xiàn)形式類別，圖標設計的規(guī)范要求，圖標的圖形視覺形式，圖標的色彩要素四個方面來論述UI圖標設計的應用。

【關鍵詞】UI設計 ;圖標設計;應用

中圖分類號：J524 文獻標志碼：A? ? ? ? ? ? ? 文章編號：1007-0125（2019）34-0134-01

圖標設計在UI 界面設計中要具備個性化、獨特化。在 UI 圖標設計中最直接的作用就是便于用戶識別和記憶。圖標設計中需要考慮的有元素，有圖標的形狀、大小、色彩、表現(xiàn)形式等。在 UI 設計中，圖標設計往往不是單獨在界面中呈現(xiàn)，而是多個圖標并列存在，一般以同色系、同輪廓、同表現(xiàn)形式等形成系列風格。出色的圖標設計既可以全面地體現(xiàn)軟件的功能，也能保證與界面整體的和諧性，圖標設計中美觀性與功能性是同等重要的，只有這樣的設計才是符合市場標準以及用戶需要的。

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

近年來圖標設計風格的主要有擬物化風格、線性風格、文字風格、扁平化風格等?，F(xiàn)在APP的圖標設計流行的是以擬物化風格和扁平化風格為主，無論是針對哪種風格的圖標設計，都需要根據(jù)UI設計的設計原則、配色原則，加以恰當運用才可以切合如今對UI界面的需要。

本文主要以分析擬物化風格和扁平化風格為例。擬物化追求的是與物品本身的相似度，讓人通過造型、質(zhì)感、陰影等效果的運用一眼認出是什么事物，有的可以體現(xiàn)得很完美，有的會給人感覺過于細節(jié)化，以及裝飾感太強。擬物化的設計也會有過分注重形式和缺乏功能性展現(xiàn)的缺點。

扁平化設計是指通過抽象、簡化、符號化的設計元素舍棄高光、陰影和透視感的效果。整體界面給人感受是極簡的。交互的核心就是對功能本身的使用，所以省去了繁雜的界面設計。扁平化的視覺語言是偏向于整體造型的形式美感，圖標主要以簡潔的線條、形狀、漸變配色和適當?shù)脑貋碚宫F(xiàn)。如圖所示

二、圖標設計的規(guī)范要求

圖標設計原則要符合設計規(guī)范，必須要考慮到不同系統(tǒng)的界面要求也不同，例如手機屏幕的尺寸和分辨率都有所區(qū)別。市場上所常見的圖標通常是以圓形或者方形為主，這樣的形狀能夠很好地與界面相融合，也能保證排列時圖標顯得很規(guī)整。圖標設計中也會存在某些特異的圖形，比如擬物化的輪廓形。

在圖標的界面布局設計過程時，需要把控界面里圖標的平衡，視覺清晰度和圖標的標準效果。界面里圖標的平衡就是指圖標圍繞界面四周的平衡關系，如視覺元素的分布是否合理，圖標在界面中是否太分散。圖標在界面中所占的比例是有限的，所以設計師要充分考慮圖標的尺寸，過小的圖標會導致用戶容易識別錯誤信息以及引起視覺疲勞，而過大的圖標不美觀，顯得畫面感太過飽和。

三、圖標的圖形視覺形式

圖標的設計要符合界面的整體視覺效果。設計師通常運用簡化圖標設計，讓圖標在不破壞整體界面環(huán)境的情況下，顯得簡單又引人注目。但是簡潔圖標設計的表現(xiàn)力會有所缺失，也會影響到用戶的記憶，就如同扁平化風格的圖標設計將圖標做得更簡潔化，所以圖標的語言性也表現(xiàn)得更為明顯，這也使圖標的功能性有了一定的提高。扁平化風格設計主要表達突出主題的內(nèi)涵，將具體的事物進行抽象化的設計處理，并通過簡單的圖形、色塊與線條來完成。抽象的圖形設計在造型上沒有具象圖形設計的難度高，可以通過夸張等方式來展現(xiàn)畫面效果，這既可以節(jié)約設計師的時間，又同時能呈現(xiàn)優(yōu)良的視覺效果，所以扁平化的設計風格如今在市場上很流行。

圖標設計在界面呈現(xiàn)時的基本要求是必須能夠保證在畫面當中的清晰度，設計師在進行設計的時候，圖標是可以放大來展現(xiàn)的，但在手機界面中進行查看的時候，圖標的大小是一個固定的狀態(tài)，并不能任意地進行調(diào)整，而且圖標在放入界面應用之前，會對其進行像素的適當調(diào)整，將界面中所運用元素的像素調(diào)小，是為了減輕APP的運行負荷，提升軟件的運行速度。因此對于圖標設計師，要保證既直觀又明確地呈現(xiàn)圖標的功能。

四、圖標的色彩要素

色彩在UI圖標設計時需要引人注目，色彩的選擇要與設計的主題相適應，同時還要與用戶的需求相符，不能用色彩心理的潛在因素去影響用戶的使用選擇，要避免使用視覺沖擊力較大的顏色。例如黑色太過暗淡深沉，而紅色會容易導致用戶心理緊張，這類顏色盡量不要大面積地在圖標設計中運用。

設計師要依照色彩心理的原理，在設計時既要符合功能性，也要滿足用戶需要。圖標設計的色彩選擇上要注意整體界面的和諧搭配，要保持統(tǒng)一性，對于不同的類型產(chǎn)品和使用人群的色彩搭配上也是不同的。使用者以年輕人居多的界面設計，在色彩的選擇上可以更加繽紛亮眼，而對于中老年人應用的APP界面色彩搭配時要沉穩(wěn)，可以以同色性的顏色為主。

綜上所述，本文主要從圖標設計的表現(xiàn)形式類別，圖標設計的規(guī)范要求，圖標的圖形視覺形式，圖標的色彩要素四個方面來分析論述UI設計中的圖標設計。

參考文獻：

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

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