Projects/Usability/HIG/Layout/Image

From KDE UserBase Wiki

Purpose

Imagery can convey meaning and emotion where ever used. The purpose of these guidelines is to ensure imagery is used in a consistent way to take full advantage of the meaning imagery can convey.

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).

  • For example, consider a large contact photo (left) instead of a tiny thumbnail image (right). People recognize faces faster than names.
  • Captions can be placed on the image (left) instead of outside of the image (right) allowing the image to be larger and the content to be more immersive.

  • Use a semi-transparent background behind the text to preserve contrast for legibility.
Retrieved from "https://userbase.kde.org/index.php?title=Projects/Usability/HIG/Layout/Image&oldid=337105"