Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Studio E_Co-Busseto_Patto dei Sindaci28112012
Next

Share

Android icon

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

Related Books

Free with a 30 day trial from Scribd

See all

Android icon

  1. 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. 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. 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. 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
  5. 5.  Hiển thị trên Home Screen và Android Market  Do’s and Don’ts - DO - ĐƠN GIẢN
  6. 6. 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
  7. 7.  Hiển thị trên thanh Menu bar  Style: gồm Gradient, Inner Shadow, Bevel & Embross  BO GÓC 2px
  8. 8. Do’s and Don’ts
  9. 9.  Icon hiển thị trên Action bar  Action bar action bar icon
  10. 10.  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%
  11. 11.  Hiển thị trên Status bar
  12. 12.  Style: Phẳng Nền transparent  Fill color: trắng #ffffff
  13. 13.  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)
  14. 14.  Style: 1. Fill gradient:90°, from #828282 to #919191 2. Inner shadow:#FFFFFF, 10% opacity angle 90° distance 1px size 0px
  15. 15. 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
  16. 16.  Dos and don’ts
  17. 17.  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
  18. 18.  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
  19. 19.  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 ! 
  • Bwalalala

    Aug. 23, 2015
  • thichmynhan

    Dec. 23, 2014

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

Views

Total views

3,875

On Slideshare

0

From embeds

0

Number of embeds

9

Actions

Downloads

0

Shares

0

Comments

0

Likes

2

×