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 maquetas en perspectiva en Sketch

Tutorial • Beginner

Manipular gráficos en tres dimensiones (añadiendo perspectiva con un punto de desvanecimiento, o con un plano isométrico) puede ser realmente útil para...

Adi Purdila • 7 Nov 2016
Design Systems

Desarrollo para Diseñadores: Pensamiento del Diseño Atómico

Tutorial • Beginner

¡Bienvenido otra vez a la siguiente entrega del Desarrollo para Diseñadores! Si te perdiste el último artículo por favor leélo. En éste artículo discutiré mi...

Daine Mawer • 31 Oct 2016
Accessibility

Hacer la Web Accesible para Todos con Diseño Inclusivo y Personas Diversas

Tutorial • Beginner

La importancia de crear una web que sea accesible para cualquiera y todos siempre ha sido enfatizado por el inventor de la misma Red Mundial:

Graeme Fulton • 26 Oct 2016
Wireframing

Adobe XD en 60 Segundos

Tutorial • Beginner

Adobe XD le permite diseñar y crear prototipos para aplicaciones; desde esquemas de diseño hasta experiencias de múltiples pantallas. ¡Vamos a ver lo que...

Daniel White • 17 Oct 2016
HTML

Un Rápido Recorrido por el Framework UIkit

Tutorial • Intermediate

Mientras que Bootstrap y Foundation podrían ser los dos más populares frameworks front-end entre los diseñadores web, en éste artículo, voy a presentarte las...

George Martsoukos • 12 Oct 2016
Web Typography

¿Quieres aprender los conceptos básicos del diseño web? Empieza aquí

Tutorial • Beginner

Si quieres empezar en el mundo del diseño web, hay algunas habilidades clave que necesitarás dominar.

Andrew Blackman • 4 Oct 2016
Responsive Design

CSS Grid Layout: Haciéndolo Responsivo

Tutorial • Beginner

A través de ésta serie nos hemos familiarizado con la sintaxis de Grid, aprendido sobre algunas formas eficientes de maquetar elementos en una página, y nos...

Ian Yates • 3 Oct 2016
Navigation

Cómo Crear Una Navegación Franjeada con Flexbox

Tutorial • Intermediate

Gracias a flexbox, hoy en día podemos crear algunos maquetados realmente atractivos y modernos con relativa facilidad. En éste tutorial vamos a ver una...

George Martsoukos • 27 Sep 2016
UI Design

Cómo crear un diseño isométrico con CSS: transformaciones 3D

Tutorial • Intermediate

Para este tutorial, nos inspiramos en la última iniciativa de Envato; Envato Elements. La página de inicio de Elements presenta una gama de productos...

Louie Rootfield • 6 Sep 2016
User Testing

Como Dirigir Pruebas de Usabilidad Remotas

Tutorial • Beginner

En el artículo anterior hablamos de lo que es una "Prueba de Usabilidad Remota", y cubrimos los pros y contras. En este artículo que voy a dar algunos...

Harry Brignull • 5 Sep 2016
Responsive Design

Cómo Crear un Componente UI Responsivo usando Element Queries

Tutorial • Intermediate

En éste tutorial continuaremos nuestra discusión sobre element queries, con el objetivo de crear un componente responsivo reutilizable.

Louie Rootfield • 30 Aug 2016
User Testing

Introducción a la realización de pruebas de usabilidad remotas

Tutorial • Beginner

¿En qué consisten las "pruebas remotas de usabilidad"? ¿Cuándo usarlas, y cuáles son los escollos potenciales? En este artículo responderemos a todas estas y...

Harry Brignull • 29 Aug 2016