手機(jī)APP圖標(biāo)設(shè)計常識:線形圖標(biāo)的風(fēng)格繪制

之前25學(xué)堂分享了什么樣的icon圖標(biāo)才算是好的APP圖標(biāo)設(shè)計呢小白自學(xué)APP設(shè)計:教你如何制作APP桌面圖標(biāo),今天繼續(xù)跟大家聊聊手機(jī)APP圖標(biāo)設(shè)計干貨,算是給大家一些好的APP圖標(biāo)設(shè)計知識分享。

如下圖就是很好的應(yīng)用了線形圖標(biāo)的APP設(shè)計作品。

APP個人中心界面設(shè)計

 

一般來說,app的每個層級的icon一般來說是表達(dá)不同功能,因此形態(tài)、實際面積上其實是會有差別的。但是在一定范圍內(nèi),不同icon給用戶呈現(xiàn)的面積感應(yīng)該是一樣的。

在考慮icon是選用線型icon還是面型icon的時候,一定要從功能出發(fā)開始考慮,要考慮用戶在看到這個icon的時候的點擊感。

總體來說,圖標(biāo)選用的線形越來細(xì),識別度相對越低,但同時更容易給人以精致的感覺,越粗識別度越高。

如果你需要下載線性圖標(biāo),點擊下載? ? ? 如下圖所示:就是線性圖標(biāo)。

4px線性圖標(biāo)下載

 

下面我們就跟隨25學(xué)堂的小編重點看下如何設(shè)計線形圖標(biāo)。

線性圖標(biāo)設(shè)計知識

1px線形圖標(biāo):

目前我們APP設(shè)計基本很少用,甚至不用,在在retine屏幕下很細(xì),不過用在橫線和豎線方面居多。

 

2px線形圖標(biāo):

由于在retine屏幕下,只顯示非常細(xì),相對識別度低,但容易給人以精致、時尚的感覺。在一些時尚類app會考慮使用2px的icon。

 

3px線形圖標(biāo):

更多的會應(yīng)用在一些工具性產(chǎn)品,因為它更穩(wěn)定,且不會過分加重視覺圖標(biāo)在整體界面中的比例。

 

4px線形圖標(biāo):

4px的圖標(biāo)相較于2px、3px的圖標(biāo),更加厚重,做得好的話容易給人年輕、潮流的感覺。但同時4px圖標(biāo)在整體界面中的視覺占比會比較重,因而在圖標(biāo)大小和留白的比例處理上需要斟酌恰當(dāng)才行。

再來看看線性圖標(biāo)應(yīng)用的APP設(shè)計案例:

music_player_1x (1)音樂APP設(shè)計模板素材app設(shè)計實戰(zhàn)案例

美食APP設(shè)計 fudi-side

這樣的APP設(shè)計案例很多,很多,值得大家根據(jù)自己APP的產(chǎn)品功能,選擇合適是線性圖標(biāo)設(shè)計方案。

 

每天更新,
全站高品質(zhì)素材免費下載!