Learn Design Theory

Learn the fundamental principles of design, including color theory, visual hierarchy, and more. Then use them to create effective and beautiful web designs.

All Design Theory tutorials:

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

  2. Entender la Maquetación de Pantalla Dividida o "Split" en el Diseño Web

    Entender la Maquetación de Pantalla Dividida o "Split" en el Diseño Web

    Tutorial Beginner

    Como diseñadores web, seguimos muchos paradigmas de diseño y principios de maquetación: retículas, consistencia vertical, Maquetación en F, Maquetación en M,...

  3. Una guía acerca de combinar fuentes para novatos

    Una guía acerca de combinar fuentes para novatos

    Tutorial Beginner

    Combinar fuentes puede ser todo un reto. Escoger dos o más fuentes que queden bien juntas es complicado (seleccionar dos que combinen para conseguir tus...

  4. Una introducción a teoría del color para los diseñadores web

    Una introducción a teoría del color para los diseñadores web

    Tutorial Beginner

    Hoy vamos aprender la importancia del color en el Diseño Web y la forma de elegir un esquema de color agradable. Este artículo es parte de nuestra serie:...

  5. El esqueumorfismo en el diseño de la interfaz

    El esqueumorfismo en el diseño de la interfaz

    Tutorial Beginner

    Así es, esqueuomorfismo. Veamos lo que significa este extraño término, cuándo deberías usarlo en el diseño de la interfaz y qué puede pasar cuando se usa mal.

  6. Cómo Aplicar la Ley de Fitts al Diseño de Interfaces Móviles

    Cómo Aplicar la Ley de Fitts al Diseño de Interfaces Móviles

    Tutorial Beginner

    La Ley de Fitts es un principio esencial en la teoría de Interacción Humano-Computadora, formulado hace casi 60 años atrás. Es fundamental para el diseño de...

  7. Dirección visual en diseño web

    Dirección visual en diseño web

    Tutorial Beginner

    Uno de los grandes secretos de diseño es aprender cómo guiar la dirección visual de los usuarios. De hecho, este principio a menudo se pasa por alto, incluso...

  8. Entendiendo el diseño en forma de F en diseño web

    Entendiendo el diseño en forma de F en diseño web

    Tutorial Beginner

    Hoy vamos a examinar el “Patrón de Composición en forma de F”. En lugar de forzar el flujo visual del espectador, el “diseño en forma de F” cede a los...

  9. Menos es más: Fundamentos del minimalismo en Diseño Web

    Menos es más: Fundamentos del minimalismo en Diseño Web

    Tutorial Beginner

    Combatir la batalla contra el desorden es algo que cada diseñador emprende, ya sea en su propio sitio o cuando diseña para un cliente. El diseño de tu sitio...

  10. Uso de metáforas en el diseño web

    Uso de metáforas en el diseño web

    Tutorial Beginner

    La palabra metáfora se vincula con más frecuencia a una pieza escrita, cuando se usa como figura literaria en un discurso para crear un efecto descriptivo....

  11. Cómo diseñar para una web responsiva

    Cómo diseñar para una web responsiva

    Tutorial Beginner

    La web tal y como la conocemos está cambiando. En el pasado, los diseñadores y desarrolladores solo tenían que preocuparse por un medio: la pantalla del...

  12. Configurar el tipo de web en una cuadrícula de referencia

    Configurar el tipo de web en una cuadrícula de referencia

    Tutorial Beginner

    El diseño web es esencialmente una evolución de los principios y teorías creadas durante la evolución de la impresión. La industria del diseño trajo...