Creating Graphics For Mobile Devices

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 & 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

http://paper.li	208
http://www.upsidelearning.com	90
https://learnzone.henleycol.ac.uk	20
http://192.168.1.24	15
http://192.168.1.24:82	12
http://www.slideshare.net	8
http://translate.googleusercontent.com	1
http://a0.twimg.com	1
http://216.69.181.61	1

Creating Graphics For Mobile Devices

by Upside Learning on Mar 31, 2010

Accessibility

Categories

Upload Details

Usage Rights

9 Embeds 356

Statistics

Creating Graphics For Mobile Devices Presentation Transcript