Creating Graphics For Mobile Devices
Upcoming SlideShare
Loading in...5
×
 

Creating Graphics For Mobile Devices

on

  • 8,471 views

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

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

Statistics

Views

Total Views
8,471
Views on SlideShare
7,991
Embed Views
480

Actions

Likes
7
Downloads
168
Comments
3

11 Embeds 480

http://www.upsidelearning.com 209
http://paper.li 208
https://learnzone.henleycol.ac.uk 20
http://192.168.1.24 17
http://192.168.1.24:82 12
http://www.slideshare.net 8
http://www.linkedin.com 2
http://216.69.181.61 1
http://a0.twimg.com 1
http://translate.googleusercontent.com 1
http://192.168.0.100 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Creating Graphics For Mobile Devices Creating Graphics For Mobile Devices Presentation Transcript

  • Creating Graphics ForMobile Devices
  • 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)
  • 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 of the phone and displays information accordingly – in landscape or portrait - depending upon how the handset is held
  • FLEXIBLE DESIGN Horizontal or Landscape OrientationVertical or PortraitOrientation
  • 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)
  • 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 PC while creating graphics for iPhone
  • 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
  • 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 with variable transparency
  • 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 to video formats that the smart phones support
  • Upside Learning Solutions Pvt. Ltd www.upsidelearning.com Email : info@upsidelearning.com