CursosEmpresasBlogLiveConfPrecios

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

Clase 5 de 10 • Curso de Glosario de términos de Diseño Gráfico

Contenido del curso

Glosario diseño gráfico

  • 1

    Términos Esenciales de Diseño Gráfico

    00:55 min
  • 2

    Conceptos Básicos del Diseño Gráfico

    03:41 min
  • 3

    Conceptos Fundamentales del Diseño Gráfico

    05:18 min

Composición

  • 4

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

    02:34 min
  • 5

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

    Viendo ahora
  • 6

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

    02:23 min

Diseño de Interfaces

  • 7

    Diferencias entre UX y UI en Diseño Digital

    02:21 min
  • 8

    Herramientas Esenciales para el Diseño de Interfaces y Prototipos

    02:13 min

¿Cómo ser creativos?

  • 9

    Técnicas Efectivas para Fomentar la Creatividad en Equipo

    02:35 min
  • 10

    Herramientas para Fomentar la Creatividad en Teletrabajo

    01:31 min
Tomar 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.

        Daniel Raul Toledo Soto

        Daniel Raul Toledo Soto

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

          Daniel Torres Burriel

          student•
          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

          student•
          hace 2 años

          Buena imagen, resume esta clase

        stefanyk Pirela

        stefanyk Pirela

        student•
        hace 3 años
        Leyes Gestalt.png
        Lina Jiménez

        Lina Jiménez

        student•
        hace 4 años

        Ejemplo:

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

          Daniel Torres Burriel

          student•
          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

          student•
          hace 2 años

          es un buen ejemplo

        Maria Saray Arellano Ramírez

        Maria Saray Arellano Ramírez

        student•
        hace 4 años

        Ley de figura y fondo

        a022dfef60110741117338db42f47b4e.jpg
        b83610c72a04045e48d85dfcc3d2b536.jpg

          Daniel Torres Burriel

          Daniel Torres Burriel

          student•
          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

          student•
          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

        student•
        hace 4 años
        36706348_1673100076141187_3656843792717185024_n.png
          Daniel Torres Burriel

          Daniel Torres Burriel

          student•
          hace 4 años

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

        Bryan Ramirez

        Bryan Ramirez

        student•
        hace 4 años

        La unica que esta buena

        leyesgestalt.jpg

        Raul Ramos Carvajal

        Raul Ramos Carvajal

        student•
        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

        student•
        hace 4 años

        ·Leyes de Gestalt

        Reto 5.png

          Daniel Torres Burriel

          Daniel Torres Burriel

          student•
          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

        student•
        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

          student•
          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

        student•
        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

        student•
        hace 4 años

        Ley de continuidad

        Ley de continuidad.jpg

        Lucero De la cruz rojas

        Lucero De la cruz rojas

        student•
        hace 3 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

        student•
        hace 3 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

        student•
        hace 3 años

        Ley de cierre

        CIERRE 1.jpg

        Luis Gonzalez

        Luis Gonzalez

        student•
        hace 3 años
        Rita Guanes

        Rita Guanes

        student•
        hace 3 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

        student•
        hace 3 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

        student•
        hace 3 años
        Narghely Nicole Garcia Garcia

        Narghely Nicole Garcia Garcia

        student•
        hace 3 años

        Ley de figura y fondo

        b4cf5161cbfbfbeec4a2f8d03a7d0948.jpg
        Laura Alejandra Bernal Oviedo

        Laura Alejandra Bernal Oviedo

        student•
        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