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

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

　　二、圖標(biāo)的分類

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

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

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

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

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

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

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

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

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

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