Lược dịch từ Android UI Guidelines

1.  Có 7 loại icon :
- Mỗi loại icon đc android quy định size và
style riêng
- Kích thước icon phụ thuộc vào kích thước
màn hình
- Có tất cả 16 kích thước màn hình Android
tuy nhiên ở VN 3 màn hình mobile chủ yếu
là 240 x 320, 320 x 480, 480 x 800.

2. Low Medium density High density Extra high
density (160), mdpi (240), hdpi density
(120), ldpi (320), xhdpi
Small 240x320 480x640
Normal (240x400) 320x480 480x800 640x960
(240x432) (480x854)
600x1024
Large (480x800) (480x800)
(480x854) (480x854)
600x1024
†
Extra 1024x600 (1280x800) 1536x1152 2048x1536
Large 1024x768 1920x1152 2560x1536
1280x768 1920x1200 2560x1600

3. ST Icon name Ldpi Mdpi Hdpi Xdpi
Tn Mobile Mobile Mobile Tablet
1 Launched icon 36x36, 48x48 72x72 96x96
512x512 512x512 512x512 512x512
2 Menu 24x24 32x32 48x48
3 Action bar 18x18 24x24 36x36 48x48
4 Status bar 18x18 24x24 36x36 48x48
5 Tab icon 42x42 28x28 22x22
6 Dialog icon 24x24 32x32 48x48
7 List view icon 24x24 32x32 48x48

4.  Nên dùng 1 số loại size cố định cho
android icon.
 Nên tạo ra 3 bộ size icon phù hợp với 3
loại màn hình mobile high-, medium-,low-
density là 24 x 24, 48 x 48, 512 x 512

7.  Hiển thị trên Home Screen và Android Market
 Do’s and Don’ts
- DO
- ĐƠN GIẢN

8. DON’T
XIN ĐỪNG APPLE HÓA E ! :’’
- Ko nên crop
- - Ko nên dùng đổ bóng trừ khi chất liệu icon có bóng

11.  Hiển thị trên thanh Menu bar
 Style: gồm Gradient, Inner Shadow, Bevel & Embross

BO GÓC 2px

14. Do’s and Don’ts

15.  Icon hiển thị trên Action bar
 Action bar action bar
icon

16.  Style, color, effect
 File lưu: Transparent, 32 bit-PNGs, dùng chung
1 effect cho 1 bộ icon như sau
1. Fill : #333333
Opacity : 60%
Fill: # ffffff
Opacity: 80%

17.  Hiển thị trên Status bar

18.  Style:
Phẳng
Nền transparent
 Fill color: trắng #ffffff

19.  Hệ thống sẽ tự động opacity 40% và giảm độ sáng
khi đặt icon lên status bar
 SBIcon trên thanh status bar (trên)
 và kích thước thật (dưới)

20.  Style:
1. Fill gradient:90°,
from #828282 to #919191
2. Inner shadow:#FFFFFF,
10% opacity
angle 90°
distance 1px
size 0px

22. Red box: diện tích lớn nhất của icon
Blue box: diện tích nhỏ nhất của icon
 Có 2 loại : Selected và Un-selected
+ Unselected:
Fill: #808080
+ Selected:
Fill: #FFFFFF
Outer glow: #000000, 25%
opacity, size 3px

23.  Dos and don’ts

24.  Hiển thị trên trang Pop-up
 File pts:
 Viền 1 px quanh diện tích đặt icon
 Transparent background.
 Round: anti – alias
 Gradient overlay
 Bottom: r223, g223,b223
 Top: r249,g249,b249
 bottom color location: 0%
 top color location: 75%
 Inner shadow: black, 25%opacity
 Angle – 90, distance 1px
 Size 0px

25.  Hiển thị trên các thanh list. VD như Setting list
 File pts:
 Viền 1 px quanh diện tích đặt icon
 Transparent background.
 Round: anti – alias.
 Background: black, standard
 system color
 Inner shadow: black, 57%opacity
 Angle 120, blendmode normal,
 Distance 1px, size 1px

26.  Lược dịch từ Adroid UI guidelines
Người dịch: Ngô Thanh Hoa
Tài liệu đính kèm: Adroid Icon Set
Thank you ! 