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

Web Typography

La anatomía de la tipografía web

Tutorial • Beginner

son importantes para ti, como un diseñador web.

Ian Yates • 5 Mar 2013
Responsive Design

Revisión de la Navegación Responsiva: Patrones Off Canvas

Tutorial • Beginner

En este tutorial vamos a revisar cuatro variantes de patrones en los que tanto la navegación como el contenido de la página se colocan off canvas (fuera de...

Steven Bradley • 4 Mar 2013
UX/UI

Mantener la coherencia con una guía de estilo del sitio web

Tutorial • Beginner

La creación de guías de estilo se está convirtiendo rápidamente en una práctica común para los diseñadores web, especialmente cuando se trata de sitios con...

Aaron Lumsden • 20 Feb 2013
Design Theory

Principios para un Diseño Exitoso de Botones

Tutorial • Beginner

Existen miles de formas para diseñar y crear botones hoy en día y usted solo tiene que emplear una pequeña cantidad de tiempo mirando a través de trabajos en...

Pete Orme • 13 Feb 2013
HTML

Hacer que los sitios web sean conscientes de la ubicación con la geolocalización HTML5

Tutorial • Beginner

Las suposiciones pueden ser un negocio arriesgado en el mundo de la experiencia de usuario, pero algunas de ellas pueden permitirte ofrecer una experiencia...

Aaron Lumsden • 4 Feb 2013
UX/UI

Recreando los efectos de filtro retro de Instagram

Tutorial • Beginner

En este tutorial voy a tomar un vistazo a exactamente cómo funcionan los filtros de Instagram, antes recreando efectos similares en Photoshop. Yo voy también...

Aaron Lumsden • 30 Jan 2013
Forms

Pon al día tus formularios con validación de CSS3 y HTML5

Tutorial • Beginner

Veamos como crear formularios que validan la información del usuario en el lado del cliente. Una vez hecho, veremos como embellecerlo usando CSS. ¡Incluyendo...

Jim Nielsen • 2 Jan 2013
UX Design

Primeros Pasos del Flujo de Trabajo Relativo a la Experiencia de Tus Usuario: Etapas Iniciales en el Diseño UX

Tutorial • Beginner

UX es típicamente la primera etapa en los procesos de desarrollo de software, pero echemos un vistazo más profundo a los pasos que debes dar un profesional...

Justin Smith • 24 Dec 2012
Navigation

Examinando el diseño de navegación adaptativa: patrones para el pié de página

Tutorial • Intermediate

Bienvenidos al segundo capítulo de una serie que examina patrones en el diseño de navegación adaptativa. Este artículo te guiará a través de cuatro patrones...

Steven Bradley • 13 Dec 2012
Design Theory

Entender la Maquetación de Pantalla Dividida o "Split" en el Diseño Web

Tutorial • Beginner

Como diseñadores web, seguimos muchos paradigmas de diseño y principios de maquetación: retículas, consistencia vertical, Maquetación en F, Maquetación en M,...

Amit S Namboothiry • 28 Nov 2012
Web Typography

Una guía acerca de combinar fuentes para novatos

Tutorial • Beginner

Combinar fuentes puede ser todo un reto. Escoger dos o más fuentes que queden bien juntas es complicado (seleccionar dos que combinen para conseguir tus...

Ian Yates • 26 Nov 2012
Bootstrap

Wireframes interactivos rápidos y fáciles con Bootstrap

Tutorial • Beginner

El diseño web es una profesión en evolución. Si bien siempre será importante tener buen ojo para el color, la tipografía y el diseño, estas habilidades están...

Trevor Pierce • 19 Nov 2012