圖標設計及作用分析「交互設計圖標有哪些功能」

近幾年來，隨著互聯網的不斷變化，從而讓UI設計的工資變得非常的高，因為有互聯網的地方就需要UI設計師。UI設計目前的工資處於平均月薪過萬，設計界工資全國第一的程度。

大家知道現在的UI設計逐漸趨向極簡風和質感，加上人們的注意力集中時間在快速下降。所以作為一個UI設計師，設計好一個傳達效率高的圖標是非常有必要的。如今的用戶界面中，圖標絕對是不可或缺的元素。雖然絕大多數的圖標都很小，甚至不被人注意到，但是它們幫助設計和用戶解決了許多問題。圖標是可用性和導航的關鍵，用戶能夠感知到圖標的功用，但是只有設計師才會明白，想要讓圖標簡約、可用還富有表現力，要耗費多少時間和精力。今天千鋒武漢UI設計培訓小編就帶大家從零開始了解一下圖標。

一、什麼是圖標設計

了解圖標之前我們首先要明白圖標存在的意義。

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

二、圖標的分類

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

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

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

三、圖標的設計風格

根據設計風格的不斷演變，圖標也產生了很多種不同的風格變化，其中最常見的幾種是：

面性圖標——性質：穩定、安全、強調分量感，體量較重；往往用於分割層次，區分信息的重要程度；使用時需要仔細考慮信息層級與文字搭配時的體量比例。

線性圖標——性質：輕盈、連貫、精緻，體量較輕；往往用於整體觀感精緻簡約風格的頁面設計；但是過大面積的使用容易使頁面產生過於輕浮沒有重心的感覺。

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

面+面——採用配色與其他視覺元素呈現出的稍複雜圖形，與線+面的形式類似，與審美氣質與設計風格的選擇有較強關聯，設計師在其中可以更加靈活的運用色彩；相對於功能性圖標來說更適用於裝飾性圖標。

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

今天千鋒武漢UI設計培訓小編給大家帶來的內容到這裡就結束了，希望能對大家有所幫助。當下UI設計師依然有廣闊的發展前景，企業都人才的需求也相當緊迫，所以說，現在加入學習UI設計的行列不是盲目之舉，卻是就業的一個不錯的選擇！

想早日學好UI設計，擁有真實的項目經驗，千鋒武漢UI設計培訓機構是你的明智之選。千鋒武漢UI設計培訓課程涵蓋手繪基礎課程、平面設計(學到軟體PS、AI )、Web網頁設計(學到軟體C4D )、移動界面設計(學到所有設計軟體)、 交互設計及工作流程(學到AE動效軟體)C4D三維設計、H5推廣頁面設計等知識點。並且，千鋒武漢UI設計培訓課程由專業講師全程護航，面對面教學，分階段授課，多維度把控，最大限度調動學員的積極性與創造性，舉一反三強化技術，採用真實的商業案例教學，學員能掌握從產品到原型的落地，從原型到界面的實現，從界面到動效的demo，怎樣與程序員對接等工作。