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.

Getting started with UX/UI

  • 8 Usability Heuristics (Explained With Toasters)

    8 Usability Heuristics (Explained With Toasters)

    Maddy Beard
  • What is Information Architecture? (UX Tips and Examples)

    What is Information Architecture? (UX Tips and Examples)

    Andrea Eppy
  • All UX/UI tutorials:

    1. Cómo Crear una Escala Tipográfica Modular

      Cómo Crear una Escala Tipográfica Modular

      Tutorial Beginner

      Posiblemente la pregunta tipográfica más obvia para un diseñador sea “¿Qué tipgrafía debería usar?” La segunda cuestión que raramente recibe la merecida...

    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. Mejorando la maquetación con ritmo vertical

      Mejorando la maquetación con ritmo vertical

      Tutorial Beginner

      Aprender todo acerca de los pros y los contras del lado técnico de la tipografía es algo que debes hacer, y es muy bueno. Te dará una base firme cuando estés...

    4. Conceptos básicos de tipografía para desarrolladores

      Conceptos básicos de tipografía para desarrolladores

      Tutorial Beginner

      La tipografía es un elemento fundamental en cualquier diseño que trabajes. La principal razón por la cual tenemos sitios web, en primer lugar, es para...

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

    6. Trabajando con las marcas y normas de diseño

      Trabajando con las marcas y normas de diseño

      Tutorial Beginner

      En ocasiones, particularmente cuando trabajas con compañías y sus marcas ya establecidas, puedes encontrarte con un conjunto de normas de diseño. Como...

    7. Seleccionando tu propio esquema de color

      Seleccionando tu propio esquema de color

      Tutorial Beginner

      Por ahora debes tener una buena idea de lo que es el color, que significa cada uno de los colores y también tienes un buen concepto de los diferente tipos de...

    8. Definiendo
y reconociendo colores

      Definiendo y reconociendo colores

      Tutorial Beginner

      Cuando estás diseñando para cualquier medio, es decir; no solamente para la web, la forma en cómo uses los colores en tus diseños impactará la forma en...

    9. Introduciendo
los wireframes
a su Proceso de Diseño

      Introduciendo los wireframes a su Proceso de Diseño

      Tutorial Beginner

      Después de bocetar, hay una cosa final en la que debes trabajar antes de empezar a diseñar (aunque, admitámoslo, todo esto es parte de diseñar).  Los...

    10. Bosquejando y diseñando su flujo de trabajo

      Bosquejando y diseñando su flujo de trabajo

      Tutorial Beginner

      Una vez que has terminado de trabajar con tu contenido — ¡estupendas noticias! —.  Ahora deberás empezar a trabajar sobre el diseño. Pero no vayamos tan...

    11. Uso de plantillas de contenido para que tus clientes piensen en el contenido en primer lugar

      Uso de plantillas de contenido para que tus clientes piensen en el contenido en primer lugar

      Tutorial Beginner

      El contenido tardío provoca retrasos en un proyecto y, en última instancia, puede impedir que cobres tu trabajo a tiempo.

    12. Planeando un Proyecto de Diseño

      Planeando un Proyecto de Diseño

      Tutorial Beginner

      Antes de que empieces a diseñar, hay muchas cosas que deberías ver antes. Siempre he pensado que estos pasos iniciales extras ayudan cuando finalmente...