移動(dòng)互聯(lián)網(wǎng)的進(jìn)攻:從一個(gè)漂亮的圖標(biāo)開始
寫在前面:
隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展越來(lái)越迅速,手機(jī)和平板的分辨率的不斷進(jìn)化,將你應(yīng)用的主屏圖標(biāo)做的更加清晰和高質(zhì)也變得越來(lái)越重要。那么你知道應(yīng)該如何制作一個(gè)漂亮的 Android 應(yīng)用圖標(biāo)嗎?
對(duì)于一般用戶而言,主屏圖標(biāo)/啟動(dòng)器圖標(biāo) (一般簡(jiǎn)稱應(yīng)用圖標(biāo)) 是一個(gè)應(yīng)用給他們留下的第一印象。隨著手機(jī)和平板的分辨率的不斷進(jìn)化,將你應(yīng)用的主屏圖標(biāo)做的更加清晰和高質(zhì)也變得越來(lái)越重要。要做到這一點(diǎn),你需要確保你做了 XHDPI (320dpi) 和 XXHDPI (480dpi) 分辨率版本的圖標(biāo)置入應(yīng)用。
Android應(yīng)用圖標(biāo)規(guī)范
當(dāng)你打算制作自己的主屏圖標(biāo)時(shí),除了在現(xiàn)成的主屏圖標(biāo)守則之外,請(qǐng)務(wù)必遵循下列同樣重要的一些規(guī)范:
•啟動(dòng)器圖標(biāo)是 48dp 大小的方形,并且需要提供 MDPI, HDPI, XHDPI, XXHDPI 的分辨率大小——最起碼要有 XHDPI 和 XXHDPI 的;
•除缺一些次要的細(xì)節(jié)外,512px 大小的 Play Store 展示用圖標(biāo)應(yīng)該與應(yīng)用圖標(biāo)一致;
•啟動(dòng)器圖標(biāo)需要被設(shè)計(jì)成純粹的 Android 樣式。就像在"純粹的 Android"中提到的,避免模仿其他平臺(tái)的視覺(jué)效果和樣式(譯注:如 iOS 的圓角矩形和水滴高光)。
•啟動(dòng)器圖標(biāo)應(yīng)該是立體的前視圖,而且需要是一定角度的傾斜俯視, 以便于用戶能感受到"深度/厚度"的存在。
具體如何制作漂亮的 Android應(yīng)用圖標(biāo)
1.主屏圖標(biāo)也應(yīng)該有獨(dú)特鮮明的輪廓,這也意味著你需要避開簡(jiǎn)單的方形或者圓形,去選擇獨(dú)特的形狀。(譯注: 四次元和撫波以及 Google 自家的 Google+, Search 等應(yīng)用其實(shí)都沒(méi)能做到這一點(diǎn))
2.在宏觀層面,主屏圖標(biāo)應(yīng)該計(jì)量簡(jiǎn)潔明了。但是在微觀層面,依然不能拋棄豐富的細(xì)節(jié) (如細(xì)致的邊緣效果以及合理的漸變、紋理)。
3.主屏圖標(biāo)應(yīng)該采用輕量的背景防護(hù)比如細(xì)致的輕微的投影,但是別做的太暗或者喧賓奪主。
4.主屏圖標(biāo)應(yīng)該含有 0dp 至 3dp 的邊距,利用不同的邊距來(lái)達(dá)到光學(xué)校準(zhǔn)以及圖標(biāo)視覺(jué)重量的正;
特別需要注意的是平板和其他大屏設(shè)備對(duì)于圖標(biāo)分辨率的要求要比它的自身分辨率大一號(hào),因此你需要盡可能的提供高分辨率版本的應(yīng)用圖標(biāo)。例如,對(duì)于一臺(tái)有著 XHDPI 屏幕的平板而言,主屏圖標(biāo)就需要達(dá)到 XXHDPI 級(jí)別的分辨率。
復(fù)制本文《移動(dòng)互聯(lián)網(wǎng)的進(jìn)攻:從一個(gè)漂亮的圖標(biāo)開始》地址給好友: