Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo

Creating Graphics For Mobile Devices

•Download as PPTX, PDF•
•
Upside Learning Solutions
Upside Learning Solutions

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

Related slideshows

MMT 28: Adobe »Edge to the Flash«
MMT 28: Adobe »Edge to the Flash«MMT 28: Adobe »Edge to the Flash«
MMT 28: Adobe »Edge to the Flash«
 
Apps for at
Apps for atApps for at
Apps for at
 
Adobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBookAdobe AIR Mobile development for Android and PlayBook
Adobe AIR Mobile development for Android and PlayBook
 
1 of 19
Creating Graphics For Mobile Devices
SCREEN SIZE & RESOLUTION Facts  Each mobile device has a different size & resolution  The difference can be observed even between different models from same manufacturer (except iPhone)
SCREEN SIZE & RESOLUTION Small Screen Large Size Screen Size
SCREEN SIZE & RESOLUTION
SCREEN SIZE & RESOLUTION Tip  Create multiple graphics of different sizes and resolutions for different devices
FLEXIBLE DESIGN Facts  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
FLEXIBLE DESIGN Horizontal or Landscape Orientation Vertical or Portrait Orientation
FLEXIBLE DESIGN Tips  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)
COLORS Facts  Amongst the smart phones, HTC & Blackberry support 65K colors  iPhone & Nokia support 16M colors
COLORS 65K color Image (16 bit) 16M color Image (24 bit)
COLORS Tip  In Adobe Photoshop, correct colors by setting ‘Proof Setup’ under ‘View’ Menu to ‘Macintosh RBG’ on Windows PC while creating graphics for iPhone
IMAGE FORMATS Facts  .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
IMAGE FORMATS .png image .gif image
IMAGE FORMATS Tip  Make .png your preferred format (as against .gif) as it has greater color depth and is fully lossless with variable transparency
ANIMATIONS, AUDIO & VIDEO Facts  Most smart phones don’t support Flash (currently)
ANIMATIONS, AUDIO & VIDEO
ANIMATIONS, AUDIO & VIDEO
ANIMATIONS, AUDIO & VIDEO Tips  Call images in a sequence through programming  Create animations in Flash and convert that to video formats that the smart phones support
Upside Learning Solutions Pvt. Ltd www.upsidelearning.com Email : info@upsidelearning.com

More Related Content

Creating Graphics For Mobile Devices

  • 2. SCREEN SIZE & RESOLUTION Facts  Each mobile device has a different size & resolution  The difference can be observed even between different models from same manufacturer (except iPhone)
  • 3. SCREEN SIZE & RESOLUTION Small Screen Large Size Screen Size
  • 4. SCREEN SIZE & RESOLUTION
  • 5. SCREEN SIZE & RESOLUTION Tip  Create multiple graphics of different sizes and resolutions for different devices
  • 6. FLEXIBLE DESIGN Facts  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. FLEXIBLE DESIGN Horizontal or Landscape Orientation Vertical or Portrait Orientation
  • 8. FLEXIBLE DESIGN Tips  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. COLORS Facts  Amongst the smart phones, HTC & Blackberry support 65K colors  iPhone & Nokia support 16M colors
  • 10. COLORS 65K color Image (16 bit) 16M color Image (24 bit)
  • 11. COLORS Tip  In Adobe Photoshop, correct colors by setting ‘Proof Setup’ under ‘View’ Menu to ‘Macintosh RBG’ on Windows PC while creating graphics for iPhone
  • 12. IMAGE FORMATS Facts  .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. IMAGE FORMATS .png image .gif image
  • 14. IMAGE FORMATS Tip  Make .png your preferred format (as against .gif) as it has greater color depth and is fully lossless with variable transparency
  • 15. ANIMATIONS, AUDIO & VIDEO Facts  Most smart phones don’t support Flash (currently)
  • 18. ANIMATIONS, AUDIO & VIDEO Tips  Call images in a sequence through programming  Create animations in Flash and convert that to video formats that the smart phones support
  • 19. Upside Learning Solutions Pvt. Ltd www.upsidelearning.com Email : info@upsidelearning.com