1 / 19

Creating Graphics For Mobile Devices

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

upsidelearning
Download Presentation

Creating Graphics For Mobile Devices

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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 Size Large 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 • .pnghas 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)

  16. ANIMATIONS, AUDIO & VIDEO

  17. ANIMATIONS, AUDIO & VIDEO

  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

More Related