User:Andrew/VisualDesignGuide/Style/Icons: Difference between revisions
(→Icons) |
|||
| Line 1: | Line 1: | ||
= Icons = | = Icons = | ||
=== Monochrome | === Monochrome Icons === | ||
* Used for application toolbar actions, menus, and status and notifications. Also used for small (16x16) devices and places icons (folders, usb drives, etc.) | * Used for application toolbar actions, menus, and status and notifications. Also used for small (16x16) devices and places icons (folders, usb drives, etc.) | ||
* Rely on a distinct shapes instead of fine details to distinguish between them. | * Rely on a distinct shapes instead of fine details to distinguish between them. | ||
* Color can be used for distinction (change of state, destructive actions, etc.). | * Color can be used for distinction (change of state, destructive actions, etc.). | ||
=== Application icons === | === Application icons === | ||
* Unique and easily recognizable | * Unique and easily recognizable | ||
Latest revision as of 21:19, 17 March 2014
Icons
Monochrome Icons
- Used for application toolbar actions, menus, and status and notifications. Also used for small (16x16) devices and places icons (folders, usb drives, etc.)
- Rely on a distinct shapes instead of fine details to distinguish between them.
- Color can be used for distinction (change of state, destructive actions, etc.).
Application icons
- Unique and easily recognizable
- Respect trademarks by avoiding significant alterations to other application icons
Other icons
- Icons of a similar type use a consistent visual language (mimetypes, folders, devices, etc.)
General
- Avoid using text in icon designs; it may not scale well to smaller sizes