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:

Filters

UX/UI

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

Adi Purdila • 10 Jul 2012
Content Strategy

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

Jonathan Cutrell • 9 Jul 2012
UX/UI

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

Suhail Dawood • 26 Jun 2012
UX Design

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

Chris Brown • 19 Jun 2012
UX Design

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

Chris Brown • 6 Jun 2012
UI Design

Consejo rápido: Esquinas redondeadas hechas correctamente

Tutorial • Beginner

Esto va a parecer infame para muchos de ustedes, pero veo que sucede tan a menudo que pensé que valía la pena mencionarlo. Llamaremos a este problema...

Ian Yates • 24 May 2012
Design Theory

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

Justin Smith • 9 May 2012
UI Design

Ventanas modales y no modales en diseño web

Tutorial • Beginner

Las ventanas modales se encuentran entre los elementos de diseño más efectivos que un diseñador web puede emplear. Hoy, vamos a definir lo que un cuadro...

Greg Bates • 2 May 2012
Responsive Design

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

Connor Turnbull • 18 Apr 2012
Design Theory

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

Ahmed Hussam • 13 Apr 2012
Design Theory

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

Brandon Jones • 7 Mar 2012
HTML/CSS

Diseñ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 estética y aprenderás un montón de técnicas que...

Mahdi El Hanafi • 29 Feb 2012