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. Consejo rápido: Cómo crear círculos perfectos y nítidos en Photoshop

      Consejo rápido: Cómo crear círculos perfectos y nítidos en Photoshop

      Tutorial Beginner

      Lograr la perfección de los píxeles en el diseño de los elementos de la interfaz de usuario puede ser sencillo gracias a la función "ajustar a píxeles"...

    2. Buenas Prácticas para Incrementar el Rendimiento de un Sitio Web

      Buenas Prácticas para Incrementar el Rendimiento de un Sitio Web

      Tutorial Beginner

      Es bastante obvio: los sitios web con buen rendimiento disfrutan de mayor participación, retención y conversión de los visitantes. Teniendo en cuenta lo...

    3. Consejo rápido: Checkboxes y Radio buttons fáciles con CSS3

      Consejo rápido: Checkboxes y Radio buttons fáciles con CSS3

      Tutorial Beginner

      ¿Te has preguntado alguna vez cómo aplicar estilo a los botones de radio y a las casillas de verificación, sin emplear JavaScript? ¡Gracias a CSS3 puedes!

    4. Menús Grandes, Pantallas Pequeñas: Navegación Multi-Nivel Adaptiva

      Menús Grandes, Pantallas Pequeñas: Navegación Multi-Nivel Adaptiva

      Tutorial Advanced

      Si alguna vez has trabajado en un sitio web adaptivo, sin duda tuvo que hacer frente a uno de los problemas más difíciles en este campo emergente: la...

    5. Una introducción a teoría del color para los diseñadores web

      Una introducción a teoría del color para los diseñadores web

      Tutorial Beginner

      Hoy vamos aprender la importancia del color en el Diseño Web y la forma de elegir un esquema de color agradable. Este artículo es parte de nuestra serie:...

    6. El qué, por qué y cómo de las texturas en el diseño web

      El qué, por qué y cómo de las texturas en el diseño web

      Tutorial Beginner

      El uso de texturas y patrones en el diseño web ha recorrido un largo camino en muy poco tiempo. Desde el grunge cliché y las llamativas texturas vintage,...

    7. Un Acercamiento Flexible a la Navegación Adaptiva

      Un Acercamiento Flexible a la Navegación Adaptiva

      Tutorial Beginner

      Muchos sitios web adaptivos proporcionan una barra de navegación horizontal en pantallas grandes y una navegación desplegable para dispositivos pequeños. Es...

    8. Flujo de Trabajo en HTML/CSS más Rápido con las Herramientas de Desarrollador de Chrome

      Flujo de Trabajo en HTML/CSS más Rápido con las Herramientas de Desarrollador de Chrome

      Tutorial Beginner

      En este tutorial estaré revisando las herramientas de desarrollador de Chrome, específicamente cómo pueden ayudar a acelerar su flujo de trabajo HTML/CSS....

    9. Elaborar la Experiencia de los Mensajes de la Interfaz de Usuario

      Elaborar la Experiencia de los Mensajes de la Interfaz de Usuario

      Tutorial Beginner

      Diseñar mensajes de interfaz eficaces e intuitivos para los usuarios (“user friendly”) es un arte en sí mismo. Mientras los diseñadores invierten mucho...

    10. Cómo utilizar markdown para documentación rápida

      Cómo utilizar markdown para documentación rápida

      Tutorial Beginner

      Creada por John Gruber, Markdown, es una sintaxis de formateo que facilita muchísimo la creación de elementos básicos de HTML. En lugar de utilizar...

    11. Servicios de fuentes web: lo bueno, lo malo y lo feo

      Servicios de fuentes web: lo bueno, lo malo y lo feo

      Tutorial Beginner

      En este artículo echaremos un vistazo a algunos de los servicios de fuentes web más populares, comparando las características entre ellos y hablando de...

    12. El esqueumorfismo en el diseño de la interfaz

      El esqueumorfismo en el diseño de la interfaz

      Tutorial Beginner

      Así es, esqueuomorfismo. Veamos lo que significa este extraño término, cuándo deberías usarlo en el diseño de la interfaz y qué puede pasar cuando se usa mal.