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.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
  • All UX/UI tutorials:

    1. Como Crear un Video Flotante "Pegajoso" en Desplazamiento de Página

      Como Crear un Video Flotante "Pegajoso" en Desplazamiento de Página

      Tutorial Intermediate

      Si te has encontrado navegando sitios web de medios recientemente---servicios de streaming de video, sitios web de noticias, Facebook y así por el...

    2. 13 Herramientas de Prototipado para Diseñadores Web

      13 Herramientas de Prototipado para Diseñadores Web

      Tutorial Beginner

      Veamos algunas herramientas de prototipado disponibles para los diseñadores web hoy en día, en ningún orden particular:

    3. Asequibilidad en Diseño de Formularios

      Asequibilidad en Diseño de Formularios

      Tutorial Beginner

      Echemos un vistazo a las asequibilidades en el reino digital, específicamente en cómo tomamos estos principios y los aplicamos en los elementos de UI...

    4. Una Introducción de Diseñador Web a Adobe Animate CC

      Una Introducción de Diseñador Web a Adobe Animate CC

      Tutorial Intermediate

      ¿Qué es mejor que estar estático? Estar en movimiento, mis buenos amigos. El movimiento está a la alza para la web, desde simples interacciones de interfaz,...

    5. Cómo Crear una Navegación Off-Canvas con CSS Grid

      Cómo Crear una Navegación Off-Canvas con CSS Grid

      Tutorial Intermediate

      El patrón off-canvas es una solución clásica para la navegación en sitios responsivos. Cuando la ventana de visualización es suficientemente pequeña para...

    6. El Significado del Contexto Visual en el Diseño Web

      El Significado del Contexto Visual en el Diseño Web

      Tutorial Beginner

      De acuerdo a resultados de un estudio realizado por la Universidad de Ciencia y Tecnología de Missouri los visitantes se toman menos de dos décimas de un...

    7. Consejo Rápido: Cómo Crear Maquetado para Blog Con Bulma

      Consejo Rápido: Cómo Crear Maquetado para Blog Con Bulma

      Tutorial Intermediate

      En éste consejo rápido, vamos a usar Bulma, un popular framework CSS basado en Flexbox desarrollado por Jeremy Thomas, para crear un maquetado para blog...

    8. 14 Cursos Esenciales de CSS

      14 Cursos Esenciales de CSS

      Tutorial Beginner

      Si usted quiere ser un diseñador web exitoso, una sólida comprensión de CSS es obligatoria. Por suerte, tenemos algunos recursos para ayudarle, bien sea si...

    9. JotForm 4.0: Constructor Móvil, Colaboración y Más

      JotForm 4.0: Constructor Móvil, Colaboración y Más

      Tutorial Beginner

      JotForm es una servicio de construcción de formularios en línea y recientemente tuvo una actualización. La nueva UI es fácil de usar, viene con algunas...

    10. Diseñar una Aplicación Usando la Hoja de Etiquetas de Componentes de Material Design

      Diseñar una Aplicación Usando la Hoja de Etiquetas de Componentes de Material Design

      Tutorial Beginner

      Gracias a Material Design, un lenguaje visual desarrollado por Google, diseñar interfaces de usuario para la plataforma Android es más fácil que nunca. Una...

    11. Predicciones de Diseño Web para 2017

      Predicciones de Diseño Web para 2017

      Tutorial Beginner

      Mis artículos anuales de predicción se han convertido en una tradición; vistazos al futuro del diseño web, emparejados con suposiciones educadas sobre qué...

    12. Cómo crear texto perfectamente centrado con Flexbox

      Cómo crear texto perfectamente centrado con Flexbox

      Tutorial Intermediate

      No hay nada que nos impresione especialmente con respecto al centrado horizontal de tu contenido: lo has estado haciendo durante años. Pero, ¿qué pasa con el...