Modelos de color RGB y HEX
Los modelos de color HEX y RGB son los más usados en diseño web y digital. Seguro que ya los has usado. Ahora aprende qué son, cómo funcionan y sus características.
Los modelos de color HEX y RGB son los más usados en diseño web y digital. Seguro que ya los has usado. Ahora aprende qué son, cómo funcionan y sus características.
Descubre qué es el contraste entre colores, la luminancia, la ratio de contraste y aprende a calcular dicha ratio para conseguir paletas de color accesibles en tus diseños UX / UI
Da respuesta a algunas preguntas básicas sobre el color como son: ¿Cómo se forma el color?¿Cómo se visualiza el color?Diferencias y relación entre modo, modelo, sistema y espacio de color ¿Qué es la gama de color?
La teoría del color es la explicación de qué es el color, cómo se forma el color y cómo se relacionan los colores. Profundízala y descubre cómo beneficia al diseño UI
Penpot es la alternativa gratis y open source a Figma, además española. Conoce los atajos de teclado para poder trabajar más rápido en esta herramienta.
Conoce los componentes UI y pantallas de carga: loaders, spinners, barras de carga, skeletons y pantallas de carga. Aprende cómo usar estas opciones según las necesidades de tu proyecto.
En 2013 Brad Frost presentó su libro Atomic Design donde explicaba esta revolucionaria metodología y visión del diseño. Aprende en qué consiste, sus beneficios y su revisión.
La funcionalidad autolayout de Figma ayuda a diseñar rápido agrupando elementos en bloques intercambiables. Aprende a diseñar emails usando autolayout de Figma con esta guía.
Aprende la diferencia entre botones vs enlaces y todo sobre diseñar estos componentes UI de navegación y acción para ayudar a la arquitectura de la información.
Aprende los pasos y las mejores prácticas para generar y exportar archivos SVGs listos para desarrollo usando Illustrator y Figma.
Descubre las mejores prácticas para diseñar selectores de color (color pickers) y cargadores de archivos (file uploaders), dos de los componentes UI de entrada de datos.
Explora los componentes UI de introducción de números Number input / spin button y slider / barra de rango y aprende cuándo y cómo usarlos correctamente.