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.
Read moreRead less
All content
Courses
Tutorials

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 usar el elemento “picture” de HTML5 para imágenes responsivas

      Consejo rápido: cómo usar el elemento “picture” de HTML5 para imágenes responsivas

      Tutorial • Beginner

      Las imágenes son notoriamente uno de los aspectos más desafiantes del "responsive web design". Hoy veremos como el elemento , una solución al problema de...

    2. Cómo crear una moderna tabla de precios con una cabecera fija

      Cómo crear una moderna tabla de precios con una cabecera fija

      Tutorial • Intermediate

      Las tablas de precios fijas (o pegajosas) son perfectas para mostrar productos y servicios con largas listas de características que requieran ser...

    3. 6 plugins para Figma para darte superpoderes de diseño (y cómo utilizarlos)

      6 plugins para Figma para darte superpoderes de diseño (y cómo utilizarlos)

      Tutorial • Beginner

      Los plugins de Figma son una incorporación reciente a la herramienta colaborativa para diseñadores de interfaz de usuario que se está volviendo la favorita...

    4. Cómo hacer que el menú desplegable de la barra de navegación de Bootstrap funcione al situar el puntero (on hover)

      Cómo hacer que el menú desplegable de la barra de navegación de Bootstrap funcione al situar el puntero (on hover)

      Tutorial • Beginner

      ¿Alguna vez has creado una barra de navegación de Bootstrap con menús desplegables? Si la respuesta es «sí», quizá hayas notado que los menús desplegables de...

    5. Nuevo curso: Conceptos básicos de tipografías para sitios web en Figma

      Nuevo curso: Conceptos básicos de tipografías para sitios web en Figma

      Tutorial • Beginner

      Mejora tus habilidades para crear tipografías para sitios web en nuestro nuevo curso, Conceptos básicos de tipografías para sitios web en Figma. En este...

    6. Consejos de experiencia de usuario (UX): Tres cosas que debes saber para la incorporación exitosa de usuarios

      Consejos de experiencia de usuario (UX): Tres cosas que debes saber para la incorporación exitosa de usuarios

      Tutorial • Beginner

      El proceso de incorporación suele ser la primera impresión que un usuario tendrá de tu nuevo producto o servicio. Una incorporación exitosa es en...

    7. Cómo encontrar la imagen «hero» perfecta  para tu sitio web

      Cómo encontrar la imagen «hero» perfecta  para tu sitio web

      Tutorial • Beginner

      Un sitio web exitoso está formado por muchos componentes, pero quizá ninguno más importante que aquel que brinda una primera buena impresión. Por...

    8. Métodos de pruebas de usabilidad: Los beneficios de las pruebas cara a cara

      Métodos de pruebas de usabilidad: Los beneficios de las pruebas cara a cara

      Tutorial • Beginner

      Mientras trabajaba como desarrollador web vi que muchas funcionalidades del proyecto fallaban debido a la falta de pruebas de usabilidad antes del...

    9. Cómo hacer un prototipo con el plugin de Sketch de Envato

      Cómo hacer un prototipo con el plugin de Sketch de Envato

      Tutorial • Beginner

      Mejora tu flujo de trabajo accediendo a kits de diseño UI gratis y a fotos de stock premium disponibles desde Sketch.

    10. 5 reglas fáciles para principiantes de diseño de UI móvil

      5 reglas fáciles para principiantes de diseño de UI móvil

      Tutorial • Beginner

      El uso de teléfonos inteligentes ha ido aumentando constantemente durante los últimos años, y más de un tercio de la población mundial actualmente tiene uno....

    11. Cómo realizar un taller para la clasificación de tarjetas UX

      Cómo realizar un taller para la clasificación de tarjetas UX

      Tutorial • Beginner

      El acto de ordenar tarjetas es una forma práctica y rápida de crear un árbol de categorías (arquitectura de información) basado en la comprensión de los...

    12. Crea un menú responsivo avanzado inspirado en Netflix

      Crea un menú responsivo avanzado inspirado en Netflix

      Tutorial • Intermediate

      El otro día visité el sitio web de Netflix Jobs desde mi teléfono y vi su menú fuera del lienzo (off-canvas). Realmente me gustaron las impresionantes ...

    Related Categories

    CSS
    HTML/CSS
    UI Design
    Sketch
    Unlimited Downloads
    From $16.50/month
    Get access to over one million creative assets on Envato.
    Over 9 Million Digital Assets
    Everything you need for your next creative project.
    Create Beautiful Logos, Designs
    & Mockups in Seconds
    Design like a professional without Photoshop.
    Join the Community
    Share ideas. Host meetups. Lead discussions. Collaborate.