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. Alternativas a Adobe: Aplicaciones vectoriales

    Alternativas a Adobe: Aplicaciones vectoriales

    Tutorial Beginner

    Bienvenido a otra entrada de nuestra serie que explora el amplio mundo del software creado por desarrolladores distintos de Adobe. En este artículo vamos a...

  2. Alternativas a Adobe: Aplicaciones para Pintura Digital

    Alternativas a Adobe: Aplicaciones para Pintura Digital

    Tutorial Beginner

    Bienvenidos a la segunda entrega en nuestra serie explorando el mundo del software creativo que yace detrás del reino de Adobe. En la última entrega vimos...

  3. Dominando los Selectores Hermanos Generales: Elementos de Formulario Personalizados.

    Dominando los Selectores Hermanos Generales: Elementos de Formulario Personalizados.

    Tutorial Intermediate

    Uno de los selectores CSS más poderosos y poco utilizados es el combinador de hermanos: ~. En estos tutoriales voy a mostrar diferentes formas de usar ~ para...

  4. Como Crear un Video Flotante "Pegajoso" en Desplazamiento de Página

    Como Crear un Video Flotante "Pegajoso" en Desplazamiento de Página

    Tutorial Intermediate

    Si te has encontrado navegando sitios web de medios recientemente---servicios de streaming de video, sitios web de noticias, Facebook y así por el...

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

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

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

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

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

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

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

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