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. Introducción a Avocode — PSD a código sin Photoshop

      Introducción a Avocode — PSD a código sin Photoshop

      Tutorial Beginner

      Photoshop ha sido una parte del diseño web durante años, y es muy probable que continúe como tal durante mucho tiempo. Si diseñas para la web con Photoshop...

    2. "Outside In" — Ordenar propiedades CSS según su importancia

      "Outside In" — Ordenar propiedades CSS según su importancia

      Tutorial Beginner

      Este artículo trata sobre la estructura del código CSS, concretamente sobre un método que he estado usando durante los últimos años para aportar algo de...

    3. Sketch para principiantes: diseño de la interfaz de un formulario de login

      Sketch para principiantes: diseño de la interfaz de un formulario de login

      Tutorial Beginner

      Sketch, creado por los chicos de Bohemian Coding, es un programa excelente para el diseño de interfaz. Este tutorial pensado para principiantes, te...

    4. Consejo rápido: navegación pegajosa, sin el incómodo salto

      Consejo rápido: navegación pegajosa, sin el incómodo salto

      Tutorial Intermediate

      La «navegación pegajosa» es una barra de navegación que parece adherirse a la parte superior de la página una vez que el usuario empieza a desplazarse....

    5. Guía de los Diseñadores Web para la Selección de Fotos

      Guía de los Diseñadores Web para la Selección de Fotos

      Tutorial Beginner

      Las imagenes fotograficas capturan nuestra atención y causan casi una respuesta instantanea cuando las encontramos. Además, son una parte importante de...

    6. Cómo diseñar un portafolio sencillo basado en Instagram en Photoshop

      Cómo diseñar un portafolio sencillo basado en Instagram en Photoshop

      Tutorial Intermediate

      En este tutorial te guiaré a través del proceso de creación de un portafolio simple y limpio basado en Instagram. Utilizaremos imágenes llamativas, una...

    7. Principiantes 6 "seguridad primero" guías de Color para la Web

      Principiantes 6 "seguridad primero" guías de Color para la Web

      Tutorial Beginner

      Recuerdo aún vívidamente una de mis primeras clases de arte cuando, como un chiquillo impaciente, me presenté con una gama de pinturas de colores brillantes....

    8. 50 Herramientas, Artículos, Libros y Recursos para Guías de Estilo

      50 Herramientas, Artículos, Libros y Recursos para Guías de Estilo

      Tutorial Beginner

      Cuando te inicies en los procesos de creación y aplicación de tus propias Guías de Estilo, debes saber que no estás sólo. Las Guías de Estilo hace ya algún...

    9. Guías de estilo front-end: Respuesta a tus dudas

      Guías de estilo front-end: Respuesta a tus dudas

      Tutorial Beginner

      Recientemente proporcionamos a los seguidores de nuestro Twitter la oportunidad de preguntarnos cualquier cosa que deseasen sobre las Guías de estilo para el...

    10. Cómo crear guías de estilo para un público específico

      Cómo crear guías de estilo para un público específico

      Tutorial Beginner

      Una guía de estilo puede ser un documento increíblemente poderoso que perdure más tiempo que la mayoría dentro de la cultura de una empresa. Con...

    11. Introducción Súper Rápida a las Guías de Estilo

      Introducción Súper Rápida a las Guías de Estilo

      Tutorial Beginner

      Esta semana el equipo de Diseño Web de Tuts+ está realizando una serie de piezas que explican en profundidad el mundo de las Guías de Estilo y todas las...

    12. Crear un efecto de fondo enmascarado con CSS

      Crear un efecto de fondo enmascarado con CSS

      Tutorial Beginner

      Hoy vamos a crear paso a paso una técnica realmente asombrosa que puedes usar como un efecto muy parecido al desplazamiento parallax, sin usar nada de...