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. Un Cuento de Dos Plataformas: Diseñando para Tanto Android y iOS

    Un Cuento de Dos Plataformas: Diseñando para Tanto Android y iOS

    Tutorial Beginner

    Si usted está trabajando en la empresa, contratación, o para una agencia, las empresas necesitan aplicaciones por muchas razones diferentes. Empresas...

  2. Diseño de un diario Web inspirado en VSCO en Sketch

    Diseño de un diario Web inspirado en VSCO en Sketch

    Tutorial Beginner

    En este tutorial, te enseñaré cómo diseñar una aplicación de diario web sencilla y sofisticada en Sketch, tanto para móviles como para escritorio....

  3. Como crear un prototipo interactivo con marvel

    Como crear un prototipo interactivo con marvel

    Tutorial Beginner

    Marvel es una excelente herramienta online que nos va a permitir crear prototipos de aplicaciones móviles y proyectos web. En este tutorial vamos a ver cómo...

  4. Creando un prototipo interactivo con un recorrido de un producto para iOS con Framer.js

    Creando un prototipo interactivo con un recorrido de un producto para iOS con Framer.js

    Tutorial Intermediate

    Framer.js y el ecosistema que lo acompaña Framer Studio son excelentes herramientas para componer, presentar e iterar sobre el diseño interactivo. En esta...

  5. Un vistazo a la próxima Foundation para aplicaciones

    Un vistazo a la próxima Foundation para aplicaciones

    Tutorial Beginner

    ZURB siempre está trabajando en la próxima gran herramienta para ayudar a los diseñadores web y desarrolladores por igual. Hacen que nuestros días de...

  6. Nuevo curso: Iniciando con la IU semántica

    Nuevo curso: Iniciando con la IU semántica

    Tutorial Beginner

    La interfaz de usuario semántica es un marco de trabajo bien elaborado con características profesionales y una API robusta. En "Iniciando con la IU...

  7. Comprendiendo las opciones de exportación de Sketch

    Comprendiendo las opciones de exportación de Sketch

    Tutorial Beginner

    Exportar contenidos a partir de nuestros diseños es una tarea rutinaria y muy habitual. Empezamos creando nuestros elementos y gráficos y terminamos...

  8. Cómo crear botones en Photoshop y Adobe Muse

    Cómo crear botones en Photoshop y Adobe Muse

    Tutorial Beginner

    En este tutorial te mostraré cómo crear un botón en Photoshop y usarlo, con todos sus estados, en un proyecto de Adobe Muse. Una vez que hayamos diseñado...

  9. Sketch para principiantes: diseño de la interfaz de un formulario de login

    Sketch para principiantes: diseño de la interfaz de un formulario de login

    Tutorial Beginner

    Sketch, creado por los chicos de Bohemian Coding, es un programa excelente para el diseño de interfaz. Este tutorial pensado para principiantes, te...

  10. Consejo rápido: navegación pegajosa, sin el incómodo salto

    Consejo rápido: navegación pegajosa, sin el incómodo salto

    Tutorial Intermediate

    La «navegación pegajosa» es una barra de navegación que parece adherirse a la parte superior de la página una vez que el usuario empieza a desplazarse....

  11. Cómo diseñar un portafolio sencillo basado en Instagram en Photoshop

    Cómo diseñar un portafolio sencillo basado en Instagram en Photoshop

    Tutorial Intermediate

    En este tutorial te guiaré a través del proceso de creación de un portafolio simple y limpio basado en Instagram. Utilizaremos imágenes llamativas, una...

  12. Crear un efecto de fondo enmascarado con CSS

    Crear un efecto de fondo enmascarado con CSS

    Tutorial Beginner

    Hoy vamos a crear paso a paso una técnica realmente asombrosa que puedes usar como un efecto muy parecido al desplazamiento parallax, sin usar nada de...