Creating Graphics For Mobile Devices
Download as PPTX, PDF8 likes3,356 views
The document provides guidance on creating graphics for mobile devices, emphasizing the importance of accommodating different screen sizes and resolutions among various smartphones. It recommends producing multiple graphics for diverse device specifications, utilizing flexible design techniques, and preferring PNG format for images due to its superior color depth. Additionally, it notes that most smartphones currently do not support Flash and suggests alternative methods for animations and video content.
Creating Graphics For Mobile Devices
- 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 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