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. Guía de introducción exhaustiva al Diseño Visual

    Guía de introducción exhaustiva al Diseño Visual

    Tutorial Beginner

    Esta guía exhaustiva cubrirá los principios fundamentales del diseño visual, demostrando con ilustraciones para profundizar tu comprensión. Ya seas un...

  2. Sketch y Zeplin: ayudando a los diseñadores y a los desarrolladores a colaborar

    Sketch y Zeplin: ayudando a los diseñadores y a los desarrolladores a colaborar

    Tutorial Beginner

    La colaboración entre diseñadores y desarrolladores es esencial para el éxito de un proyecto web, y es un indicativo del éxito de un equipo. Si bien...

  3. Tendencias Actuales en el Diseño Web: Páginas de Inicio a Pantalla Completa

    Tendencias Actuales en el Diseño Web: Páginas de Inicio a Pantalla Completa

    Tutorial Beginner

    Los diseños a pantalla completa se han convertido en un patrón habitual en la web actual. Algunos los adoran, otros se muestran más reacios, pero sean cuales...

  4. Por qué debes evitar las combinaciones de colores vibrantes

    Por qué debes evitar las combinaciones de colores vibrantes

    Tutorial Beginner

    En este breve artículo aprenderás cómo es que la vibración del color afecta a la legibilidad de la interfaz en el contexto del diseño web y del diseño de...

  5. Aprendiendo Material Design Lite: Tarjetas

    Aprendiendo Material Design Lite: Tarjetas

    Tutorial Beginner

    Las Tarjetas se están convirtiendo rápidamente en un patrón de UI indispensable, particularmente en las webs móviles. Esto se debe en parte a las webs...

  6. Aprendiendo Material Design Lite: Botones

    Aprendiendo Material Design Lite: Botones

    Tutorial Beginner

    Los botones forman una parte integral de cualquier sitio web funcional (además los diseñadores los aman!) Las acciones de los usuarios en la web,...

  7. Haciendo Tus Diseños Web Mas Efectivos Con la Proporción Áurea

    Haciendo Tus Diseños Web Mas Efectivos Con la Proporción Áurea

    Tutorial Beginner

    La Proporción Áurea es usada en los maquetados gráficos de toda clase, especialmente para equilibrar contenido que tiene mucho texto. Puede ayudar a los...

  8. Cómo crear un rotador de imágenes "Cualquier cosa" con sólo CSS

    Cómo crear un rotador de imágenes "Cualquier cosa" con sólo CSS

    Tutorial Beginner

    Suele ser impensable desplegar un rotador de imágenes sin Javascript, pero en éste corto videotutorial aprenderás cómo crear un rotador de imágenes "de...

  9. Como Personalizar tu Sitio WordPress sin Tener que Entender CSS

    Como Personalizar tu Sitio WordPress sin Tener que Entender CSS

    Tutorial Beginner

    Vamos a mostrarte cómo puedes realizar importantes cambios visuales a tus sitios WordPress sin tener ninguna experiencia en CSS. Pero primero, tomemos un...

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

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

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