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 tutorials:

  1. Una introducción a la Composición

    Una introducción a la Composición

    Tutorial Beginner

    La composición es acerca de colocar todas tus ideas y todos tus elementos de diseño juntos por completo, componiendo tu diseño. Vamos a combinar todas las...

  2. Diseño plano, iOS 7, skeuomorfismo y todo eso

    Diseño plano, iOS 7, skeuomorfismo y todo eso

    Tutorial Beginner

    La noción de diseño plano, "digitalmente auténtico", ha sido un tema popular de conversación y controversia recientemente, especialmente con los...

  3. Construye un dashboard dinámico con ChartJS

    Construye un dashboard dinámico con ChartJS

    Tutorial Intermediate

    Hoy vamos a crear un dasboard dinámico con gráficos en tiempo real usando el poder de ChartJS. ChartJS es una poderosa biblioteca de JavaScript libre de...

  4. Principios para un Diseño Exitoso de Botones

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

  5. El qué, por qué y cómo de las texturas en el diseño web

    El qué, por qué y cómo de las texturas en el diseño web

    Tutorial Beginner

    El uso de texturas y patrones en el diseño web ha recorrido un largo camino en muy poco tiempo. Desde el grunge cliché y las llamativas texturas vintage,...

  6. Consejo rápido: Esquinas redondeadas hechas correctamente

    Consejo rápido: Esquinas redondeadas hechas correctamente

    Tutorial Beginner

    Esto va a parecer infame para muchos de ustedes, pero veo que sucede tan a menudo que pensé que valía la pena mencionarlo. Llamaremos a este problema...

  7. Ventanas modales y no modales en diseño web

    Ventanas modales y no modales en diseño web

    Tutorial Beginner

    Las ventanas modales se encuentran entre los elementos de diseño más efectivos que un diseñador web puede emplear. Hoy, vamos a definir lo que un cuadro...

  8. Agregue un toque de realismo a su Google Maps

    Agregue un toque de realismo a su Google Maps

    Tutorial Beginner

    Usar la API de Google Maps es una de las formas más populares (si no la más popular) de mostrar ubicaciones geográficas en los sitios web de hoy. En este...

  9. Guía del diseñador web para comparar Photoshop y Fireworks

    Guía del diseñador web para comparar Photoshop y Fireworks

    Tutorial Beginner

    Hoy vamos a profundizar en las principales diferencias entre Photoshop y Fireworks y lo que significan para los diseñadores web. Este artículo pretende ser...

  10. Diseño de una familia de sitios web

    Diseño de una familia de sitios web

    Tutorial Intermediate

    En su mayor parte, el diseño web no se trata de técnicas de Photoshop, por eso es bastante complicado escribir un tutorial de Photoshop sobre el tema. Así y...