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

HTML Templates

Introducción a Tailwind CSS: Un marco Utility-First CSS

Tutorial • Intermediate

Hoy les voy a mostrar cómo comenzar con Tailwind CSS, un marco CSS altamente personalizable que puede usar para crear rápidamente sus propias páginas web...

Adi Purdila • 17 Jul 2019
UX Design

Creatividad: Repensando la fase de exploración del diseño

Tutorial • Beginner

El inicio de un proyecto a menudo se describe como la fase de exploración de un proceso de diseño; durante esta fase, diverge rápidamente con muchas...

Joanna Ngai • 11 Jul 2019
UX/UI

Nuevo curso: Figma Grids en menos de 30 minutos

Tutorial • Beginner

Las rejillas(grids) son herramientas de diseño web esenciales, y en nuestro nuevo curso, Figma Grids en menos de 30 minutos, obtendrás una introducción...

Andrew Blackman • 3 Jun 2019
Web Typography

7 Principios de buen diseño de sitios web para temas de WordPress de periódico

Tutorial • Beginner

Sabes que el diseño de tu tema de periódico es excelente, pero ¿con qué frecuencia alguien más dice "¡Guau! ¡Excepcional!"? Posiblemente nunca. El...

Alina Silvasan • 22 May 2019
Web Typography

Lo que tu tipografía web dice sobre ti

Tutorial • Beginner

La tipografía es el arte o procedimiento de organizar las letras; la palabra escrita. Se utiliza con frecuencia para comunicar una marca, siendo un elemento...

Joanna Ngai • 20 May 2019
Forms

Crea un elegante formulario de contacto oscuro con HTML, CSS y JavaScript

Tutorial • Intermediate

En este tutorial, veremos el proceso de diseño de elementos básicos de un formulario de contacto. Examinaremos diferentes formas de hacer que un formulario...

George Martsoukos • 10 May 2019
Accessibility

6 consejos para la accesibilidad en el diseño de formularios

Tutorial • Beginner

Los formularios son una parte muy importante de la experiencia web. Catalogan solicitudes, completan compras, ayudan a los flujos de registro y desempeñan...

Joanna Ngai • 22 Apr 2019
HTML Templates

La mejor manera de usar Pop-Ups (ventanas emergentes) en tu diseño web

Tutorial • Beginner

En este tutorial veremos las ventanas emergentes (modales) en diseño web. El uso de ventanas emergentes en tus diseños conlleva cierta responsabilidad; si...

Adi Purdila • 10 Apr 2019
Web Typography

Cómo utilizar las propiedades lógicas de CSS para controlar el diseño

Tutorial • Intermediate

Las propiedades lógicas de CSS definen una nueva forma de trabajar con el diseño. Su objetivo principal es ayudar a los desarrolladores a soportar...

Anna Monus • 8 Apr 2019
Wireframing

Kits de diseño UX y UI para acelerar tu proceso de diseño

Tutorial • Beginner

Crear algo original lleva tiempo. Pero no tienes que empezar de cero, si usas kits de diseño UX y UI añadirás atractivo y eficacia a tus proyectos.

Eric Karkovack • 20 Mar 2019
Accessibility

Cómo mantener tus diseños accesibles con la cuadrícula CSS

Tutorial • Beginner

La cuadrícula CSS permite crear diseños bidimensionales al organizar elementos en filas y columnas. Te permite definir cualquier aspecto de tu cuadrícula,...

Anna Monus • 18 Mar 2019
UI Design

¿Cuál de los niveles de precios de Figma es el adecuado para ti?

Tutorial • Beginner

Figma es una aplicación de diseño de uso gratuito, pero también ofrece funciones adicionales para los suscriptores de pago. Veamos las diferencias entre...

Kezz Bracey • 25 Feb 2019