Learn UI Design

Dive into the art of UI design. Read these tutorials to master color theory, layout, typography, and more. Create stunning user interfaces that delight users.

All UI Design content:

  1. Asequibilidad en Diseño de Formularios

    Asequibilidad en Diseño de Formularios

    Tutorial Beginner

    Echemos un vistazo a las asequibilidades en el reino digital, específicamente en cómo tomamos estos principios y los aplicamos en los elementos de UI...

  2. Predicciones de Diseño Web para 2017

    Predicciones de Diseño Web para 2017

    Tutorial Beginner

    Mis artículos anuales de predicción se han convertido en una tradición; vistazos al futuro del diseño web, emparejados con suposiciones educadas sobre qué...

  3. Cómo crear texto perfectamente centrado con Flexbox

    Cómo crear texto perfectamente centrado con Flexbox

    Tutorial Intermediate

    No hay nada que nos impresione especialmente con respecto al centrado horizontal de tu contenido: lo has estado haciendo durante años. Pero, ¿qué pasa con el...

  4. Ese Fue El Año Que Fue: 2016 en el Diseño Web

    Ese Fue El Año Que Fue: 2016 en el Diseño Web

    Tutorial Beginner

    Bueno, ese fue el 2016-¡y que año ha sido! Olvida la política del mundo por un momento, reunamos a la multitud, gritemos fuerte, y miremos atrás lo que los...

  5. Un Rápido Recorrido por el Framework UIkit

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

  6. Cómo crear un diseño isométrico con CSS: transformaciones 3D

    Cómo crear un diseño isométrico con CSS: transformaciones 3D

    Tutorial Intermediate

    Para este tutorial, nos inspiramos en la última iniciativa de Envato; Envato Elements. La página de inicio de Elements presenta una gama de productos...

  7. Consultas de Elemento: El Futuro del Diseño Web Adaptativo

    Consultas de Elemento: El Futuro del Diseño Web Adaptativo

    Tutorial Intermediate

    Las consultas de medios ('media queries') son una parte vital del diseño web moderno, pero no siempre son perfectas. En este artículo echaremos un vistazo a...

  8. Cómo Crear un Menú Para Compartir en una Línea

    Cómo Crear un Menú Para Compartir en una Línea

    Tutorial Intermediate

    En este tutorial, aprenderemos a crear lo que se ha dado en llamar "un menú en línea para compartir". Este tipo de interface funciona haciendo emerger un...

  9. Herramientas para Facilitar el Paso Entre Diseñadores y Desarrolladores

    Herramientas para Facilitar el Paso Entre Diseñadores y Desarrolladores

    Tutorial Beginner

    En este artículo realizaré un rápido recorrido por algunas herramientas que ayudarán a transmitir tus diseños a los desarrolladores encargados de llevarlos a...

  10. Una Introducción Comprensible a las Retículas en el Diseño Web

    Una Introducción Comprensible a las Retículas en el Diseño Web

    Tutorial Beginner

    Si nunca te has manchado con el empleo de retículas en tus diseños, este artículo está escrito para ti. En él, aprenderás la jerga básica, la teoría, y verás...

  11. Una Comprensiva Introducción al Color en el Diseño

    Una Comprensiva Introducción al Color en el Diseño

    Tutorial Beginner

    Este artículo aspira a darte una introducción comprensiva al más hondo hueco de conejo del diseño: el color. Te introducirá al lenguaje más importante y a...

  12. Consejo breve: cómo usar Zeplin para generar guías de estilo

    Consejo breve: cómo usar Zeplin para generar guías de estilo

    Tutorial Beginner

    Anteriormente discutimos cómo los diseñadores pueden colaborar con el equipo de desarrollo utilizando Zeplin, pero hay algo más; Zeplin también es una...