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. La fase de prueba del Pensamiento de Diseño

      La fase de prueba del Pensamiento de Diseño

      Tutorial Beginner

      Bien, ya has planteado el problema, has generado bastantes ideas; el siguiente paso es decidir qué ideas seguir.

    2. Las novedades en Sketch 52

      Las novedades en Sketch 52

      Tutorial Beginner

      Octubre de 2018 fue un mes verdaderamente emocionante para los creativos de todo el mundo: Adobe organizó su conferencia anual MAX y anunció todo tipo de...

    3. Nuevo curso: Diseño responsivo en Adobe XD

      Nuevo curso: Diseño responsivo en Adobe XD

      Tutorial Beginner

      Cuando le muestras a tus clientes el prototipo de un diseño web, querrán saber cómo se visualiza en distintos dispositivos. Aprende a crear una maqueta...

    4. 5 Fáciles Consejos para Comunicar los Hallazgos de Experiencia de Usuario a Equipos

      5 Fáciles Consejos para Comunicar los Hallazgos de Experiencia de Usuario a Equipos

      Tutorial Beginner

      Una habilidad importante pero poco valorada en la caja de herramientas de un diseñador es comunicar los hallazgos de la investigación de Experiencia de...

    5. Explorando la Actualización de Adobe XD de Octubre de 2018

      Explorando la Actualización de Adobe XD de Octubre de 2018

      Tutorial Beginner

      La conferencia Adobe Max de éste año anunció, como es habitual, muchas actualizaciones de las características en los productos de Adobe. Entre éstas...

    6. Tutorial de Figma: Más tips sobre cómo diseñar una página web

      Tutorial de Figma: Más tips sobre cómo diseñar una página web

      Tutorial Beginner

      Para finalizar la serie de consejos de diseño web, aquí tienes otro tutorial de Figma con tres de ellos que entran en la categoría de “misceláneos”.

    7. Usando el audio para mejorar tus sitios y tus aplicaciones web

      Usando el audio para mejorar tus sitios y tus aplicaciones web

      Tutorial Beginner

      ¿Cuál es la función adecuada del audio en el diseño web? Al parecer, desde que hemos estado creando sitios web, los diseñadores hemos buscado la manera de...

    8. Una guía para crear animaciones accesibles

      Una guía para crear animaciones accesibles

      Tutorial Intermediate

      Las interfaces animadas pueden provocar dolores de cabeza, náuseas, mareos y otros problemas de salud para muchas personas. Los grupos más afectados son las...

    9. Cómo puedes usar el software de Adobe para mejorar la accesibilidad de tus diseños

      Cómo puedes usar el software de Adobe para mejorar la accesibilidad de tus diseños

      Tutorial Beginner

      Es importante que la mayor cantidad de gente posible sea capaz de participar con éxito en los diseños digitales. En este artículo, veremos algunas de las...

    10. SVGs accesibles: métodos para añadir contenido alternativo

      SVGs accesibles: métodos para añadir contenido alternativo

      Tutorial Beginner

      Los gráficos vectoriales escalables (SVG) son imágenes vectoriales basadas en XML. Existen desde hace ya mucho tiempo, pero durante los últimos dos años su...

    11. Tutorial de Figma sobre testeo y cómo trasladar a código

      Tutorial de Figma sobre testeo y cómo trasladar a código

      Tutorial Beginner

      Trabajar con desarrolladores es parte importante de lo que ofrece Figma a los diseñadores, y hoy vamos a ver cómo usar Figma para transferir y testear.

    12. Consejos para trabajar con diseños en Figma

      Consejos para trabajar con diseños en Figma

      Tutorial Beginner

      Cuando se trabaja con diseños en Figma (lo que será a menudo), es necesario estar cómodo con el cambio de tamaño, las medidas, el espaciado, la...