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.

All UX/UI content:

  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...