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 una Barra Reducida y Ajustada en la parte superior con Foundation

      Como Crear una Barra Reducida y Ajustada en la parte superior con Foundation

      Tutorial Intermediate

      Una tendencia muy común estos días es el uso de una navegación fija, la cual se reduce para volverse menos molesta a medida que los usuarios se desplazan...

    2. Diseñando una elegante presentación de Blog en Photoshop

      Diseñando una elegante presentación de Blog en Photoshop

      Tutorial Intermediate

      En este tutorial te mostraré cómo crear un diseño de blog simple y elegante en Photoshop. Usaremos una imagen fuerte por encima del doblez (donde quiera que...

    3. Hacer Una Investigación Exitosa para un Proyecto Web

      Hacer Una Investigación Exitosa para un Proyecto Web

      Tutorial Beginner

      Conducir una investigación para tu proyecto web es bastante simple y no tiene que tomar mucho de tu tiempo. Al planear y detallarlo en unos cuantos pasos...

    4. Construyendo una página adaptable para un portafolio con una línea de tiempo

      Construyendo una página adaptable para un portafolio con una línea de tiempo

      Tutorial Intermediate

      Durante este tutorial, construiremos el fantástico portafolio con línea de tiempo, como se vio en un tutorial anterior de Tomás Laurinavicius. Utilizaremos...

    5. Construir una barra de Navegación superior por fuera con Foundation 5

      Construir una barra de Navegación superior por fuera con Foundation 5

      Tutorial Beginner

      En un tutorial anterior, aprendimos cómo personalizar la barra superior de Foundation 4 usando CSS. Desde entonces ZURB ha lanzado Foundation 5; más...

    6. 9 consejos rápidos para realizar un diseño medianamente decente

      9 consejos rápidos para realizar un diseño medianamente decente

      Tutorial Beginner

      Quizás seas un novato en esto del diseño, pero quieres hacer las cosas razonablemente bien ( sin necesidad de utilizar la plantilla o borrador que está...

    7. Sencillas mejoras visuales para una mejor programación con Sublime Text

      Sencillas mejoras visuales para una mejor programación con Sublime Text

      Tutorial Beginner

      Sublime Text ofrece miles de extensiones y configuraciones para hacer un editor de código personalizado para cualquier persona. En este tutorial, voy a...

    8. Consejo rápido: Recuerda los puntos de quiebre verticales

      Consejo rápido: Recuerda los puntos de quiebre verticales

      Tutorial Intermediate

      Recientemente he visto que esto pasa mucho, generalmente en sitios web con navegación fija en el lado izquierdo. Tendrán diseños encantadores y fluidos, que...

    9. Diseñar un Elegante Página de Portafolio en Línea de Tiempo utilizando Photoshop

      Diseñar un Elegante Página de Portafolio en Línea de Tiempo utilizando Photoshop

      Tutorial Beginner

      En este tutorial usaré Photoshop CS6 para diseñar una sencilla, limpia, página de portafolio de tres columnas con una línea de tiempo de tendencia. Durante...

    10. Comienza a utilizar las comillas "correctamente"

      Comienza a utilizar las comillas "correctamente"

      Tutorial Beginner

      Comillas, signos de citación, comas invertidas, como sea que llames estas formas de puntuación, podrías estar usándolas incorrectamente. Echemos un vistazo...

    11. Guía de los usuarios a través de tu sitio web con Bootstrap Tour

      Guía de los usuarios a través de tu sitio web con Bootstrap Tour

      Tutorial Beginner

      Cuando tienes una aplicación web que requiere que los usuarios se acostumbren a ella, es necesario hacer un recorrido por la interfaz. Crear un recorrido...

    12. Los componentes básicos del diseño de UX (experiencia de usuario) para niños

      Los componentes básicos del diseño de UX (experiencia de usuario) para niños

      Tutorial Beginner

      Diseñar para niños es una situación única y desafiante para cualquier profesional de UX. Si bien muchos principios y prácticas abarcan todas las edades, hay...