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. Cómo crear un diseño web con temática de cómic, de Photoshop a HTML + CSS (Parte 1)

    Cómo crear un diseño web con temática de cómic, de Photoshop a HTML + CSS (Parte 1)

    Tutorial Beginner

    ¡Actualizado con el tutorial de codificación! Esta vez tengo un tutorial divertido para todos. En la primera parte crearemos un diseño muy original para...

  2. Usando el Sistema de Grids 960 como un Marco de Diseño

    Usando el Sistema de Grids 960 como un Marco de Diseño

    Tutorial Beginner

    El 960 Grid System ha existido desde hace un tiempo ... pero se ha utilizado principalmente en el lado de la codificación de proyectos como un marco HTML /...

  3. Concepto e inspiración: Teoría del diseño para diseñadores Web

    Concepto e inspiración: Teoría del diseño para diseñadores Web

    Tutorial Beginner

    El desarrollo de un concepto significativo es un paso crucial en cualquier proyecto de diseño... pero es una habilidad que pocas personas se toman el tiempo...

  4. Fundamentos de Diseño Web: Por Qué es Importante la Tipografía

    Fundamentos de Diseño Web: Por Qué es Importante la Tipografía

    Tutorial Beginner

    Los conocimientos tipográficos son una de las mayores habilidades que puede tener un diseñador… los veteranos de la industria emplearon años en perfeccionar...

  5. ¡Errores! ¿Malas decisiones o malos diseños?

    ¡Errores! ¿Malas decisiones o malos diseños?

    Tutorial Beginner

    Seamos realistas, los errores pasan todo el tiempo. La mayoría de los errores son ocasionados por lo que llamamos “errores humanos” y parecen inevitables,...

  6. La falacia de la ampliación en diseño web

    La falacia de la ampliación en diseño web

    Tutorial Beginner

    En pocas palabras, la falacia de la ampliación, es el fenómeno donde las personas erróneamente asumen que algo que funciona en un tamaño también funcionará...

  7. Cómo Descubrir los Requisitos Creativos De Tu Cliente Correctamente

    Cómo Descubrir los Requisitos Creativos De Tu Cliente Correctamente

    Tutorial Beginner

    Obtener los requisitos creativos correctos de tu cliente puede ser uno de los mayores de un proyecto creativo… pero parece ser especialmente complicado en el...

  8. Diseña una interfaz de sitio web acogedor y alegre en Adobe Photoshop

    Diseña una interfaz de sitio web acogedor y alegre en Adobe Photoshop

    Tutorial Beginner

    ¡Actualizado con los tutoriales de codificación HTML!  Poco después del lanzamiento de Webdesigntuts, publicamos este excelente tutorial que detalla el...

  9. Los principios Gestalt: teoría de diseño para los diseñadores web

    Los principios Gestalt: teoría de diseño para los diseñadores web

    Tutorial Beginner

    La forma en la cual las personas ven nuestros diseños, será la causa principal por lo cual ellos sencillamente dejen de verlos. ¿Qué hacen los Principios...

  10. 6 Consejos para Mejorar la Accesibilidad Web

    6 Consejos para Mejorar la Accesibilidad Web

    Tutorial Beginner

    Idealmente, deberíamos tener en cuenta la accesibilidad en todo proyecto web, para aumentar la disponibilidad a la mayor número de personas posible. En el...

  11. Crear un diseño de sitio web terriblemente fresco y orientado horizontalmente

    Crear un diseño de sitio web terriblemente fresco y orientado horizontalmente

    Tutorial Beginner

    ¿Estás de humor para algo diferente? Te guiaré en el proceso de creación de diseño de Stuff: blog y portafolio orientados horizontalmente. ¡Asegúrate de...

  12. Guía del diseñador web para comparar Photoshop y Fireworks

    Guía del diseñador web para comparar Photoshop y Fireworks

    Tutorial Beginner

    Hoy vamos a profundizar en las principales diferencias entre Photoshop y Fireworks y lo que significan para los diseñadores web. Este artículo pretende ser...