search
CursosEmpresasBlogLiveConfEventosPrecios

Aplicación de las Leyes de la Gestalt en Diseño Gráfico

Curso de Glosario de términos de Diseño Gráfico

Clase 5 de 10

Clase 5 / 10

Progreso del curso

Glosario diseño gráfico

  • 1

    Términos Esenciales de Diseño Gráfico

    00:55
  • 2lock

    Conceptos Básicos del Diseño Gráfico

    Suscríbete para ver más
  • 3lock

    Conceptos Fundamentales del Diseño Gráfico

    Suscríbete para ver más

Composición

  • 4lock

    Conceptos Clave de la Composición en Diseño Gráfico

    Suscríbete para ver más
  • play_arrowlock

    Aplicación de las Leyes de la Gestalt en Diseño Gráfico

    play_circleViendo ahora
  • 6lock

    Teoría del Color y Combinación en Diseño Gráfico

    Suscríbete para ver más

Diseño de Interfaces

  • 7lock

    Diferencias entre UX y UI en Diseño Digital

    Suscríbete para ver más
  • 8lock

    Herramientas Esenciales para el Diseño de Interfaces y Prototipos

    Suscríbete para ver más

¿Cómo ser creativos?

  • 9lock

    Técnicas Efectivas para Fomentar la Creatividad en Equipo

    Suscríbete para ver más
  • 10lock

    Herramientas para Fomentar la Creatividad en Teletrabajo

    Suscríbete para ver más
workspace_premiumTomar examen

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

En la clase anterior explicamos el porqué de la relación entre la psicología y el diseño gráfico. También explicamos qué es la teoría de la Gestalt, y cómo propone una serie de principios o leyes que explican cómo nuestro cerebro organiza los diferentes elementos visuales que percibe.

A continuación, veremos las principales leyes de la Gestalt que se pueden aplicar al diseño gráfico.

Ejemplos de la ley de Gestalt

  • ¿Qué es la ley de proximidad?

Según la ley de proximidad, el cerebro humano tiene la tendencia a agrupar los elementos próximos entre sí y a aislarlos de los demás.

  • ¿Qué es la ley de semejanza?

Según la ley de semejanza, el cerebro humano tiene la tendencia a agrupar los elementos similares entre sí. Por ejemplo, elementos del mismo color, tamaño, textura, forma o movimiento son percibidos como parte del mismo grupo.

Por tanto, cuando se incluye un elemento disonante, se rompe el patrón de similitud y este destaca sobre el resto. En este caso, recibe el nombre de ‘efecto de anomalía’.

  • ¿Qué es la ley de continuidad?

Según la ley de continuidad, el cerebro humano tiene la tendencia de asociar los elementos dispuestos en una misma dirección crean un sendero que guía la mirada.

  • ¿Qué es la ley de cierre?

Según la ley de cierre, el cerebro humano tiene la tendencia a rellenar los huecos de las figuras incompletas para crear un todo reconocible.

  • ¿Qué es la ley de figura y fondo?

Según la ley de figura y fondo, el cerebro humano no puede interpretar un elemento como figura y fondo al mismo tiempo.

La figura y el fondo son elementos totalmente distintos. En el diseño gráfico es muy habitual jugar con la figura y el fondo para crear efectos visuales. Por ejemplo, en la siguiente imagen podemos ver un árbol o dos caras de animales, dependiendo de lo que nuestro cerebro considere qué es la figura y qué es el fondo.

Captura de Pantalla 2022-05-12 a la(s) 4.48.00 p. m..png
Fuente: Toptal
  • ¿Qué es la ley de simetría y orden?

Según la ley de simetría y orden, el cerebro humano tiene la tendencia a agrupar aquellos elementos que son simétricos, incluso cuando tienen características diferentes (ej., color).

Por otra parte, el cerebro humano comprende mejor las figuras e ilustraciones ordenadas y simétricas. Esto es, porque, cuando las figuras están desordenadas y son asimétricas, el cerebro percibe que hay un problema que solucionar y no se centra en el mensaje.

  • ¿Qué es la ley de la simplicidad?

Según la ley de la simplicidad, el cerebro humano tiene la tendencia a organizar los elementos de la manera más sencilla posible, ya que le facilita la comprensión.

¿Qué he aprendido en esta clase?:

  • Cuáles son las leyes de la Gestalt que tenemos que aplicar a nuestras composiciones gráficas.

Reto:

Busca una composición gráfica en la que se apliquen una o varias leyes de la Gestalt. Haz una captura de pantalla y súbela a la sección de comentarios, explicando qué leyes está empleando. Igualmente, si lo prefieres, puedes realizar tu propia composición gráfica.

Aplicación de las Leyes de la Gestalt en Diseño Gráfico

Comentarios (182)182 comentarios

    stefanyk Pirela

    stefanyk Pirela

    Hace 4 años
    Leyes Gestalt.png
    Nashla Lazala Silvestre

    Nashla Lazala Silvestre

    Hace 4 años

    La unica que esta buena

    leyesgestalt.jpg

Daniel Raul Toledo Soto

Daniel Raul Toledo Soto

Hace 4 años
teoria-de-la-gestalt-psicologia-percepcion-visual-01.png
    Daniel Torres Burriel

    Daniel Torres Burriel

    Hace 4 años

    Gracias por compartir la imagen Daniel ¿Te animarías a compartirnos una composicíón gráfica de tu autoría?

    Juan López

    Juan López

    Hace 3 años

    Buena imagen, resume esta clase

Lina Jiménez

Lina Jiménez

Hace 4 años

Ejemplo:

  • Ley de cierre
  • Ley de Figura y Fondo
bc622021ff63171ff7871d4e133a33a1.png
    Daniel Torres Burriel

    Daniel Torres Burriel

    Hace 4 años

    Muchas gracias por tu aporte Lina, me gustaría saber si ya conocías estos principios?

    Juan López

    Juan López

    Hace 3 años

    es un buen ejemplo

Maria Saray Arellano Ramírez

Maria Saray Arellano Ramírez

Hace 4 años

Ley de figura y fondo

a022dfef60110741117338db42f47b4e.jpg
b83610c72a04045e48d85dfcc3d2b536.jpg

    Daniel Torres Burriel

    Daniel Torres Burriel

    Hace 4 años

    Wow, que buenas imágenes nos compartes para ver aplicada la ley de figura y fondo!! Antes de ver esta clase¿conocías los principios de la Gestalt?

    Maria Saray Arellano Ramírez

    Maria Saray Arellano Ramírez

    Hace 4 años

    En cuanto las vi me parecieron increíbles. Si, tengo varios años conociendo y aplicando estos principios.

erika rojas

erika rojas

Hace 4 años
36706348_1673100076141187_3656843792717185024_n.png
    Daniel Torres Burriel

    Daniel Torres Burriel

    Hace 4 años

    Gracias por compartir la imagen Erika ¿Te animarías a compartirnos una composicíón gráfica de tu autoría?

Raul Ramos Carvajal

Raul Ramos Carvajal

Hace 4 años

Les comparto mi aporte composición gráfica aplicando las leyes de la Gestalt   como se puede observar en ella tiene la ley de figura y fondo.

besokis.jpg
Gabriel Vallenilla

Gabriel Vallenilla

Hace 4 años

·Leyes de Gestalt

Reto 5.png

    Daniel Torres Burriel

    Daniel Torres Burriel

    Hace 4 años

    Gracias por compartir la imagen Gabriel ¿Te animarías a compartirnos una composición gráfica de tu autoría?

Carolina Martínez

Carolina Martínez

Hace 4 años

En esta imagen me parece que se aplican la siguientes leyes:

  • - Ley de la continuidad: los rectángulos negros y blancos están dispuestos en una misma dirección y guían la mirada hacia el centro de la imagen, la percepción es como si fuera un pasillo o un camino.

Ley de simetría y orden: los rectángulos están ordenados en el mismo orden en diferentes tamaños. _

    Daniel Torres Burriel

    Daniel Torres Burriel

    Hace 4 años

    Gracias por compatir tu aporte Carolina. Por otra parte ¿ves algo de la ley de figura y fonde en esta imagen?

Valeria Espinoza

Valeria Espinoza

Hace 4 años

Ley de Proximidad: el cerebro humano agrupa los elementos próximos entre sí, estos son los tomates y utensilios de cocina del mismo color (rojo) lo que hace que lo veamos como un todo (un tomate).

b85cef35de715a5e0ffc2c26e897684f--logos.jpg

Jader Moncayo

Jader Moncayo

Hace 4 años

Ley de continuidad

Ley de continuidad.jpg

Lucero De la cruz rojas

Lucero De la cruz rojas

Hace 4 años

ley de cierre , ley de figura y fondo , simplicidad , simetría y orden

il-sogno-di-avvicina-salvator-dalì-a-milano-dal-22-settembre.jpg

Jonathan Rocha

Jonathan Rocha

Hace 4 años

Reto # 4:

Comparto una composición gráfica realizada por mi autoria.

  • En estas composición o diseño podremos observar practicamente todas las leyes explicadas en la clase. .
Leyes de Gestalt.png
Daniel Alberto Portillo Rico

Daniel Alberto Portillo Rico

Hace 4 años

Ley de cierre

CIERRE 1.jpg

Luis Gonzalez

Luis Gonzalez

Hace 4 años
Rita Guanes

Rita Guanes

Hace 4 años

Ley de simetría y orden

RoMesa-de-trabajo-1(1).jpg

Ley de figura y fondo

0f2a68b4cf61341fc1152ad75a298288.jpg

Ley de semejanza

Screenshot_20220902-123233-090.png

Carlos Andres Figueroa Palomino

Carlos Andres Figueroa Palomino

Hace 4 años

Ley de cierre

que_es_la_ley_de_cierre_de_la_gestalt_y_ejemplos_6290_orig.jpg

Mary Ann del Cielo Zamora Gomez

Mary Ann del Cielo Zamora Gomez

Hace 4 años
Narghely Nicole Garcia Garcia

Narghely Nicole Garcia Garcia

Hace 4 años

Ley de figura y fondo

b4cf5161cbfbfbeec4a2f8d03a7d0948.jpg
Laura Alejandra Bernal Oviedo

Laura Alejandra Bernal Oviedo

Hace 4 años

en esta encuentro la ley de cierre

ley de cierre.jpg
aca tenemos la ley de figura y fondo
ley de figura y fondo.png
la ley de continuidad
ley de continuidad.jpg
ley de semejanza
ley de semejanza..jpg