User:Andrew/VisualDesignGuide/Style/Icons: Difference between revisions
(Created page with "== Icons == Monochrome icons: * Used for application toolbar actions, menus, and status and notifications. Also used for small (16x16) devices and places icons (folders, usb d...") |
|||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
== Icons == | = 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.) | * 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 | ||
* Respect trademarks by avoiding significant alterations to other application icons | * Respect trademarks by avoiding significant alterations to other application icons | ||
Other icons | === Other icons === | ||
* Icons of a similar type use a consistent visual language (mimetypes, folders, devices, etc.) | * Icons of a similar type use a consistent visual language (mimetypes, folders, devices, etc.) | ||
General | === General === | ||
* Avoid using text in icon designs; it may not scale well to smaller sizes | * Avoid using text in icon designs; it may not scale well to smaller sizes | ||
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