🎨 Diseño Visual · UI

Tips

Utiliza jerarquía

Utiliza jerarquía

Haz ver al usuario que puede hacer scroll

Haz ver al usuario que puede hacer scroll

Evita párrafos con texto justificado

Evita párrafos con texto justificado

Ten siempre un CTA

Ten siempre un CTA

Usa correctamente los espaciados para separar visualmente

Usa correctamente los espaciados para separar visualmente

Mantén consistencia en los redondeos de bordes

Mantén consistencia en los redondeos de bordes

El usuario odia las sorpresas

El usuario odia las sorpresas

Informa a los usuarios antes de las acciones

Informa a los usuarios antes de las acciones

Aplica el principio de Gutenberg

Aplica el principio de Gutenberg

Otros

La regla del 60-30-10 para el diseño UI

La regla del 60-30-10 para el diseño UI

Retícula de 8pt

Retícula de 8pt

A/B Test Examples

A/B Test Examples

🏷️ Freemium

Cómo diseñar buenas sombras

Cómo diseñar buenas sombras

Uso del color en Brandings complejos

Uso del color en Brandings complejos

40 Button Styles That Pop!

40 Button Styles That Pop!

7 tips extraídos de Refactoring UI

7 tips extraídos de Refactoring UI

Inspiración

Colors Inspiration

Colors Inspiration

Generador de paletas

Accessible color palette generator

Accessible color palette generator

Color calculator

Color calculator

Cohesive colors

Cohesive colors

CSS mesh gradients

CSS mesh gradients

Generador de escalas

Generador a partir de imagen

The Noun Project

The Noun Project

Illustration Kit

Illustration Kit

Design Pattern Tool

The Noun Project

The Noun Project

Explorar animaciones

Animate React Native

Animate React Native

Web Interactions Gallery

Web Interactions Gallery

Tips

Cómo (y para qué) diseñar animaciones para UI

Cómo (y para qué) diseñar animaciones para UI

12 principles of UI/UX animation

12 principles of UI/UX animation

A Guide to Motion Design

A Guide to Motion Design

Tipos de animaciones para Mobile

Tipos de animaciones para Mobile

UI Loader Animations in Figma

UI Loader Animations in Figma