[Android]一些設計細節

1. 圖標

圖標分爲:Launcher 圖標(程序圖標),ActionBar 圖標(菜單圖標),Contextual 圖標(嵌入的小圖標)以及Notification 圖標(通知欄圖標)。每種圖標都有各自的設計準則。spa

不一樣設備的分辨率不一樣,一樣大小的圖標在不一樣設備中的像素不一樣,因此一個圖標須要有多個像素數的版本,使用像素數描述圖標大小很不方便。因此使用單位 dp 描述圖標大小。dp(Density-independent Pixels)是設備無關的,因此不一樣設備上一樣視覺大小的圖標,像素數不一樣,dp相同。在設計中,最好先設計最大的圖標,而後按比例縮小。ldpi不須要進行單獨設計,系統能夠經過縮小mdpi實現。設計

dp、設備分辨率和像素數的簡易對應關係以下:blog

============ ====== =======================================================
  圖標類型   dp數目                        像素數
============ ====== ==mdpi(1)===hdpi(1.5)===xhdpi(2)==xxhdpi(3)=xxxhdpi(4)=
  Lanucher     48       48         72          96        144       192
  ActionBar    32       32         48          64         96       128     
 Contextual    16       16         24          32         48        64
Notification   24       24         36          48         72        96
============ ====== =======================================================
it

1.1. Lanucher 圖標

Lanucher 圖標在程序中的大小必須是 48dp,在應用市場中的大小必須是512x512像素。圖標占滿所佔空間。io

要使用實邊的輪廓,不容許半透明,風格是三維的正視圖,略俯視以體現第三維度。可是要側重於表現前部。程序

1.2. ActionBar 圖標

ActionBar 圖標在程序中的大小爲32dp,而且要在4邊留空各4dp,因此真正的有圖像內容的大小爲24dpim

要使用純色(不必定是實色,能夠半透明),要使用實邊的輪廓。推薦的顏色是:img

  • 淺色背景下 - #33333360% 透明度(正常)或 30% 透明度(不可用)
  • 深色背景下 - #FFFFFF60% 透明度(正常)或 30% 透明度(不可用)

1.3. Contextual 圖標

Contextual 圖標在程序中的大小爲16dp,不須要留邊。co

要使用扁平化風格,要使用突出的色彩。版本

1.4. Notification 圖標

Notification 圖標在通知欄中出現,大小爲24dp,不須要留邊。

要使用扁平化風格,顏色使用純白色(系統會進行調整)

相關文章
相關標籤/搜索