Iconos e ilustraciones en tu design system
Contenido del curso
Iconos: ayudan a comprender rápida y claramente cómo funcionan las cosas en cada experiencia
Ilustración: agregan información no verbal, contexto y comprensión de lo que se está haciendo
++Consideraciones en los iconos++
++Consideraciones en las ilustraciones++
Íconos que no necesitan estar acompañados de un texto:
iconos que no necesitan texto:
Caneca de basura = eliminar x = cerrar < = go back = go next corazón = like
Ejemplos
Buenas! Creo que aporta 🧐 plugins para figma ➡️https://story.to.design/blog/best-figma-plugins-for-design-systems
Me esta gustando mucho este curso 🤩
⚠️ Importante: Para sobreescribir las propiedades al cambiar de un icono a otro, estos deben tener un solo vector y llamado de la misma forma: ejemplo: Icon
Uno de los iconos mas llamativos es la famosa campanita, la cual nos notifica de eventos, nuevos cursos, post muy interesantes, entre otras <3
Los iconos nos ayudan a comprender rápida y claramente cómo funcionan las cosas en cada experiencia
👽: alien
▼: Desplegar contenido ᐅ: Play < >: Desplazamiento de contenido izquierda, derecha "Lupa": Busqueda "Campana": Notificaciones "Tres puntos conectados": Compartir/share "Engranaje": Configuraciones
Iconos: ayudan a comprender rapida y claramente como funcionan las cosas en cada experiencia. . .
Consideraciones:
Agruparlos, feedback, arrows, file,etc
Usarlos cerca a un texto: No para reemplazar palabras. (No es mandatorio)
Establecer pautas: tamanos, donde usarlos,etc . . .
Illustraciones: Agregan informacion no verbal, contexto y comprension de lo que se esta haciendo. . .
Consideraciones:
