Creating Graphics ForMobile Devices
SCREEN SIZE &   RESOLUTIONFacts Each mobile device has a different size & resolution The difference can be observed even...
SCREEN SIZE &  RESOLUTION                  Small                 Screen Large             SizeScreen  Size
SCREEN SIZE & RESOLUTION
SCREEN SIZE &   RESOLUTIONTip Create multiple graphics of different sizes and  resolutions for different devices
FLEXIBLE   DESIGNFacts Except for Blackberry most other smart phones have  G-sensor G-sensor understands the orientation...
FLEXIBLE     DESIGN               Horizontal or                Landscape                OrientationVertical or PortraitOri...
FLEXIBLE   DESIGNTips Apply the fundamentals of fluid layout Use background images in application in tiled or  stretched...
COLORSFacts Amongst the smart phones, HTC & Blackberry  support 65K colors iPhone & Nokia support 16M colors
COLORS65K color  Image (16 bit)              16M color                Image               (24 bit)
COLORSTip In Adobe Photoshop, correct colors by setting  ‘Proof Setup’ under ‘View’ Menu to  ‘Macintosh RBG’ on Windows P...
IMAGE  FORMATSFacts .gif format has either opaque or fully transparent  pixels .png has up to 254 levels of partial tran...
IMAGE   FORMATS .pngimage              .gif             image
IMAGE  FORMATSTip Make .png your preferred format (as against .gif) as it has greater color depth and is fully lossless w...
ANIMATIONS,   AUDIO & VIDEOFacts Most smart phones don’t support Flash (currently)
ANIMATIONS,AUDIO & VIDEO
ANIMATIONS,AUDIO & VIDEO
ANIMATIONS,  AUDIO & VIDEOTips Call images in a sequence through programming Create animations in Flash and convert that...
Upside Learning Solutions Pvt. Ltd         www.upsidelearning.com      Email : info@upsidelearning.com
Upcoming SlideShare
Loading in …5
×

Creating Graphics For Mobile Devices

8,747 views

Published on

Creating Graphics for Mobile Devices is a challenging task. Find Tips for Creating Graphics for Mobile Devices.

Published in: Technology, Art & Photos
3 Comments
8 Likes
Statistics
Notes
No Downloads
Views
Total views
8,747
On SlideShare
0
From Embeds
0
Number of Embeds
675
Actions
Shares
0
Downloads
188
Comments
3
Likes
8
Embeds 0
No embeds

No notes for slide

Creating Graphics For Mobile Devices

  1. 1. Creating Graphics ForMobile Devices
  2. 2. SCREEN SIZE & RESOLUTIONFacts Each mobile device has a different size & resolution The difference can be observed even between different models from same manufacturer (except iPhone)
  3. 3. SCREEN SIZE & RESOLUTION Small Screen Large SizeScreen Size
  4. 4. SCREEN SIZE & RESOLUTION
  5. 5. SCREEN SIZE & RESOLUTIONTip Create multiple graphics of different sizes and resolutions for different devices
  6. 6. FLEXIBLE DESIGNFacts Except for Blackberry most other smart phones have G-sensor G-sensor understands the orientation of the phone and displays information accordingly – in landscape or portrait - depending upon how the handset is held
  7. 7. FLEXIBLE DESIGN Horizontal or Landscape OrientationVertical or PortraitOrientation
  8. 8. FLEXIBLE DESIGNTips Apply the fundamentals of fluid layout Use background images in application in tiled or stretched mode Design separate images for each model to fit the screen (for Blackberry apps)
  9. 9. COLORSFacts Amongst the smart phones, HTC & Blackberry support 65K colors iPhone & Nokia support 16M colors
  10. 10. COLORS65K color Image (16 bit) 16M color Image (24 bit)
  11. 11. COLORSTip In Adobe Photoshop, correct colors by setting ‘Proof Setup’ under ‘View’ Menu to ‘Macintosh RBG’ on Windows PC while creating graphics for iPhone
  12. 12. IMAGE FORMATSFacts .gif format has either opaque or fully transparent pixels .png has up to 254 levels of partial transparent pixels .png allows you to take full advantage of alpha transparency
  13. 13. IMAGE FORMATS .pngimage .gif image
  14. 14. IMAGE FORMATSTip Make .png your preferred format (as against .gif) as it has greater color depth and is fully lossless with variable transparency
  15. 15. ANIMATIONS, AUDIO & VIDEOFacts Most smart phones don’t support Flash (currently)
  16. 16. ANIMATIONS,AUDIO & VIDEO
  17. 17. ANIMATIONS,AUDIO & VIDEO
  18. 18. ANIMATIONS, AUDIO & VIDEOTips Call images in a sequence through programming Create animations in Flash and convert that to video formats that the smart phones support
  19. 19. Upside Learning Solutions Pvt. Ltd www.upsidelearning.com Email : info@upsidelearning.com

×