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 rápido: Cómo crear círculos perfectos y nítidos en Photoshop

Tutorial • Beginner

Lograr la perfección de los píxeles en el diseño de los elementos de la interfaz de usuario puede ser sencillo gracias a la función "ajustar a píxeles"...

Jim Nielsen • 12 Nov 2012
UX Design

Buenas Prácticas para Incrementar el Rendimiento de un Sitio Web

Tutorial • Beginner

Es bastante obvio: los sitios web con buen rendimiento disfrutan de mayor participación, retención y conversión de los visitantes. Teniendo en cuenta lo...

Aaron Lumsden • 24 Oct 2012
Forms

Consejo rápido: Checkboxes y Radio buttons fáciles con CSS3

Tutorial • Beginner

¿Te has preguntado alguna vez cómo aplicar estilo a los botones de radio y a las casillas de verificación, sin emplear JavaScript? ¡Gracias a CSS3 puedes!

Nick Dugger • 12 Oct 2012
Responsive Design

Menús Grandes, Pantallas Pequeñas: Navegación Multi-Nivel Adaptiva

Tutorial • Advanced

Si alguna vez has trabajado en un sitio web adaptivo, sin duda tuvo que hacer frente a uno de los problemas más difíciles en este campo emergente: la...

Tessa Thornton • 13 Sep 2012
Web Typography

Una introducción a teoría del color para los diseñadores web

Tutorial • Beginner

Hoy vamos aprender la importancia del color en el Diseño Web y la forma de elegir un esquema de color agradable. Este artículo es parte de nuestra serie:...

Thomas Cannon • 12 Sep 2012
UI Design

El qué, por qué y cómo de las texturas en el diseño web

Tutorial • Beginner

El uso de texturas y patrones en el diseño web ha recorrido un largo camino en muy poco tiempo. Desde el grunge cliché y las llamativas texturas vintage,...

Chris Brown • 7 Sep 2012
Navigation

Un Acercamiento Flexible a la Navegación Adaptiva

Tutorial • Beginner

Muchos sitios web adaptivos proporcionan una barra de navegación horizontal en pantallas grandes y una navegación desplegable para dispositivos pequeños. Es...

Ryan DeBeasi • 3 Sep 2012
UX Design

Flujo de Trabajo en HTML/CSS más Rápido con las Herramientas de Desarrollador de Chrome

Tutorial • Beginner

En este tutorial estaré revisando las herramientas de desarrollador de Chrome, específicamente cómo pueden ayudar a acelerar su flujo de trabajo HTML/CSS....

Aaron Lumsden • 28 Aug 2012
UX Design

Elaborar la Experiencia de los Mensajes de la Interfaz de Usuario

Tutorial • Beginner

Diseñar mensajes de interfaz eficaces e intuitivos para los usuarios (“user friendly”) es un arte en sí mismo. Mientras los diseñadores invierten mucho...

Winnie Lim • 14 Aug 2012
UX Design

Cómo utilizar markdown para documentación rápida

Tutorial • Beginner

Creada por John Gruber, Markdown, es una sintaxis de formateo que facilita muchísimo la creación de elementos básicos de HTML. En lugar de utilizar...

Suhail Dawood • 13 Aug 2012
Web Typography

Servicios de fuentes web: lo bueno, lo malo y lo feo

Tutorial • Beginner

En este artículo echaremos un vistazo a algunos de los servicios de fuentes web más populares, comparando las características entre ellos y hablando de...

Dan Eden • 19 Jul 2012
Design Theory

El esqueumorfismo en el diseño de la interfaz

Tutorial • Beginner

Así es, esqueuomorfismo. Veamos lo que significa este extraño término, cuándo deberías usarlo en el diseño de la interfaz y qué puede pasar cuando se usa mal.

Shaun Cronin • 13 Jul 2012