Icon (computing)
From Wikipedia, the free encyclopedia
This article needs reorganization to meet Wikipedia's quality standards. There is good information here, but it is poorly organized; editors are encouraged to be bold and make changes to the overall structure to improve this article. (August 2007) |
On computer displays, a computer icon is a small pictogram. Icons have been used to supplement the normal alphanumerics of the computer. Modern computers now can handle bitmapped graphics on the display terminal, so the icons are widely used to assist users.
Icons were first developed as a tool for making computer interfaces easier for novices to grasp in the 1970s at the Xerox Palo Alto Research Center facility. Icon-driven interfaces were later popularized by the Apple Macintosh and Microsoft Windows operating environments.
A computer icon usually ranges from 16 by 16 pixels up to 128 by 128 pixels. Some operating systems feature icons up to 512 by 512 pixels. When the graphical output device has a smaller size, the icon size is small. Vision-impaired users (due to such conditions as poor lighting, tired eyes, medical impairments, bright backgrounds, or color blindness) may need to utilize the self-selected icon size options.
Contents |
[edit] Role in user interaction
Icons may represent a file, folder, application or device on a computer operating system. In modern usage today, the icon can represent anything that the users want it to: any macro command or process, mood-signaling, or any other indicator. User friendliness also demands error-free operation, where the icons are distinct from each other, self-explanatory, and easily visible under all possible user setups.
Icons may also be found on the desktop, toolbars and in the menus of computer application software such as Microsoft Word. Icons are made more user-friendly by being very distinct from every other icon. Each icon set may also have unifying features that show that similar icons are related to each other. Icons show this by:
- Contrasting Sizes
- Composition (large or small area, top/bottom, left/right, centered/perimeter)
- Pattern-contrast (Horizontal-striped, vertical-striped, slanted-stripes, circles, oblongs, ...)
- Light-on-dark, or dark-on-light
- Framed/shadowed
- Color contrasts
- Fine-detail (with thin lined drawings)
- Animation
Virtually every major computer operating system has the ability to use an icon-based graphical user interface (GUI) to display information to end users; this is evident in the usage of the term "icon" in the WIMP computing paradigm (for Windows, Icons, Menu, Pointers).
[edit] Function or program icons
Most computer functions in a GUI are represented by a function icon. Placing the cursor on the icon, and clicking (or double-clicking) a mouse, trackball or other button starts the function or program.
The creation of a good function icon can be considered an art form in itself, comparable to that practiced in the past in the domain of miniature painting by old masters such as Joseph Severn and Charles-Francois Daubigny.[citation needed]
The icon must be original, distinctive and tiny. It must be useful on a wide variety of monitors set at different resolutions. This work is further complicated by the need to create several sets of function icons for several types of views in several types of operating systems, for any given program. For instance, the GUI guidelines in one operating system might specify the need to create sets of 16, 32, and 48 pixel icons for any program while the GUI guidelines in another system might specify sets of 16, 24, 48 and 96 pixel icons.
Wikimedia Commons has media related to: Icons |
[edit] See also
- Apple Icon Image
- Avatar (virtual reality)
- Elements of graphical user interfaces
- Favicon - an icon for a website, for example, .
- Inflatable Icons
- Pictogram
- Universal edit button - an icon for a website, which offers to edit the content.
- WIMP (computing)
- Windows Icon Image
[edit] External links
- Guidebooks Components - timeline of icons of various graphical user interfaces
- Microsoft's Let's Make a Theme: Customize windows XP - article containing Microsoft's definition of 'icon'.
- Microsoft Developer Network Creating Windows XP Icons
- Microsoft Developer Network Creating Windows Vista Icons
- Apple Developer Connection Introduction to Apple Human Interface Guidelines - contains guidelines for creating Mac OS X icons
- KDE's Icon Style Guide
- GNOME Human Interface Guidelines 2.0
- GIMP
- WebDev Icon Pack
- OSA Open Source Technical Icon Pack
- Icons at the Open Directory Project
|