Projects/Usability/HIG/Layout/Image: Difference between revisions
(Created page with "==Purpose== Imagery conveys meaning and emotion where ever it is used. The purpose of these guidelines is to ensure imagery is used in a consistent way to preserve the import...") |
|||
| Line 5: | Line 5: | ||
==Guidelines== | ==Guidelines== | ||
* Ensure images have the appropriate resolution for their containers. Try to not scale images up beyond their native resolution - the result will be fuzzy or pixelated. | |||
* Don't be afraid of larger image sizes. Images are most effective when they can be seen. Tiny images lose much of their meaning unless they are specifically crafted for small sizes. | |||
** Instead of a tiny 64x64 image for contact photo consider a 256x256 or bigger. | |||
** Instead of a tiny music album cover tucked to the side, consider using a much larger size and make the album art a central part of the music experience. | |||
Revision as of 21:59, 22 July 2014
Purpose
Imagery conveys meaning and emotion where ever it is used. The purpose of these guidelines is to ensure imagery is used in a consistent way to preserve the important characteristics of the image while providing additional information related to the image.
Guidelines
- Ensure images have the appropriate resolution for their containers. Try to not scale images up beyond their native resolution - the result will be fuzzy or pixelated.
- Don't be afraid of larger image sizes. Images are most effective when they can be seen. Tiny images lose much of their meaning unless they are specifically crafted for small sizes.
- Instead of a tiny 64x64 image for contact photo consider a 256x256 or bigger.
- Instead of a tiny music album cover tucked to the side, consider using a much larger size and make the album art a central part of the music experience.