Icon (computing)

A series of recurring computer icons are taken from the broader field of standardized symbols used across a wide range of electrical equipment. Examples of these are the power symbol and the USB icon, which are found on a wide variety of electronic devices. The standardization of electronic icons is an important safety-feature on all types of electronics, enabling a user to more easily navigate an unfamiliar system. As a subset of electronic devices, computer systems and mobile devices use many of the same icons; they are corporated into the design of both the computer hardware and on the software. On the hardware, these icons identify the functionality of specific buttons and plugs.^[8] In the software, they provide a link into the customizable settings.^[9]

System warning icons also belong to the broader area of ISO standard warning signs. These warning icons, first designed to regulate automobile traffic in the early 1900s, have become standardized and widely understood by users without the necessity of further verbal explanations. In designing software operating systems, different companies have incorporated and defined these standard symbols as part of their graphical user interface. For example, the Microsoft MSDN^[10] defines the standard icon use of error, warning, information and question mark icons as part of their software development guidelines.^[11]

Different organizations are actively involved in standardizing these icons, as well as providing guidelines for their creation and use. The International Electrotechnical Commission (IEC) has defined "Graphical symbols for use on equipment", published as IEC 417, a document which displays IEC standardized icons. Another organization invested in the promotion of effective icon usage is the ICT (information and communications technologies), which has published guidelines for the creation and use of icons.^[2] Many of these icons are available on the Internet, either to purchase or as freeware to incorporate into new software.

An icon is a signifier pointing to the signified. Easily comprehendible icons will make use of familiar visual metaphors directly connected to the signified: actions the icon initiate or the content that would be revealed. Metaphors, metonymy and synecdoche are used to encode the meaning in an icon system.

El significado puede tener múltiples naturalezas: objetos virtuales como archivos y aplicaciones , acciones dentro de un sistema o una aplicación (por ejemplo, tomar una foto, eliminar, rebobinar, conectar/desconectar, etc.), acciones en el mundo físico (por ejemplo, imprimir, expulsar un DVD, cambiar el volumen o el brillo, etc.), así como objetos físicos (por ejemplo , monitor , disco compacto , ratón , impresora , etc.).

Un subgrupo de los iconos más ricos visualmente se basa en objetos extraídos de un espacio de oficina físico y un entorno de escritorio de la década de 1970. Incluye los iconos básicos utilizados para un archivo, carpeta, papelera y bandeja de entrada, junto con el espacio físico de la pantalla, es decir, el escritorio electrónico. Este modelo permitió originalmente a los usuarios, familiarizados con las prácticas y funciones comunes de la oficina, navegar intuitivamente por el escritorio y el sistema informático. (Metáfora del escritorio, pág. 2). Los iconos representan objetos o funciones accesibles en el sistema y permiten al usuario realizar tareas comunes en un espacio de oficina. Estos iconos de escritorio se desarrollaron a lo largo de varias décadas: los archivos de datos en la década de 1950, el sistema de almacenamiento jerárquico (es decir, la carpeta y el archivador) en la década de 1960 y, finalmente, la propia metáfora del escritorio (incluida la papelera) en la década de 1970. ^{[ 12 ]}

David Canfield Smith asoció el término "icono" con la informática en su tesis doctoral de 1975, "Pygmalion: A Creative Programming Environment". ^{[ 13 ] [ 14 ]} Imaginó un escenario en el que "entidades visuales", llamadas iconos, podrían ejecutar líneas de código de programación y guardar la operación para su posterior ejecución. ^{[ 15 ]} Posteriormente, Smith fue uno de los principales diseñadores de la Xerox Star , que se convirtió en el primer sistema informático personal disponible comercialmente basado en la metáfora del escritorio cuando se lanzó en 1981. "Los iconos en [el escritorio] son ​​representaciones concretas y visibles de los objetos físicos correspondientes". ^{[ 16 ]} El escritorio y los iconos mostrados en este primer modelo de escritorio son fácilmente reconocibles por los usuarios varias décadas después y muestran los componentes principales de la interfaz gráfica de usuario (GUI) de la metáfora del escritorio.

This model of the desktop metaphor has been adopted by most personal computing systems in the last decades of the 20th century; it remains popular as a "simple intuitive navigation by single user on single system."^[12] It is only at the beginning of the 21st century that personal computing is evolving a new metaphor based on Internet connectivity and teams of users, cloud computing. In this new model, data and tools are no longer stored on the single system, instead they are stored someplace else, "in the cloud". The cloud metaphor is replacing the desktop model; it remains to be seen how many of the common desktop icons (file, file folder, trashcan, inbox, filing cabinet) find a place in this new metaphor.

A further type of computer icon is more related to the brand identity of the software programs available on the computer system. These brand icons are bundled with their product and installed on a system with the software. They function in the same way as the hyperlink icons described above, representing functionality accessible on the system and providing links to either a software program or data file. Over and beyond this, they act as a company identifier and advertiser for the software or company.^[17]

Because these company and program logos represent the company and product itself, much attention is given to their design, done frequently by commercial artists. To regulate the use of these brand icons, they are trademark registered and are considered part of the company's intellectual property.

In closed systems such as iOS and Android, the use of icons is to a degree regulated or guided ^[18] to create a sense of consistency in the UI.

On some GUI systems (e.g. Windows), on an icon which represents an object (e.g. a file) a certain additional subsystem can add a smaller secondary icon, laid over the primary icon and usually positioned in one of its corners, to indicate the status of the object which is represented with the primary icon. For instance, the subsystem for locking files can add a "padlock" overlay icon on an icon which represents a file in order to indicate that the file is locked.

Los iconos experimentaron un cambio de apariencia, pasando del pixel art de 8 bits utilizado antes del año 2000 a una apariencia más fotorrealista con efectos como suavizado, nitidez, mejora de bordes, una apariencia brillante o similar al vidrio, o sombras paralelas que se renderizan con un canal alfa .

Los editores de iconos utilizados en estas plataformas antiguas suelen incluir un editor de imágenes rasterizadas rudimentario , capaz de modificar las imágenes de un icono píxel a píxel, mediante herramientas de dibujo sencillas o la aplicación de filtros de imagen simples. Los diseñadores de iconos profesionales rara vez modifican los iconos dentro de un editor de iconos y, en su lugar, utilizan aplicaciones de dibujo o modelado 3D más avanzadas.

La función principal de un editor de iconos es la generación de iconos a partir de imágenes. Un editor de iconos remuestrea una imagen de origen a la resolución y profundidad de color requeridas para un icono. Otras funciones que realizan los editores de iconos son la extracción de iconos de archivos ejecutables (exe, dll), la creación de bibliotecas de iconos o el guardado de imágenes individuales de un icono.

Todos los editores de iconos pueden crear iconos para archivos del sistema (carpetas, archivos de texto, etc.) y para páginas web. Estos tienen una extensión de archivo .ICO para Windows y páginas web o .ICNS para Macintosh. Si el editor también puede crear un cursor, la imagen se puede guardar con una extensión de archivo .CUR o .ANI para Windows y Macintosh. Usar un nuevo icono es tan simple como mover la imagen a la carpeta de archivos correcta y usar las herramientas del sistema para seleccionar el icono. En Windows XP, podías ir a Mi PC, abrir Herramientas en la ventana del explorador, elegir Opciones de carpeta, luego Tipos de archivo, seleccionar un tipo de archivo, hacer clic en Avanzado y seleccionar un icono para asociarlo con ese tipo de archivo.

Los desarrolladores también utilizan editores de iconos para crear iconos para archivos de programa específicos. La asignación de un icono a un programa recién creado se suele realizar dentro del Entorno de Desarrollo Integrado (EDI) utilizado para desarrollar dicho programa. Sin embargo, si se está creando una aplicación en la API de Windows, basta con añadir una línea al script de recursos del programa antes de la compilación. Muchos editores de iconos pueden copiar un icono único de un archivo de programa para su edición. Solo unos pocos pueden asignar un icono a un archivo de programa, una tarea mucho más compleja. También existen herramientas de edición de recursos que permiten a los usuarios extraer o reemplazar iconos incrustados en archivos ejecutables de Windows, como Resource Hacker o Resource Tuner .

También se pueden encontrar en línea, como aplicaciones web , editores de iconos sencillos y convertidores de imágenes a iconos .

Esta es una lista de programas de iconos de ordenador destacados.

• Axialis IconWorkshop : compatible con iconos de Windows y Mac. (Comercial, Windows)
• IcoFX – Editor de iconos compatible con iconos de Windows Vista y Macintosh con compresión PNG (Comercial, Windows)
• IconBuilder – Complemento para Photoshop; enfocado en Mac. (Comercial, Windows/Mac)
• Microangelo Toolset : un conjunto de herramientas (Studio, Explorer, Librarian, Animator, On Display) para editar iconos y cursores de Windows. (Comercial, Windows)
• Microsoft Visual Studio : puede crear archivos ICO/CUR , pero no puede editar marcos de iconos de 32 bits con transparencia de 8 bits. ^{[ 20 ]} (Comercial, Windows)

A continuación se muestra una lista de aplicaciones de gráficos rasterizados capaces de crear y editar iconos:

• GIMP – Editor de imágenes. Permite leer y escribir archivos ICO/CUR / ANI de Windows y archivos PNG que se pueden convertir a archivos .icns de Mac . ( Código abierto , software libre , multiplataforma ).
• ImageMagick y GraphicsMagick : Conversión y generación de imágenes mediante línea de comandos que permiten crear archivos ICO de Windows y archivos PNG que se pueden convertir a archivos .ICNS de Mac . ( Software de código abierto , software libre , multiplataforma )
• IrfanView : Permite convertir formatos de archivos gráficos a archivos ICO de Windows. (Software propietario, gratuito para uso no comercial, Windows)
• ResEdit : Permite crear recursos de iconos clásicos de Mac OS . (Software propietario, descontinuado, compatible con Mac OS clásico)