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. Consejos CSS para una mejor accesibilidad al color y al contraste

      Consejos CSS para una mejor accesibilidad al color y al contraste

      Tutorial Beginner

      La accesibilidad del color es una parte importante de la accesibilidad visual. Las personas con diversos tipos de discapacidades visuales, como daltonismo y...

    2. Cómo usar Pa11y: Realizando pruebas de la accesibilidad web mediante la línea de comandos

      Cómo usar Pa11y: Realizando pruebas de la accesibilidad web mediante la línea de comandos

      Tutorial Beginner

      El mundo está en un punto donde es imperativo diseñar para todos, y la web es una parte importante de ello. Como tal, los desarrolladores y diseñadores...

    3. Cómo diseñar una app de finanzas
Proceso de registro en Sketch

      Cómo diseñar una app de finanzas Proceso de registro en Sketch

      Tutorial Beginner

      En este tutorial revisaremos el diseño del proceso de registro en una aplicación para móviles. En específico, diseñaremos la pantalla de inicio de sesión de...

    4. Cómo editar archivos PSD en línea con Bannersnack

      Cómo editar archivos PSD en línea con Bannersnack

      Tutorial Beginner

      En este tutorial aprenderás cómo editar archivos PSD, en el navegador, sin usar Adobe Photoshop. Es posible gracias a una herramienta llamada Bannersnack,...

    5. Cómo crear un formulario SVG responsivo hecho a mano

      Cómo crear un formulario SVG responsivo hecho a mano

      Tutorial Intermediate

      En tutoriales anteriores, te he enseñado cómo crear un formulario responsivo con flexbox además de cómo estilizar los elementos de un formulario. Hoy...

    6. Cómo diseñar una UI para una aplicación de condición física

      Cómo diseñar una UI para una aplicación de condición física

      Tutorial Intermediate

      En este tutorial de Sketch aprenderás cómo diseñar una interfaz para una aplicación de condición física.

    7. Figma vs. Adobe XD en el 2020

      Figma vs. Adobe XD en el 2020

      Tutorial Beginner

      Figma y Adobe XD han estado compitiendo desde el lanzamiento de XD en el 2016. Al principio, la competencia no era tan fuerte, ya que los primeros...

    8. Cómo diseñar una pantalla de inicio de sesión para una aplicación de viajes en Sketch

      Cómo diseñar una pantalla de inicio de sesión para una aplicación de viajes en Sketch

      Tutorial Intermediate

      En este tutorial de UI en Sketch aprenderás a diseñar una pantalla de inicio de sesión de una aplicación de viajes.

    9. Cómo crear una página de aterrizaje animada con Bootstrap y Material Kit

      Cómo crear una página de aterrizaje animada con Bootstrap y Material Kit

      Tutorial Intermediate

      En un tutorial pasado, analizamos cómo crear una página de aterrizaje responsiva con Bootstrap 4. Hoy, aprenderemos a crear una página de aterrizaje animada...

    10. Cómo diseñar una UI para una aplicación de administración de dinero en Sketch

      Cómo diseñar una UI para una aplicación de administración de dinero en Sketch

      Tutorial Intermediate

      En este tutorial de aplicación en Sketch aprenderás cómo crear un diseño de UI móvil para administrar dinero. Échale un vistazo al diseño final para...

    11. 7 Unidades CSS De las Que Tal Vez No Sepas

      7 Unidades CSS De las Que Tal Vez No Sepas

      Tutorial Beginner

      Es fácil atorarse trabajando con las técnicas CSS que conocemos bien, pero hacerlo nos pone en desventaja cuando surgen nuevos problemas.

    12. Los 5 mejores plugins de Figma para el manejo del color

      Los 5 mejores plugins de Figma para el manejo del color

      Tutorial Beginner

      En esta publicación veremos los que, a mi parecer, son los 5 mejores plugins de gestión de color para Figma.