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

    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.