
El diseño de iconos es el proceso de diseñar símbolos gráficos para representar objetos físicos ( pictogramas ) y conceptos abstractos ( ideogramas ). En el contexto de las aplicaciones de software , un icono suele representar un programa , una acción o datos en un ordenador . [ 1 ]
Uso y proceso
Aunque el diseño de iconos existe desde que existen los pictogramas e ideogramas, el diseño moderno de iconos se encuentra principalmente en mapas, infraestructura pública como la señalización y las interfaces de usuario para videojuegos, ordenadores y dispositivos móviles. Los espacios físicos y los eventos utilizan símbolos gubernamentales existentes (como los pictogramas DOT ) o diseños de iconos personalizados. Los iconos personalizados son más visibles como iconos de aplicaciones , favicons e iconos de la barra de herramientas de la interfaz de usuario en ordenadores y dispositivos móviles. [ 2 ] [ 3 ]

Los iconos de las aplicaciones modernas tienen un tamaño máximo de 1024 × 1024 píxeles o superior; sin embargo, el diseño de iconos implica la creación de ilustraciones en varios tamaños para garantizar la legibilidad. [ 2 ] En tamaños más pequeños, los diseñadores suelen eliminar o reducir detalles innecesarios, a la vez que exageran los detalles importantes. Especialmente para pantallas de baja densidad , los iconos se insinúan en varios tamaños, de forma similar al diseño tipográfico digital , alineando las formas con los límites de los píxeles para asegurar la claridad visual. Los iconos también pueden necesitar ser modificados para diferentes modos de visualización, como el modo oscuro . El diseño de conjuntos de iconos incluye la consideración de elementos compartidos, como una paleta de colores, perspectiva y estilo. [ 4 ] [ 5 ]
El proceso de diseño de iconos incluye definir una metáfora, dibujar una ilustración, realizar las modificaciones necesarias para diferentes tamaños y, ocasionalmente, organizar los archivos en una carpeta, un archivo ICO o un archivo ICNS . Los iconos vectoriales en aplicaciones y sitios web suelen ser archivos SVG .
Debido a su alta visibilidad y relación con el diseño de logotipos y la imagen de marca , los nuevos iconos de las aplicaciones son frecuentemente criticados. [ 6 ] [ 7 ] [ 8 ] [ 9 ]
Diseñadores de iconos destacados
- Masaru Katsumi – Juegos Olímpicos de Verano de 1964 en Tokio
- Lance Wyman – Juegos Olímpicos de Verano de 1968 en la Ciudad de México, Zoológico Nacional
- Rajie Cook y Dan Shanosky – Pictogramas del USDOT
- Otto Aicher – Juegos Olímpicos de Verano de 1972 en Múnich
- Susan Kare – Mac OS clásico , regalos de Facebook [ 10 ]
- Jon Hicks – Firefox , emoticonos de Skype , [ 11 ] Manual de iconos [ 12 ]
- Iconfactory - Windows XP , Windows Vista , [ 13 ] Emoji de Twitter [ 14 ]
Véase también
Referencias
- ↑ "Diseño en la era del icono de la aplicación" . Fast Company . 13 de mayo de 2016. Archivado del original el 12 de septiembre de 2022. Consultado el 22 de marzo de 2025 .
- 1 2 Pavlus, John (18 de septiembre de 2015). "Maestros del pequeño lienzo" . Bloomberg News .
- ↑ Schonfeld, Erick (2008-06-07). "La historia detrás del nuevo favicon de Google" . TechCrunch . Recuperado el 22 de marzo de 2025 .
- ↑ Warren, Tom (12 de diciembre de 2019). "Microsoft revela un nuevo diseño del logotipo de Windows y 100 iconos de aplicaciones modernas" . The Verge . Consultado el 22 de marzo de 2025 .
- ↑ "Facebook prueba nuevos diseños de emojis" . Emojipedia: las últimas noticias sobre emojis . 23 de agosto de 2018. Consultado el 22 de marzo de 2025 .
- ↑ "Lecciones de cambio de marca de Airbnb, Instagram y Google" . Inc.com . Archivado del original el 22 de mayo de 2023. Consultado el 22 de marzo de 2025 .
- ↑ Chen, Brian X. "Steve Jobs: El icono de iTunes 10 no es 'malo'"" . Wired . ISSN 1059-1028 . Consultado el 22-03-2025 .
- ↑ John, Daniel (1 de marzo de 2021). "Amazon acaba de corregir el controvertido icono de su nueva aplicación" . Creative Bloq . Consultado el 22 de marzo de 2025 .
- ↑ Beck, Kellen (13 de mayo de 2016). "10 rediseños de iconos de aplicaciones: lo bueno, lo malo y lo feo" . Mashable . Consultado el 22 de marzo de 2025 .
- ↑ "Compra un cupcake virtual para la lucha contra el cáncer de mama en Facebook" . CNET . Consultado el 22 de marzo de 2025 .
- ↑ "Nuevos emoticonos 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: Five Simple Steps. ISBN 9781907828034OCLC 778700859
- ↑ Oiaga, Marius (2007-05-02). "Windows Vista Icons - The Prototypes" . softpedia . Consultado el 22 de marzo de 2025 .
- ↑ "El diseñador detrás del conjunto de emojis de Twitter: 'Por supuesto que me encanta la caca sonriente'"" . Digiday . 26-06-2015 . Consultado el 22-03-2025 .
Enlaces externos
- Directrices de interfaz humana de iOS: icono de la aplicación
- Directrices de interfaz humana de macOS: diseño de iconos de aplicaciones
- Lenguaje de diseño de Microsoft: iconos
- Directrices de Microsoft sobre iconos para aplicaciones UWP
- Directrices de Microsoft sobre el diseño de iconos de Windows Aero
- Directrices de Microsoft sobre el diseño de iconos de Windows XP
- Directrices de Android sobre el diseño de iconos
- iconos de computadora