Diseño de icono

El diseño de iconos es el proceso de diseñar un símbolo gráfico que represente algún motivo, entidad o acción real, fantástico o abstracto. En el contexto de las aplicaciones de software , un icono suele representar un programa , una función, datos o una colección de datos en un sistema informático .

Estilo y uso

Los diseños de iconos pueden ser simples, con un dibujo plano bidimensional o una silueta negra, o complejos, presentando una combinación de elementos de diseño gráfico como uno o más degradados de color lineales y radiales, sombras proyectadas, sombras de contorno y efectos de perspectiva tridimensionales.

Apresto

Como los iconos de ordenador se pueden utilizar en distintos tamaños, el diseño de iconos implica crear una obra maestra, normalmente para el tamaño más grande utilizado, y producir tamaños más pequeños a partir de él. Es conveniente respetar el estilo general del conjunto de iconos, utilizando la misma paleta de colores, perspectiva y representaciones para todos los iconos. Se presta especial atención a la eliminación de detalles innecesarios y a la alineación de trazos y objetos con píxeles en los tamaños de iconos pequeños para evitar imágenes desordenadas y borrosas.

Muchos iconos modernos tienen un tamaño máximo de 1024 x 1024 píxeles o más. El desafío del diseño de iconos es crear una imagen que sea comunicativa, hermosa y comprensible en todos los tamaños, desde esta resolución máxima hasta la resolución mínima de 16 x 16 píxeles. Muchos formatos de iconos permiten que un icono incluya sugerencias para garantizar la claridad visual en resoluciones más pequeñas, o incluso imágenes secundarias completamente diferentes para tamaños más pequeños (por ejemplo, un teclado en tamaños más grandes y una sola tecla en tamaños más pequeños).

Uso

Los ejemplos más comunes e importantes son los íconos de aplicaciones , que se utilizan para representar una aplicación en Mac, Windows, Linux o plataformas móviles. Estos íconos se basan en metáforas únicas y memorables como una forma de marca del producto. Otros usos comunes incluyen faviconos , íconos de la barra de herramientas e íconos para botones o controles.

Proceso

El proceso de diseño de un icono se puede dividir en dos partes: definir el pictograma y crear el diseño o ilustración final .

Definición de pictogramas

Hay tres enfoques principales para definir pictogramas .

Lo primero y más deseable en la práctica del diseño de iconos es utilizar imágenes convencionales .
Si no hay un pictograma convencional para el ícono en particular, un diseñador puede usar una imagen literal , incluida una imagen compartida por el concepto principal (por ejemplo, la impresora es una imagen compartida por el concepto de impresión) o una imagen metafórica .
Una vez definido el pictograma, es necesario comprobar si existen posibles conflictos (por ejemplo, la imagen del caracol es una buena metáfora para la cámara lenta, pero si se utiliza como señal de tráfico entrará en conflicto con el significado literal y parcialmente convencional de "caracoles en la carretera").

La definición del pictograma puede ser diferente para la barra de herramientas y otros iconos funcionales de la interfaz y para los iconos que representan aplicaciones de software o sitios web independientes y que se acercan más al diseño de un logotipo o una mascota .

Diseñadores de iconos notables

Susan Kare , una de las primeras diseñadoras de iconos profesionales, diseñó muchos de los iconos incluidos en el sistema operativo Mac clásico .
Jon Hicks creó el icono del navegador Firefox y los emoticones de Skype. ^[1] También es el autor del Manual de iconos. ^[2]

Véase también

Referencias

^ "Nuevos emoticones de Skype | Hicks Journal". hicksdesign.co.uk . Consultado el 5 de octubre de 2018 .
^ Jon, Hicks (2011). El manual de iconos . Noun Project. Reino Unido. ISBN 9781907828034.OCLC 778700859 .{{cite book}}: Mantenimiento de CS1: falta la ubicación del editor ( enlace )

Enlaces externos

Pautas de interfaz humana de iOS: ícono de la aplicación
Pautas de interfaz humana de macOS: diseño de iconos de aplicaciones
Lenguaje de diseño de Microsoft: iconos
Pautas de iconos de Microsoft para aplicaciones UWP
Directrices de Microsoft para el diseño de iconos de Windows Aero
Directrices de Microsoft para el diseño de iconos de Windows XP
Pautas de Android sobre el diseño de iconos

[1] "Nuevos emoticones de Skype | Hicks Journal". hicksdesign.co.uk . Consultado el 5 de octubre de 2018 .

[2] Jon, Hicks (2011). El manual de iconos . Noun Project. Reino Unido. ISBN 9781907828034.OCLC 778700859 .{{cite book}}: Mantenimiento de CS1: falta la ubicación del editor ( enlace )