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

李真?張春濤

摘 要：現代信息技術的快速發展，促使UI設計成為了一個十分熱門的行業。對于UI設計來說，圖標是重要的組成部分，在UI設計工作中是不可或缺的，同時由于圖標設計的特殊性，往往圖標會在桌面上排列并存，通過相同色系或者輪廓的方式形成系列的圖標風格。在用戶的應用過程中，圖標是與用戶產生最直接的交互關系的部分，因此圖標的視覺表現就十分重要，這就需要圖標的設計定位、思路以及技巧等十分明確，對于設計師提出了較高的要求。本文針對UI設計工作過程中的圖標設計技巧以及運用進行深入探討。

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

現代化信息技術的產生于發展推動了現代化設計領域的轉型發展，UI逐漸成為了重要的組成部分。隨著智能化電子設備的推廣與普及，UI設計更加受到企業與市場的重視。就當下UI設計的流行趨勢來看，審美需求逐漸成為了設計市場的重要驅動力，因此設計師在設計過程中比較注重突出個人的喜好和藝術表現形式，但是用戶的體驗感逐漸被忽視，特別是在很多UI的設計情況會讓用戶產生千篇一律、使用不簡便等感覺。因此在當前UI設計的過程中，如何在突出個人風格的基礎上提高用戶的體驗感是當前設計師需要思考的問題，這也是設計師的使命和責任。

對于一款APP來說，除了利用本身的功能性獨特來占據市場以外，還需要具有良好的UI設計，只有用戶滿意度高的UI設計，才是對于UI設計師的肯定，這也是一款APP流行的最基本的條件。用戶體驗是UI設計優劣的重要評判標準。任何不被用戶所接受的UI設計都是失敗的。隨著智能手機的普及，手機已經成為了人們生活中的重要組成部分，很多人隨時需要應用手機，因此在這樣長期的接觸之下，一旦設計出現了任何小的疏漏，都會被無限放大，因此手機類的產品必須要做到盡善盡美。在UI圖標的設計領域，優秀的圖標必須要在完美展現軟件功能的基礎上，能夠與用戶的手機界面完美融合，這就對設計師的設計功底以及審美提出了較高的要求，圖標要做到美觀與功能性并重，這樣才能夠做到符合市場與用戶的需求，提高APP的質量。

一、圖標的分類

（一）按照屬性劃分

按照屬性，可以將圖標劃分為啟動圖標和工具欄圖標。啟動圖標是用戶接觸時間最長的圖標類型之一，可以說，啟動圖標就是產品的符號象征，用戶通過點擊啟動圖標達到運行與打開相關產品的目的，啟動圖標的設計要點與標志相類似，是產品與企業的形象象征。但是啟動圖標杜宇可讀性的要求更高，而標志則更注重抽象和企業形象的象征性，主要突出深度。啟動圖標的平臺相對單一，電子屏幕是主要的出現場所，而標志的場所則會更加廣泛，任何平臺都可以。

工具欄圖標是出現于軟件與產品內部的圖標類型，主要起到解說和裝飾的功能，是對工具欄文字的圖標化設計，主要是為了突出界面的設計感，增加用戶在使用過程中的體驗感和趣味性。在工具欄圖標的設計過程中，簡約、概括性和傳達性是主要的設計要求，同時工具欄的設計還具有系列化設計的特征。

（二）按照表現手法劃分

根據表現手法的不同，圖標的設計可以分為擬物化設計和扁平化設計。擬物化設計主要是需要與實物在最直觀的印象上盡量相像，并且通過質感、紋理、陰影等效果來對實物進行展現，讓觀眾能夠在第一時間了解到圖標的具體內容和事物種類，但是在這類圖標的設計過程中，很容易出現設計過于繁瑣的問題，讓人感覺過于追求細節，甚至是裝飾過剩。擬物化設計還具有一個比較突出的缺陷，就是形式化過于嚴重的問題，這會導致功能性不能夠被完美展示出來，將大量時間應用于效果呈現上，會導致形式美被忽視。在UI圖標的設計過程中，擬物化的設計確實曾經引領過一段時間的風潮，在當下階段，擬物化設計已經不能夠很好適應當前的用戶需求。但是不可否認，擬物化設計給設計師們更多的經驗，也鍛煉了很多設計師的技能，是設計師在進行UI設計工作的過程中必須經歷的階段。

與擬物化設計相對的就是扁平化設計，這類設計摒棄了高光、陰影、透視等效果對于圖標的作用，將圖標內容通過抽象和簡化的形式展現出來，將圖標界面變得更加抽象和簡潔，通過矩形的色塊、大號的字體，使得圖標變得更加光滑、更具現代感，讓用戶去體會圖標所表現的元素。而扁平化的設計將交互功能歸納到了使用功能上，去掉了更多冗雜的設計。在扁平化的設計過程中，主要是將圖標的語言表現變得更加符號化或者簡約化，更加注重造型的形式美，摒棄了過多突出細節的設計。簡單來說，扁平化設計就是通過簡約的線條、形狀以及漸變形式的配色等來突出主要元素，更加奪人眼球，提高用戶的關注度。

二、圖標設計的技巧與運用

（一）規范化

對于圖標的設計來說，了解設計規范是最為重要的原則。由于不同的系統具有不同的規范，比如智能手機應用最為廣泛的兩種系統類型，Android和macOS，兩者在屏幕大小、分辨率等方面均有不同，因此需要采取不同的設計方法。對于UI設計的初學者來說，掌握設計規范是首先要學習的內容，并必須要在第一時間掌握相關規范，只有這樣，才能夠進行更加規范、更加優質的設計。此外，圖標的圖形設計定位也是十分重要的，通常來說，UI設計當中的圖標都會采用圓形或者方形圖標，但是不可否認異形圖標的存在，通過相同屬性的圖標，能夠讓界面變得更加規整，比如擬物化設計過程中的剪影、輪廓等。就大部分用戶的視覺體驗來看，采用相對規整的圖標往往會更受用戶的歡迎，這不僅會讓圖標變得更加清晰，而且還更加符合用戶的習慣，因此在UI圖標的設計過程中，圓形和方形成為了圖標設計的主要形式。

（二）個性化

對于UI圖標的設計來說，個性化也是圖標設計的重要因素。從當前應用眾多APP的圖標當中可以發現，當前大部分APP的圖標設計都存在大同小異的問題，最突出的特點就是擬物化的問題，直接將所表現的內容通過擬物化的方式呈現出來，這些設計普遍都具有缺乏個性化的問題，這一點在蘋果手機的圖標設計當中更為明顯。只有能夠在準確表達功能的基礎上，與界面完美融合的圖標才是真正受市場歡迎、能夠吸引受眾關注的好圖標。

（三）視覺形式

視覺形式是除了上述兩個要素之外在UI圖標設計過程中還需要注意的一個問題。良好的視覺效果是優秀圖標必須要具備的要素，既能夠在界面中醒目，同時又不會破壞界面整體的質感，這對于UI圖標設計來說是十分重要的，這也就對圖標設計時的表現張力提出了很高的要求。通常來說，大部分設計師會選擇簡潔化的設計方式來突出圖標，但是過于追求簡潔化的表現形式會導致圖標的表現張力受到影響，圖標過于簡潔還會導致用戶的印象降低。因此這類問題通?？梢杂帽馄交脑O計方式來解決，扁平化設計方式是將傳統設計風格進行改良，對于圖標裝飾的元素、花紋以及復雜的漸變形式進行改善，使圖標更加簡潔，但是同時又會更加突出圖標語言，提高圖標的功能性。扁平化設計風格強調主題含義，雖然嚴謹性上會比具象化的圖標稍有欠缺，但是畫面效果卻可以采用更加夸張的方式，因而廣泛應用。

三、結束語

整體來看，UI圖標的設計需要設計師投入更多的精力，站在用戶的視角上，采用多種方式去進行設計，提高圖標的設計感和表現張力，更好的為用戶使用。

參考文獻：

[1]何冬.淺議UI設計中的圖標設計技巧與運用[J].山東工業技術，2019（14）：231.

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

[3]梁亮.UI設計中圖標設計探索[J].美與時代（上），2016（06）：76-77.

[4]張旸谷.淺談圖標設計在游戲UI中的魅力[D].福建師范大學，2015.

[5]張亞先.UI設計中圖標設計的釋義方式[J].機械設計，2013，30（06）：107-109.