何冬

摘 要：UI設計中的圖標設計是用戶與APP產(chǎn)品最直接的一種互動，曾經(jīng)的圖標設計以蘋果手機的界面及圖標為潮流導向，甚至很多UI設計風格和蘋果界面及其相似，但現(xiàn)在卻處于百花爭鳴的狀態(tài)，設計風格也越漸豐富，如扁平化風格、簡約風格、歐美風、中國風等，使用戶的選擇也越來越多，但對于設計師而言挑戰(zhàn)的難度也在逐漸加大，不斷進行設計上的突破，形成獨具特色的UI界面、圖標設計風格是我們作為設計師必須要走的路。

關鍵詞：UI設計；圖標；設計風格；發(fā)展趨勢

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

UI界面中的圖標設計是界面與用戶的互動之一，也是用戶進行點擊選擇的直接方式，圖標設計的重要性不言而喻，最基本的識別性和引導性是圖標設計最重要的功能，識別性越高、引導性越強，就越能受到用戶的喜愛，在圖標設計上應規(guī)避設計復雜、會出現(xiàn)視覺錯誤、理解錯誤的作品出現(xiàn)。作為圖標設計除了啟動按鈕圖標以外大多都以系列的方式存在，及多個圖標共存，因此在進行設計前要仔細的將系列圖標進行系統(tǒng)性規(guī)劃，確定設計風格、要運用的設計元素、圖標的圖形、圖標的色彩等，要運用較為相同視覺處理方式，并和界面圖形相匹配，達到在視覺上的相互協(xié)調(diào)的關系，但在圖標的內(nèi)部圖形設計上，一定要根據(jù)圖標的功能性設計出圖形的差異感，不能出現(xiàn)不好區(qū)分、視覺引導功能類似的情況。為了贏得用戶的喜愛，圖標的創(chuàng)意性、個性化特征必須得以表現(xiàn)，不斷的挖掘圖標的創(chuàng)意設計，設計出不同類型、不同風格、不同藝術表現(xiàn)形式的圖標才能脫離市面上的圖標的影子，當下市面上較為流行的圖標風格主要有扁平化風格圖標設計和擬物化風格圖標設計，下面就這兩者進行分析，并對UI圖標設計的發(fā)展趨勢進行探討：

1 圖標設計風格分析

1.1 扁平化風格圖標設計

扁平化風格圖標設計現(xiàn)在深受設計師的喜愛，其一是視覺表現(xiàn)效果較好；其二是在進行app應用時，將圖標降低像素后在界面中受到的視覺影響也較小，使用方便；其三是和界面整體風格容易搭配，視覺效果能較為融洽的進行統(tǒng)一。

扁平化風格的圖標設計在設計上更多的是考慮色彩的搭配和圖形的拼接，不再進行過多的色彩漸變運用、高光的應用、陰影的應用，不再過多的運用其他視覺元素的方式，在圖標上直接進行互補色或同色系變化的色塊運用，能讓用戶更為直接的感受到其視覺含義，正是因為這種處理方式，讓用戶的視覺中心更加集中，不再受到其他的視覺元素影響。扁平化風格的圖標設計出現(xiàn)以后讓UI界面的視覺表現(xiàn)更為直接、更加簡潔、更加高效。

扁平化風格在圖標的表現(xiàn)上經(jīng)過設計師的努力也進行了一些改變，具有代表性的有半扁平化圖標設計、具有剪影效果的扁平化圖標設計、文字扁平化圖標設計等，半扁平化的圖標設計較扁平化風格略微復雜，但還是以色塊的形式進行加減，例如可以出現(xiàn)一定的陰影色塊，用以加強立體感、強化圖標中線條的作用，對線條進行修飾上的強化等等形式。具有剪影效果的扁平化圖標設計，圖形的呈現(xiàn)還是以色塊為主，區(qū)別是在于將圖形進行了鏤空剪切設計，在設計上融入了光影的穿透效果，因此在圖標的輪廓上和圖形的色彩對比上更為亮眼，這樣的設計業(yè)能強化視覺效果，只是在界面的其他圖形也應該和其進行呼應，也使用剪影的設計方式，不然界面的視覺效果將不會協(xié)調(diào)。文字扁平化圖標設計就較為簡單了，視覺的審美效果也略微差一些，只是在引導性上更強了。

1.2 擬物化風格圖標設計

擬物化風格圖標設計其實是將具象形圖標和扁平化設計風格相結(jié)合的產(chǎn)物，是設計師將收集到的符合創(chuàng)意及圖標設計要求具象性事物進行色塊的提煉而成，擬物化設計其實就是設計師在既追求事物的原生形態(tài)下進行視覺上的藝術表現(xiàn)，在圖標中的圖形設計和原有形態(tài)基本保持一致，其目的是為了給予用戶在視覺上的認同感，讓用于能在看到圖標的第一時間就能明確了解其含義，例如淘寶APP中的購物車形象、錢包形象、貨車送貨的形象等等，都是較為具象的形態(tài)，設計師借用原形態(tài)的形狀、材質(zhì)、光澤等諸多細節(jié)進行分解提煉設計，以達到在視覺上的高度還原。

擬物化風格圖標設計多表現(xiàn)為帶有一定質(zhì)感效果的輕質(zhì)感擬物風格圖標以及半擬物設計風格圖標，具備一定質(zhì)感的輕質(zhì)感擬物風格圖標主要是運用圖形的漸變、事物的投影、調(diào)節(jié)色塊透明度等方式來表現(xiàn)，在質(zhì)感上相較于一般的擬物化風格運用的元素更多，造型更細致。半擬物風格圖標是指在擬物化風格上進行升華處理，在畫面的層次上進行刪減，完全不運用陰影效果，在色彩的處理上也去掉了漸變效果，在素材的紋樣上也去掉了肌理感，可以說更傾向于扁平化風格圖標。

2 圖標設計的發(fā)展趨勢

相對于傳統(tǒng)的UI圖標設計已經(jīng)從最初的具象圖標到扁平化圖標進行了演變，其中經(jīng)過了多種設計風格的進化，最終才形成了成熟的扁平化風格圖標設計，相較于傳統(tǒng)的圖標設計，扁平化風格圖標有著諸多優(yōu)勢，并成為圖標設計的發(fā)展趨勢。

扁平化圖標的發(fā)展不是一絕而就的，也不僅僅是簡單的因為用戶的視覺審美疲勞而出現(xiàn)的，隨著數(shù)媒的高速發(fā)展，在圖標設計上因為具象圖形的局限性和功能性都受到了影響，視覺效果越漸變差，另一方面是因為傳統(tǒng)的具象圖標在狹小的界面空間中視覺效果較為模糊，因此傳統(tǒng)的圖標設計風格被扁平化風格所取締。

但圖標設計本來就是多元化的設計，根據(jù)產(chǎn)品、企業(yè)、設計師的喜好、受眾的群體等都有不同，所以無論是傳統(tǒng)的具象圖標還是擬物化圖標、扁平化圖標都有一定的市場，他們是共存的關系，風格的確定取決于整體，圖標的作用是讓用戶的操作更為便捷、易懂，視覺美感、視覺沖擊力更強，界面效果的整體性決定了圖標設計的風格。經(jīng)過多年的設計演變，扁平化風格也更被受眾所接受，簡潔的圖標已經(jīng)成為受眾的審美需求習慣，例如錢包、付款、地圖、購物車等簡潔的效果能讓用戶的視覺效果更清晰，定位、交流、發(fā)現(xiàn)等較為抽象的詞匯也更適合扁平化的抽象表現(xiàn)或直接進行文字表現(xiàn)。

參考文獻：

[1]王鈞瓏.移動終端圖標設計的發(fā)展及應用研究[D].西北大學，2015（06）.

[2]夏韜.淺析智能手機圖標擬物化與扁平化的發(fā)展趨勢[J].設計，2017（01）.