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. Consejo rápido: Diseña un reloj de cuenta regresiva en menos de 15 minutos

    Consejo rápido: Diseña un reloj de cuenta regresiva en menos de 15 minutos

    Tutorial Beginner

    En este consejo rápido demostraré cómo diseñar una interfaz de reloj de cuenta regresiva en Photoshop. Repasaremos algunas técnicas simples y, en menos de...

  2. La Psicología del Diseño de Contenido

    La Psicología del Diseño de Contenido

    Tutorial Beginner

    Como diseñadores web, nos enfrentamos a tareas difíciles todo el tiempo que nos sentamos a producir contenido para el web. No existe duda de que entendemos...

  3. Smarten Up a Slick Login Form con CSS3

    Smarten Up a Slick Login Form con CSS3

    Tutorial Beginner

    Vamos a crear un formulario de inicio de sesión minimalista e ingenioso utilizando HTML5 básico y luego lo mejoraremos con algunas técnicas CSS3. Es hora de...

  4. Diseñando Personas: Inyectando Personalidad en tus Proyectos Web

    Diseñando Personas: Inyectando Personalidad en tus Proyectos Web

    Tutorial Beginner

    Revisemos el qué, por qué y cómo en la creación de diseñar personas; desarrollando personalidades para tus proyectos. Cuando se usa correctamente, el diseño...

  5. Aplicar Estilo a Módulos: Una Alternativa al Diseño de Composiciones Completas

    Aplicar Estilo a Módulos: Una Alternativa al Diseño de Composiciones Completas

    Tutorial Beginner

    Si te pareces a mi, estarás de acuerdo en que la fase inicial de un proyecto puede consumir mucho tiempo, lleno de frustraciones y que rara vez cumple con...

  6. Consejo rápido: Esquinas redondeadas hechas correctamente

    Consejo rápido: Esquinas redondeadas hechas correctamente

    Tutorial Beginner

    Esto va a parecer infame para muchos de ustedes, pero veo que sucede tan a menudo que pensé que valía la pena mencionarlo. Llamaremos a este problema...

  7. Cómo Aplicar la Ley de Fitts al Diseño de Interfaces Móviles

    Cómo Aplicar la Ley de Fitts al Diseño de Interfaces Móviles

    Tutorial Beginner

    La Ley de Fitts es un principio esencial en la teoría de Interacción Humano-Computadora, formulado hace casi 60 años atrás. Es fundamental para el diseño de...

  8. Ventanas modales y no modales en diseño web

    Ventanas modales y no modales en diseño web

    Tutorial Beginner

    Las ventanas modales se encuentran entre los elementos de diseño más efectivos que un diseñador web puede emplear. Hoy, vamos a definir lo que un cuadro...

  9. Mejorar la calidad de imagen en la pantalla Retina

    Mejorar la calidad de imagen en la pantalla Retina

    Tutorial Beginner

    El nuevo iPad fue lanzado el mes pasado, y, entre otras cosas, tiene una increíble pantalla Retina con una resolución de 2048 por 1536 píxeles. Casi tan...

  10. Dirección visual en diseño web

    Dirección visual en diseño web

    Tutorial Beginner

    Uno de los grandes secretos de diseño es aprender cómo guiar la dirección visual de los usuarios. De hecho, este principio a menudo se pasa por alto, incluso...

  11. Entendiendo el diseño en forma de F en diseño web

    Entendiendo el diseño en forma de F en diseño web

    Tutorial Beginner

    Hoy vamos a examinar el “Patrón de Composición en forma de F”. En lugar de forzar el flujo visual del espectador, el “diseño en forma de F” cede a los...

  12. Diseñar un blog estilo profesional en Photoshop

    Diseñar un blog estilo profesional en Photoshop

    Tutorial Beginner

    Hoy vamos a analizar el tema de una revista de blog profesional en Photoshop. Este es un ejercicio de estética y aprenderás un montón de técnicas que...