一、什么是圖標設(shè)計圖標之前我們首先要明白圖標存在的意義。

　　廣義上來說，圖標是指有明確指代意義的圖形。它以單純、顯著、易識別的物象、圖形或文字符號作為直觀語言;除表示、代替具體事物之外，還具有表達意義、情感和指令行動等作用。它不僅是一種圖形，更是一種標識，它具有高度濃縮并快捷傳達信息、便于記憶的特性。研究表明人類的平均注意力正在逐年下降從12秒至8秒。因此，傳遞信息的速度就越來越重要。因此，圖標的“高識別度”，“高度濃縮”，“便于記憶”就非常重要了。

　　二、圖標的分類

　　1、說明性圖標(解釋說明)說明性圖標主要是用來闡述和解釋說明特定的功能或者內(nèi)容，它們并不一定是被點擊直接可操作的UI元素，有時僅僅是作為靜態(tài)頁面對于文字的輔助說明;它們通常也會配有輔助解釋其含義的文案，以提高信息的可識別性，是頁面設(shè)計中使用范圍最廣的一種圖標使用手法。

　　2、交互性圖標(操作指令)這種圖標在用戶界面中不止是展示的作用，還會參與到用戶交互當中來，是不可或缺的組成部分。它們可以被點擊，并且隨之響應(yīng)，最典型的就是點贊的操作了;可以幫助用戶執(zhí)行特定的操作，觸發(fā)相應(yīng)的功能。

　　3、裝飾性圖標(審美輔助)這種圖標通常是用來提升整個界面的美感和視覺體驗，不一定具備明顯的功能性。但它們同樣是重要的。這類圖標在設(shè)計風(fēng)格上的迎合了目標受眾的偏好與期望，具備了有風(fēng)格性的獨特外觀，并且提升了整個設(shè)計的可靠性和友好度。

　　三、圖標的設(shè)計風(fēng)格根據(jù)設(shè)計風(fēng)格的不斷演變，圖標也產(chǎn)生了很多種不同的風(fēng)格變化，其中最常見的幾種是：

　　面性圖標 —— 性質(zhì)：穩(wěn)定、安全、強調(diào)分量感，體量較重;往往用于分割層次，區(qū)分信息的重要程度; 使用時需要仔細考慮信息層級與文字搭配時的體量比例。

　　線性圖標 —— 性質(zhì)：輕盈、連貫、精致，體量較輕;往往用于整體觀感精致簡約風(fēng)格的頁面設(shè)計;但是過大面積的使用容易使頁面產(chǎn)生過于輕浮沒有重心的感覺。

　　線+面 —— 在線性圖標的基礎(chǔ)上填色或者局部填色，使圖標更加個性化，可拓展且靈活, 相較于單純線性或單純面性icon來說更具有特色、年輕化;通常適用于需要強調(diào)的入口，相對于純線性或面性icon較復(fù)雜，不適合小體量場景使用。

　　面+面 —— 采用配色與其他視覺元素呈現(xiàn)出的稍復(fù)雜圖形，與線+面的形式類似，與審美氣質(zhì)與設(shè)計風(fēng)格的選擇有較強關(guān)聯(lián)，設(shè)計師在其中可以更加靈活的運用色彩;相對于功能性圖標來說更適用于裝飾性圖標。

　　2.5D 圖標 —— 也是運用配色搭建的圖標，整體相較于扁平圖標有了立體感，使得對于物象的表達更加清晰不趨同;同樣也趨于裝飾性圖標。擬物 —— 手機界面興起伊始的風(fēng)格，對現(xiàn)實事物元素的超級詳細的模仿與拷貝;用于最初在界面設(shè)計中對于用戶的教育——模擬更真實的實用場景。現(xiàn)在多用于更加個性及細節(jié)化的展示，目前仍廣泛用于游戲場景中。

　　今天UI培訓(xùn)學(xué)校給大家?guī)淼膬?nèi)容到這里就結(jié)束了，希望能對大家有所幫助。