All Topics  
Icon (computing)

 

   Email Print
   Bookmark   Link






 

Icon (computing)



 
 
On computer displays, a computer icon is a small pictogram
Pictogram

A Pictograph is a pictorial representation of an object. Earliest examples of pictographs include ancient or prehistoric drawings or paintings found on rock walls....
. 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
Xerox

Xerox Corporation is a global document management company which manufactures and sells a range of color and black-and-white Computer printer, multifunction systems, photo copiers, digital production printing presses, and related consulting services and supplies....
 Palo Alto Research Center facility.






Discussion
Ask a question about 'Icon (computing)'
Start a new discussion about 'Icon (computing)'
Answer questions from other users
Full Discussion Forum



Encyclopedia


Icons Example
On computer displays, a computer icon is a small pictogram
Pictogram

A Pictograph is a pictorial representation of an object. Earliest examples of pictographs include ancient or prehistoric drawings or paintings found on rock walls....
. 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
Xerox

Xerox Corporation is a global document management company which manufactures and sells a range of color and black-and-white Computer printer, multifunction systems, photo copiers, digital production printing presses, and related consulting services and supplies....
 Palo Alto Research Center facility. Icon-driven interfaces were later popularized by the Apple Macintosh and Microsoft Windows
Microsoft Windows

Microsoft Windows is a series of software operating systems and graphical user interfaces produced by Microsoft. Microsoft first introduced an operating environment named Windows in November 1985 as an add-on to MS-DOS in response to the growing interest in graphical user interfaces ....
 operating environments.

A computer icon usually ranges from 16 by 16 pixels up to 128 by 128 pixels. Some operating system
Operating system

An operating system is an interface between hardware and applications; it is responsible for the management and coordination of activities and the sharing of the limited resources of the computer....
s 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
Color blindness

Color blindness, a color vision deficiency, is the inability to perceive differences between some of the colors that others can distinguish. It is most often of genetic nature, but may also occur because of eye, nerve, or brain damage, or due to exposure to certain chemicals....
) may need to utilize the self-selected icon size options.

Role in user interaction

Icons may represent a file
Computer file

A computer file is a block of arbitrary information, or resource for storing information, which is available to a computer program and is usually based on some kind of durable computer storage....
, folder
Directory (file systems)

In computing, a directory, folder, catalog, or drawer is a virtual container within a digital file system, in which groups of files and other directories can be kept and organized....
, application
Application software

Application software is any tool that functions and is operated by means of a computer, with the purpose of supporting or improving the software user 's work....
 or device on a computer operating system
Operating system

An operating system is an interface between hardware and applications; it is responsible for the management and coordination of activities and the sharing of the limited resources of the computer....
. 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
Microsoft Word

Microsoft Word is Microsoft's word processor computer software. It was first released in 1983 under the name Multi-Tool Word for Xenix systems....
. 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:
  1. Contrasting Sizes
  2. Composition
    Composition (visual arts)

    In the visual arts ? in particular painting, graphic design, photography and sculpture ? composition is the placement or arrangement of visual elements or ingredients in a work of art....
     (large or small area, top/bottom, left/right, centered/perimeter)
  3. Pattern-contrast (Horizontal-striped, vertical-striped, slanted-stripes, circles, oblongs, ...)
  4. Light-on-dark, or dark-on-light
  5. Framed/shadowed
  6. Color contrasts
  7. Fine-detail (with thin lined drawings)
  8. Animation


Virtually every major computer operating system has the ability to use an icon-based graphical user interface
Graphical user interface

A graphical user interface is a type of user interface which allows people to human-computer interaction such as computers; hand-held devices such as MP3 Players, Portable Media Players or Gaming devices; household appliances and office equipment....
 (GUI) to display information to end users; this is evident in the usage of the term "icon" in the WIMP
WIMP (computing)

In human?computer interaction, WIMP stands for "Window , Icon , Menu , pointing device", denoting a style of interaction using these elements. It was coined by Merzouga Wilberts in 1980....
 computing paradigm (for Windows, Icons, Menu, Pointers).

Function or program icons

Gnome Screenshot 2
Most computer functions in a GUI are represented by a function icon. Placing the cursor
Cursor (computers)

In computing, a cursor is an indicator used to show the position on a computer monitor or other display device that will respond to input from a text input or pointing device....
 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
Joseph Severn

Joseph Severn was an England portrait and subject Painting and a personal friend of the famous English poet John Keats. He exhibited portraits, Italian genre, literary and biblical subjects and a selection of his paintings can today be found in some of the most important and renowned museums in London including the National Portrait Gallery...
 and Charles-Francois Daubigny
Charles-François Daubigny

Charles-Fran?ois Daubigny was one of the Paintings of the Barbizon school, and is considered an important precursor of Impressionism.Daubigny was born into a family of painters and was taught the art by his father Edmond Fran?ois Daubigny and his uncle, miniaturist Pierre Daubigny....
.

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.

See also

  • Apple Icon Image
    Apple Icon Image

    The Apple Icon Image format is the icon format used in Apple Inc.'s Mac OS X. It supports icons of 16?16, 32?32, 48?48, 128?128, 256?256 and 512?512 pixels, with both bit and 8-bit Alpha compositings and multiple image states ....
  • Avatar (virtual reality)
    Avatar (virtual reality)

    An avatar is a computer user's representation of himself/herself or alter ego, whether in the form of a three-dimensional model used in computer games, a two-dimensional icon used on Internet forums and other communities, or a text construct found on early systems such as MUDs....
  • Elements of graphical user interfaces
    Elements of graphical user interfaces

    Graphical user interfaces, also known as GUIs, make it easier for people with little computer skills to work with and use computer software. It is a visual front to a piece of software that links the user to the internal workings of a computer, or piece of software....
  • Favicon
    Favicon

    A favicon , also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 pixel square icon associated with a particular website or webpage....
     - an icon for a website, for example,
    Wikipedia Favicon
    .
  • Inflatable Icons
    Inflatable Icons

    ?Inflatable Icons refers to a technique that turns Icon into 3D modeling. There are many applications for this technique such as rapid prototyping, simulations and presentations, where non-professional computer users could benefit from the ability to create simple 3D models....
  • Pictogram
    Pictogram

    A Pictograph is a pictorial representation of an object. Earliest examples of pictographs include ancient or prehistoric drawings or paintings found on rock walls....
  • Universal edit button
    Universal edit button

    The Universal Edit Button is a green pencil icon in the address bar of a web browser that indicates whether a web page is editable. It is similar to the orange "broadcast" RSS icon that indicates that there is an web feed available....
      - an icon for a website, which offers to edit the content.
  • WIMP (computing)
    WIMP (computing)

    In human?computer interaction, WIMP stands for "Window , Icon , Menu , pointing device", denoting a style of interaction using these elements. It was coined by Merzouga Wilberts in 1980....
  • Windows Icon Image
    ICO (icon image file format)

    The ICO file format is an image file format used for icon in Microsoft Windows. The CUR file format for cursor s is almost identical, as the only differences are the identification byte and a specification of a hotspot in the Header ....


External links

  • - timeline of icons of various graphical user interfaces
  • - article containing Microsoft's definition of 'icon'.
  • - contains guidelines for creating Mac OS X icons