Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

All UX/UI content:

Filters

UI Design

25+ Plantillas WordPress para Portafolio Digital de Diseño Gráfico (GRATIS y Premium)

Tutorial • Beginner

Para captar clientes necesitas un portafolio digital. Aquí una lista con los mejores temas WordPress para portafolio de diseñadores gráficos y temas gratis.

Brenda Barron • 18 Aug 2021
Forms

Mejores plugins de WordPress para construir formularios en 2019

Tutorial • Beginner

Si tienes un sitio creado con WordPress, los formularios son un elemento indispensable para crear una experiencia de usuario satisfactoria y para aumentar...

Franc Lucas • 12 Aug 2021
UI Design

De la A a la Z de Sketch: ¡Consejos y Trucos!

Tutorial • Beginner

Deja que te muestre algunos consejos y trucos rápidos en Sketch para Mac. Veremos 26 consejos y trucos de Sketch de la A a la Z.

Andrei Marius • 3 Aug 2021
UX Design

¿Qué es el diseño UX?

Tutorial • Beginner

El diseño de experiencia de usuario (UX) se ha vuelto una de las principales profesiones de la década, y los diseñadores de UX poseen algunas de las...

Sharon Onyinye • 28 Jul 2021
UI Design

Cómo utilizar las variantes de Figma

Tutorial • Beginner

Las variantes de Figma le ahorran el dolor de cabeza de buscar entre miles de componentes, tratando de encontrar el adecuado para su diseño. Le permiten...

Adi Purdila • 4 Jul 2021
UI Design

Cómo hacer una aplicación de estructura metálica, diagrama de flujo, logotipo y prototipo con Mockitt

Tutorial • Beginner

Sin duda, ya estás familiarizado con las herramientas de diseño y creación de prototipos como Figma, Adobe XD y Sketch; herramientas de wireframing como...

Kezz Bracey • 25 Jun 2021
Material Design

Cómo recrear la etiqueta flotante de Material Design

Tutorial • Beginner

Cuando se trata de crear formularios en páginas web, la accesibilidad y el diseño deben ir de la mano. Idealmente, cada campo de entrada deberías tener...

Jemima Abu • 23 Jun 2021
Forms

Mejores estilos de focus con la pseudoclase :focus-visible de CSS

Tutorial • Beginner

En este consejo rápido, te voy a mostrar cómo crear mejores estilos de focus en los elementos de los formularios con una pseudoclase de CSS llamada...

Adi Purdila • 21 Jun 2021
Web Typography

Las 13 Mejores Fuentes Web que Lucen Geniales en Letras Pequeñas

Tutorial • Beginner

¿Buscas las mejores tipografías para web que te ofrezcan buen aspecto y versatilidad? Te presentamos algunas de nuestras favoritas para tu página.

Eric Karkovack • 18 Jun 2021
UI Design

De la A a la Z de Adobe XD: ¡consejos y trucos!

Tutorial • Beginner

Permite que te muestre algunos consejos y trucos rápidos para Adobe XD. Veremos 26 funciones, consejos y trucos de Adobe XD de la A a la Z.

Andrei Marius • 8 Jun 2021
Navigation

Cómo ocultar/mostrar una cabecera fija durante el desplazamiento de la página con JavaScript

Tutorial • Intermediate

¿Alguna vez has visto una de esas barras de cabecera fijas (o «pegajosas») que desaparecen cuando empiezas a desplazarte por la página, y vuelven a aparecer...

George Martsoukos • 26 May 2021
UI Design

Organiza tus activos de diseño como un profesional con la app Eagle

Tutorial • Beginner

Eagle App resuelve una de las partes más difíciles de ser un diseñador; organiza adecuadamente los activos de diseño (como imágenes, iconos y fuentes),...

Adi Purdila • 16 May 2021