17. Measurements
That’s a cool Icon you designed with a graphic tool. ( think 1 cell= 10px).
How you seen it on your pc
18. Measurements
Suppose your pc has a depth of 160px per inch which we call 160DPI Screen. Dpi= Dot per inch. Androids are
usually have more DPI(260-640DPI). Your icon -
~160 DPI (Feels ok ) ~240 DPI ( Bit small but ok ) ~ 640DPI (Aw!can’t see it :o )
19. Possible Solutions?
• Vector!!! Maybe!! But How smartphones will understand what to show ?
• The web works with pixels but phones cant work with this thing only because
of large pixel density.
• We need density independent unit for that purpose.
• DP = DIP = Density Independent Pixel. ( Used for all type of graphics)
• SP = SIP = Scale Independent Pixel. ( Used for fonts )
21. Icons
• They are like doors.
• Start Big, If possible vector.
• Common names are easy to implement
• Optimize with Optipng/pngcrush
• http://docs.phonegap.com/en/3.5.0/config_ref_images.md.html
22. Other things that makes difference
• Splashscreen.
• Actionbar/Toolbar.
• Navigation way.
• Using the best possible screen realestate