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.

2

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), xhdpiSmall 240x320 480x640Normal (240x400) 320x480 480x800 640x960 (240x432) (480x854) 600x1024Large (480x800) (480x800) (480x854) (480x854) 600x1024 †Extra 1024x600 (1280x800) 1536x1152 2048x1536Large 1024x768 1920x1152 2560x1536 1280x768 1920x1200 2560x1600
  3. 3. ST Icon name Ldpi Mdpi Hdpi XdpiTn Mobile Mobile Mobile Tablet1 Launched icon 36x36, 48x48 72x72 96x96 512x512 512x512 512x512 512x5122 Menu 24x24 32x32 48x483 Action bar 18x18 24x24 36x36 48x484 Status bar 18x18 24x24 36x36 48x485 Tab icon 42x42 28x28 22x226 Dialog icon 24x24 32x32 48x487 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’TXIN ĐỪ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ư sau1. 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 #9191912. 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 iconBlue box: diện tích nhỏ nhất của icon Có 2 loại : Selected và Un-selected+ Unselected:Fill: #808080+ Selected:Fill: #FFFFFFOuter 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,868

On Slideshare

0

From embeds

0

Number of embeds

9

Actions

Downloads

0

Shares

0

Comments

0

Likes

2

×