Después de ver las diferencia entre modo, modelo, sistema y espacio de color y cómo se crean y visualizan los colores toca revisar los diferentes modelos de color digital, conocer sus propiedades y así saber… Leer más »Modelos de color RGB y HEX
En este artículo quiero hablar de un tema de suma importancia para cualquier producto que quiera ofrecer una buena UX y que a su vez es algo complicado para los diseñadores UI. Fundamental en la… Leer más »El ratio de contraste de color
Anteriormente habíamos visto la teoría del color en diseño UI desde el lado artístico, en este caso voy a hacerlo desde el lado tecnológico que es otro pilar que sustenta el diseño de experiencia de… Leer más »Conceptos básicos sobre el color
¿Qué es la teoría del color? La teoría del color es la explicación de: Podemos entender la teoría del color como un conjunto de directrices que mezclan el mundo artístico y científico para presentar las… Leer más »La teoría del color en diseño UI
¿Conoces Penpot la alternativa gratis y open source a Figma? Penpot es otro software de diseño disponible en la web abierto para todo el mundo y que permite diseñar de forma ilimitada sin necesidad de… Leer más »Comandos y atajos de teclado en Penpot
En esta entrega de componentes UI vamos a ver los componentes de carga loaders y skeletons. Es decir, aquellos componentes de la interfaz gráfica que harán entender al usuario que la información está siendo cargada… Leer más »Componentes UI y pantallas de carga
Seguramente tendría que haber escrito este post mucho antes ya que el diseño atómico es el pilar sobre el que se fundamentan los sistemas de diseño y quizá el primer concepto que aprender para el… Leer más »Diseño Atómico
Me encanta usar autolayout en Figma para componer porque me encanta usar flexbox en CSS para maquetar las webs y la propiedad autolayout de Figma prácticamente replica ese comportamiento. Aunque para el diseño de webs… Leer más »Diseñar emails en Figma con autolayout
Diseñar la navegación web, de un sistema o producto digital de primeras parece sencillo. Hasta que te pones manos a la obra y ves que no lo es tanto. Además, con frecuencia se comenten errores.… Leer más »Enlaces vs Botones
Los archivos SVG son archivos en formato vectorial sí, pero también son un misterio y no hay quien los entienda. Es posible que te haya sucedido querer exportar en formato SVG y aunque en pantalla,… Leer más »Cómo exportar SVG para desarrollo
