新聞中心

新聞中心

帶你了解網絡營銷

如何設計一個UI圖標?

2017-06-05 09:17來源:網絡作者:小卓卓網址:http://www.new4tec-iptv.com/瀏覽數:2966 


UI最重要組件之一就是圖標,隨著扁平化設計的發展趨勢,越來越注重圖標的簡潔與寓意表達,平面圖標已占主導地位。卓成科技的設計師對于UI設計有種說不上來的感覺。小編也很無奈??!

什么是圖標?

ico圖標其實是icon file的縮寫形式,它是基于windows而開發的一個圖形格式,大多用于電腦,手機或其它設備中為各種文件,應用程序或快捷方式設置的一種圖形標志。想必大家看完以后會對什么ico圖標有一個初步的印象了。那么我們再來看看圖標的一些分類,各有什么區別特點?

圖標的分類

按功能分類圖標分為:

1、啟動類圖標

這類圖標的典型代表有我們手機上的app應用,在手機界面上的展示狀態就是屬于啟動圖標!比如有微信,qq,酷狗音樂,等。

2、系統圖標

系統圖標也是現階段在我們手機屏幕上出現最多的圖標,在app界面中是不可或缺的一部分!那什么是系統圖標呢?比如像返回,刪除,保存等代表當前功能,或操作的一類圖標我們稱之為系統圖標,這種圖標的要點在于簡潔,易認,也就是辨識度高就行了。

按設計形式分類分為:

1、扁平化圖標

扁平化設計特點:簡潔,清新,設計感強,沒有更多的細節與特效修飾。直接明了的表達出出圖標的本意。缺點是識別性差。

2、擬物化圖標

特點,精致,細膩,識別性強,比較接近真實物品,但是就是因為擬物化比較接近真實物品,所以在繪制的過程中具有一定的難度,在ui設計圖標發展至今,已經漸漸的淡出了用戶的視野,全面的被扁平化圖標所代替了!

圖標設計原則

1、可識別性原則

可識別性原則即清晰明了的表達清楚相應的功能和和操作。通俗的講就是用戶一眼看過去就知道它是做什么的。比如撥打電話圖標,用戶不需要看文字只需要看圖標就知道是撥打電話用的!這樣才能使用戶的體驗達到滿意!否則的話就等于是廢的設計!

2、差異性原則

這個差異性講的就是圖標與圖標之間的差異,如果說每個圖標彼此之間很相似,就會很難分辨這樣就很可能導致用戶群體的誤操作!切不可模棱兩可。所以這點也是至關重要的!

3、統一性原則

這點在我們設計主題圖標也好,系統圖標也好,是必須要遵循的一點!統一性原則表現在形狀,樣式等風格層面有共同點,這樣讓人看起來就會賞心悅目,已經更能受到用戶的喜愛。

4、尺寸大小尺寸與格式

圖標一般有以下幾種尺寸:

ios

Android

還有很多這方面的硬件知識,這里就不做過多闡述。

本文來自網絡,版權歸原作者所有,如侵權請聯系刪除hr@zjgzc.cn