Designing for Mobile – Graphic Designer’s Guide

The reality..

Graphics on mobile ≠ Graphics for desktop devices

Designing Requirements for Mobile Devices

The concept..

A few notable points for designing graphics on mobile devices –

Design for Different Screen Sizes

Different mobile devices have a different resolution and size. Thus need to consider multiple graphics while designing for mobile devices.

Liquid Design with G-sensor

All most all new smartphones have G-sensor (usually an accelerometer) – help display information correctly based on phone’s actual orientation i.e., portrait or landscape. Thus need to design such way so that graphics fits irrespective of screen orientation.

File Size

Speed matters for everybody – from users to search crawlers. So keep the file size as small as possible and try to optimize images properly.

Image format: use only the preferred format while creating usable graphics for mobile devices.

Color Optimization

Smartphones supports thousands and millions of colors. To display sharper and brighter images in smartphones – creating graphics from a desktop PC simply won’t work.

Responsive Design

Use relative sizes, instead of setting absolute – depending on size, content (both multimedia and text) will automatically adjust to fit the screen before displaying.

The realism..

Following all these › Good experience for mobile app and website users!

🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s