Iconography

Los iconos son representaciones visuales que ayudan a los usuarios a interactuar con nuestros productos. Al comprimir su significado, destacan funciones clave y mejoran la navegación

Estilo y coherencia

Mantiene la coherencia visual en todos los iconos para una apariencia unificada

Sencillez y claridad

Los iconos deben ser simples y reconocibles. Evita agregar demasiados detalles innecesarios que puedan dificultar la comprensión.

Significado universal

Utiliza iconos ampliamente reconocidos y comprendidos por la mayoría de los usuarios. No deben requerir instrucciones adicionales para ser entendidos.

Tamaño y escala

Asegúrate de que los iconos sean adecuados para el tamaño y resolución de la pantalla. Deben mantener su legibilidad y claridad al ser reducidos o ampliados.

Consistencia

Utiliza un conjunto de iconos coherente en toda la interfaz.Define iconos para acciones o conceptos comunes y aplícalos consistentemente.

Accesibilidad

Considera la accesibilidad al elegir iconos. Asegúrate de que sean distinguibles para usuarios con dificultades visuales o problemas de color mediante el uso de contrastes adecuados y diseños claros.

Grilla para la creación de los iconos

1
Icon outline grey

No accionable

2
Icon filled gery

No accionable

3
Icon outline blue

Accionable

4
Icon filled blue

Accionable

Trazo uniforme

Puntas redondeadas

Esquinas redondeadas