KET 在線
模擬測(cè)試
小程序在線模擬測(cè)試
PET 真實(shí)
考場(chǎng)模擬
OPFUN Talk萌課堂,專注青少在線語(yǔ)言啟蒙!——寰宇咨詢中心資訊網(wǎng)
上海 18761612306
什么是圖標(biāo)?
其實(shí)正確打開方式是這樣的!ico圖標(biāo)其實(shí)是icon file的縮寫形式,它是基于windows而開發(fā)的一個(gè)圖形格式,大多用于電腦,手機(jī)或其它設(shè)備中為各種文件,應(yīng)用程序或快捷方式設(shè)置的一種圖形標(biāo)志。想必大家看完以后會(huì)對(duì)什么ico圖標(biāo)有一個(gè)初步的印象了。那么我們?cè)賮砜纯磮D標(biāo)的一些分類,各有什么區(qū)別特點(diǎn)!
圖標(biāo)的分類
按功能分類圖標(biāo)分為:1、啟動(dòng)類圖標(biāo),2、系統(tǒng)圖標(biāo)
1、啟動(dòng)類圖標(biāo)
2、系統(tǒng)圖標(biāo)
系統(tǒng)圖標(biāo)也是現(xiàn)階段在我們手機(jī)屏幕上出現(xiàn)最多的圖標(biāo),在app界面中是不可或缺的一部分!那什么是系統(tǒng)圖標(biāo)呢?比如像返回,刪除,保存等代表當(dāng)前功能,或操作的一類圖標(biāo)我們稱之為系統(tǒng)圖標(biāo),這種圖標(biāo)的要點(diǎn)在于簡(jiǎn)潔,易認(rèn),也就是辨識(shí)度高就行了。(如下圖所示)
按設(shè)計(jì)形式分類分為扁平化圖標(biāo)和擬物化圖標(biāo)
1、扁平化圖標(biāo)
扁平化設(shè)計(jì)特點(diǎn):簡(jiǎn)潔,清新,設(shè)計(jì)感強(qiáng),沒有更多的細(xì)節(jié)與特效修飾。直接明了的表達(dá)出出圖標(biāo)的本意。缺點(diǎn)是識(shí)別性差。
2、擬物化圖標(biāo)
特點(diǎn),精致,細(xì)膩,識(shí)別性強(qiáng),比較接近真實(shí)物品,但是就是因?yàn)閿M物化比較接近真實(shí)物品,所以在繪制的過程中具有一定的難度,在ui設(shè)計(jì)圖標(biāo)發(fā)展至今,已經(jīng)漸漸的淡出了用戶的視野,全面的被扁平化圖標(biāo)所代替了!為了讓大家了解,還是給大家展現(xiàn)一下
說完圖標(biāo)的分類之后呢,當(dāng)然本篇文章并還沒有完,接下來我們來說說如果叫你來設(shè)計(jì)這些圖標(biāo)我們需要去遵循什么原則呢?那么我就來歸納一下我們?cè)趯W(xué)習(xí)或者設(shè)計(jì)過程中需要遵循的一些圖標(biāo)設(shè)計(jì)原則!主要有以下幾點(diǎn):
1、可識(shí)別性原則
可識(shí)別性原則即清晰明了的表達(dá)清楚相應(yīng)的功能和和操作。通俗的講就是用戶一眼看過去就知道它是做什么的。比如撥打電話圖標(biāo),用戶不需要看文字只需要看圖標(biāo)就知道是撥打電話用的!這樣才能使用戶的體驗(yàn)達(dá)到滿意!否則的話就等于是廢的設(shè)計(jì)!
2、差異性原則
這個(gè)差異性講的就是圖標(biāo)與圖標(biāo)之間的差異,如果說每個(gè)圖標(biāo)彼此之間很相似,就會(huì)很難分辨這樣就很可能導(dǎo)致用戶群體的誤操作!切不可模棱兩可。所以這點(diǎn)也是至關(guān)重要的!
3、統(tǒng)一性原則
這點(diǎn)在我們?cè)O(shè)計(jì)主題圖標(biāo)也好,系統(tǒng)圖標(biāo)也好,是必須要遵循的一點(diǎn)!統(tǒng)一性原則表現(xiàn)在形狀,樣式等風(fēng)格層面有共同點(diǎn),這樣讓人看起來就會(huì)賞心悅目,已經(jīng)更能受到用戶的喜愛!
4、尺寸大小尺寸與格式。
圖標(biāo)一般有以下幾種尺寸
ios
Android
圖標(biāo)有以下幾種格式
png , jpg ,svg
我們都知道兩點(diǎn)之間最短的距離是直線,那么在我們職業(yè)人生中如果要少走彎路,就要必須清晰的定義好自己的目標(biāo)或方向,再加以有效的方式方法付之行動(dòng),從而促使我們更快的走向成功。
如果想要從零學(xué)習(xí)UI設(shè)計(jì)
請(qǐng)加QQ2877261857!
網(wǎng)站導(dǎo)航
熱點(diǎn)關(guān)注