圖標設計的意思是什麼?資深UI設計師告訴你圖標的含義!

接觸圖標就是從手機的界面,很簡單的直觀視覺體驗,從未考慮過它到底爲什麼這麼設計,用的每個界面圖標都是因爲好看精緻,完全沒有考慮它的設計理念,學習圖標從它的分類,它的製作方式,它的意義開始。

什麼是圖標?

圖標是具有指代性的計算機圖形,具有高度濃縮並快速傳達信息和便於記憶的特點。圖標的應用範圍非常廣泛,從各種軟硬件到現實生活到處都可以看到各種圖標的影子,可以說我們的生活離不開圖標。

圖標設計的原則

在UI界面設計中,圖標設計佔據很大的比例。圖標一般都是爲軟件提供單擊功能的,瞭解其功能後要在其易辨認上下工夫。

總體來說,圖標設計應該遵循以下幾個原則:可識別性、與環境協調、差異性、創造性和視覺效果原則。

圖標設計的意義:

隨着科技的高速發展,人們對各種軟件界面的美觀程度有了更高的要求,而作爲圖形界面的關鍵部分,圖標設計自然也越來越受到設計者的重視,相信大家也見到過質感強烈、鬼斧神工的圖標。

圖標的種類

線性圖標、填充圖標、單×××標、扁平化圖標、手繪風格圖標、擬物化圖標 。下面着重介紹一部分圖標。

線性圖標:線條的藝術。

特點:圖標是由一條等粗細度線條構成的圖形,相比面形圖標會比較有細節的表現空間,控制線條的粗細和構型能夠有很多樣的視覺表現;

應用場景:通常應用在小的功能入口,起到指代功能的作用;

設計要點:線條粗度需整套一致、構型飽滿、大小上要視覺統一、視角一致(一般都是正視圖的圖標,中間不要插入一兩個俯視圖或者類似側軸的角度 )、圓角統一。


填充圖標:以MBE爲代表的圖標風格。

這種類型的圖標,可以說是面形圖標和線形圖標的完美結合,採用線條構型然後在內部填充顏色。

特點:比較新穎,有較多的表現空間;

應用場景:通常應用在比較有張力,需要個性的產品需求中;

設計要點:線條統一、配色統一、大小視覺上統一。


擬物圖標:致力於創造類似真實世界的圖標。

這是喬布斯時代IOS的代表設計風格,初衷是:希望這第一批進入智能手機世界的用戶,能用現實世界順滑地過渡到虛擬的操作中。

設計要點:超現實的擬物、結合使用場景進行構型、質感表達到位、光影合理。

雖然現在擬物圖標已經被時代淘汰了,但是我還是很鼓勵,很多朋友去做一些擬物的練習,因爲這能夠一定程度上,鍛鍊了自己的質感表現、構型和光影的控制這些技法,對以後的設計事業,還是很有幫助的——雖然這種練習會花費很長時間。


作爲UI界面設計的關鍵部分,圖標在UI交互設計中無處不在。一套成功的圖標設計不僅需要質感精美,引人眼球,更重要的是具有良好的可用性。一般來講,具有強烈質感的圖標可以爲網頁增添亮點,給瀏覽者留下深刻的印象。經過系統的學習並製作圖標,才發現真正的理解還需要很長的時間。多學習,多練習,以後一定會做的更好。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章