Articulo de referencia

Diseño de iconos

Pictograma DOT para un ascensor . Estos iconos se utilizan a menudo en aeropuertos, estaciones de tren y hoteles. El diseño de iconos es el proceso de diseñar símbolos gráficos ...

Pictograma DOT para un ascensor . Estos iconos se utilizan a menudo en aeropuertos, estaciones de tren y hoteles.

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 ]

Icono para una aplicación de calendario

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

Véase también

Referencias

  1. "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 .
  2. 1 2 Pavlus, John (18 de septiembre de 2015). "Maestros del pequeño lienzo" . Bloomberg News .
  3. Schonfeld, Erick (2008-06-07). "La historia detrás del nuevo favicon de Google" . TechCrunch . Recuperado el 22 de marzo de 2025 .
  4. 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 .
  5. "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 .
  6. "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 .
  7. Chen, Brian X. "Steve Jobs: El icono de iTunes 10 no es 'malo'"" . Wired . ISSN 1059-1028 . Consultado el 22-03-2025 . 
  8. 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 .
  9. 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 .
  10. "Compra un cupcake virtual para la lucha contra el cáncer de mama en Facebook" . CNET . Consultado el 22 de marzo de 2025 .
  11. "Nuevos emoticonos de Skype | Hicks Journal" . hicksdesign.co.uk . Consultado el 5 de octubre de 2018 .
  12. Jon, Hicks (2011). El manual de iconos . Noun Project. Reino Unido: Five Simple Steps. ISBN 9781907828034OCLC 778700859 
  13. Oiaga, Marius (2007-05-02). "Windows Vista Icons - The Prototypes" . softpedia . Consultado el 22 de marzo de 2025 .
  14. "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 .
  • 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