CursosEmpresasBlogLiveConfPrecios

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

Clase 4 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

    Términos Esenciales de Diseño Gráfico

    00:55 min
  • 2
    Conceptos Básicos del Diseño Gráfico

    Conceptos Básicos del Diseño Gráfico

    03:41 min
  • 3
    Conceptos Fundamentales del Diseño Gráfico

    Conceptos Fundamentales del Diseño Gráfico

    05:18 min

Composición

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

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

    Viendo ahora
  • 5
    Aplicación de las Leyes de la Gestalt en Diseño Gráfico

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

    02:11 min
  • 6
    Teoría del Color y Combinación en Diseño Gráfico

    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

    Diferencias entre UX y UI en Diseño Digital

    02:21 min
  • 8
    Herramientas Esenciales para el Diseño de Interfaces y Prototipos

    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

    Técnicas Efectivas para Fomentar la Creatividad en Equipo

    02:35 min
  • 10
    Herramientas para Fomentar la Creatividad en Teletrabajo

    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

      ¿Qué es la composición?

      Ahora que ya conocemos los términos básicos del diseño gráfico, vamos a conocer términos más específicos.

      • ¿Qué es la composición?

      La composición se puede definir como la disposición de los distintos elementos visuales dentro de un espacio, que se combinan de forma que se comunica el mensaje que se desea transmitir. Se pueden distinguir dos grandes bloques dentro de la composición:

      • La composición gráfica
      • La composición de texto

      A continuación, vamos a ver los conceptos más importantes de la composición gráfica:

      • ¿Qué es la percepción visual?

      La percepción visual es la capacidad que tenemos las personas para interpretar la información que nos llega a los ojos a través de la luz del espectro visible.

      • ¿Qué es el balance o equilibrio visual?

      El balance o el equilibrio visual se consigue cuando los elementos de un diseño se distribuyen de forma uniforme y por igual.

      • ¿Qué es la teoría de la Gestalt?

      La psicología y el diseño gráfico están estrechamente relacionados, ya que todo aquello que diseñamos está dirigido a las personas. Por tanto, es necesario comprender cómo funcionan los cerebros de las personas y cómo perciben los distintos elementos. Esto es precisamente lo que explica la teoría de la Gestalt.

      La premisa principal de esta teoría es que “el todo es más que la suma de las partes”. Es decir, los elementos se perciben de forma diferente cuando están agrupados que cuando están separados. Esto ocurre porque nuestro cerebro organiza los estímulos y les otorga un significado.

      La teoría de la Gestalt propone una serie de principios o leyes que explican dicha organización de los estímulos que hace nuestro cerebro. En la próxima clase veremos cuáles son estas leyes y cómo se pueden aplicar al diseño gráfico.

      A continuación, vamos a ver los conceptos más importantes de la composición de texto:

      • ¿Qué es la selección tipográfica?

      Se pueden destacar 4 tipos de tipografía principales:

      • Serif: también denominadas ‘Letras Romanas’. Se refieren a las líneas o remates ubicados en los extremos de las letras. Por ejemplo, una fuente ‘Serif’ sería: Times New Roman.

      • Sans: se refiere a ‘Sans Serif’, aunque también son llamadas ‘Palo Seco’. Es decir, no tiene los remates en los extremos de las letras que sí tienen las Serif. Por ejemplo, una fuente ‘Sans’ sería: Arial.

      • Script: también conocida como ‘Itálica’ o ‘Manuscrita’. Es una imitación del trazo realizado a mano. Las letras son onduladas y están adheridas entre sí. Por ejemplo, una fuente ‘Script’ sería: Brush Script.

      • Display: También conocida como ‘Tipografía de Decoración’. Tiene un carácter más libre, personalizado, creativo y original. Por ejemplo, una fuente ‘Display’ sería: Swift.

      • ¿Qué es el margen?

      Es el espacio en blanco que se deja, de forma intencional, alrededor del bloque de texto.

      • ¿Qué es el interletrado?

      Como su propio nombre indica, es la distancia entre dos letras.

      • ¿Qué es el interlineado?

      Se refiere al espacio entre dos renglones. A mayor es el interlineado, mayor es el espacio entre un renglón y otro.

      ¿Qué he aprendido en esta clase?:

      • Existen 2 tipos de composición: la composición gráfica y la composición de texto.
      • Los conceptos específicos de la composición gráfica y de la composición de texto.
      • Los principales tipos de tipografía son: Serifs, Sans, Script, Display.
      • La psicología y el diseño gráfico están estrechamente relacionados.
      • La teoría de la Gestalt es una teoría psicológica que explica cómo organiza nuestro cerebro los estímulos visuales que percibe.

      Reto:

      Crea una composición de texto que contenga los 4 tipos de tipografía principales: Serifs, Sans, Script y Display. Cuando lo hayas terminado, sube una captura de pantalla de tu diseño.

      Comentarios

        Maria Saray Arellano Ramírez

        Maria Saray Arellano Ramírez

        student•
        hace 4 años

        Composición de texto

        Mesa de trabajo 10.png

          Jesús Fernando Obregón Armenta

          Jesús Fernando Obregón Armenta

          student•
          hace 4 años

          Love it!

          Daniel Torres Burriel

          Daniel Torres Burriel

          student•
          hace 4 años

          ¡Qué bien María! Gracias por compartinos tu gran diseño. ¿Conocías los dos grandes bloques de la composición?

        Yorgelis Cardenas

        Yorgelis Cardenas

        student•
        hace 4 años

        Para el reto de la clase, utilizo la premisa principal de la teoría de Gestalt que me gustó:

        Reto clase 4.png
          Zuleyka sandrith iguaran mena

          Zuleyka sandrith iguaran mena

          student•
          hace 2 años

          hermoso. me encanta

        Mariana Bermúdez Bonilla

        Mariana Bermúdez Bonilla

        student•
        hace 4 años
        Serifs.jpg
          Daniel Torres Burriel

          Daniel Torres Burriel

          student•
          hace 4 años

          Gracias Mariana por compartirnos tu composición de texto. ¿conocías estas tipografías principales? ¿en qué diseño las usarías?

        Barreto Efieugenia

        Barreto Efieugenia

        student•
        hace 4 años
        Tipos de Fuentes.jpg
        María Fernanda Jaén Buitrago

        María Fernanda Jaén Buitrago

        student•
        hace 4 años

        Reto de la clase: Composición de texto

        historia asesor imagen minimalista neutro.png
          Daniel Torres Burriel

          Daniel Torres Burriel

          student•
          hace 4 años

          Buen trabajo Maria Fernanda! ¿Conocías el término composición y los dos grandes bloques de la misma?

          María Fernanda Jaén Buitrago

          María Fernanda Jaén Buitrago

          student•
          hace 4 años

          Gracias profesor. De hecho no lo conocía de esta manera, más lo estoy aprendiendo aquí en platzi. Mejor dicho, sólo estaba familiarizada con las tipografías pero esta lección está muy detallado. Hasta el sol de hoy, aún me confundo con serif y sans serif pero poco a poco ya no fallo tanto en esta parte.

        Kelly Johanna Isaacs González

        Kelly Johanna Isaacs González

        student•
        hace 3 años

        Crea una composición de texto que contenga los 4 tipos de tipografía principales: Serifs, Sans, Script y Display. Cuando lo hayas terminado, sube una captura de pantalla de tu diseño.

        Fuentes.jpg
        Gabriela Colorado Camacho

        Gabriela Colorado Camacho

        student•
        hace 4 años
        Mi proyecto-1.jpg
        Steveen Orozco

        Steveen Orozco

        student•
        hace 3 años
        Reto.png
        Anna Guttmann

        Anna Guttmann

        student•
        hace 4 años
        reto4-tipografias.jpg
        Liz Angeline Trujillo Guevera

        Liz Angeline Trujillo Guevera

        student•
        hace 4 años
        DOWNTOWN (2).jpg
        Carolina Cabezas

        Carolina Cabezas

        student•
        hace 4 años
        2.PNG

        Dejo mi reto :)

          Daniel Torres Burriel

          Daniel Torres Burriel

          student•
          hace 4 años

          Me gusta tu forma de presentar el reto, gracias por compartirlo! Me gustaría saber si ¿conocías el término composición y los dos grandes bloques de la misma antes de ver esta clase?

        erika rojas

        erika rojas

        student•
        hace 4 años
        Reto clase 4.jpg
          Daniel Torres Burriel

          Daniel Torres Burriel

          student•
          hace 4 años

          Gracias por compartirlo Erika! ¿Te animas a compartirnos en qué diseño aplicarías alguna de estas tipografías?

        ANDRES VELEZ

        ANDRES VELEZ

        student•
        hace 3 años

        ++++++++

          Francisco Martinez

          Francisco Martinez

          student•
          hace 2 años

          la respuesta es ----------- ok

        Nicolás Cortez Hernández

        Nicolás Cortez Hernández

        student•
        hace 2 años
        Victoria Sanchez

        Victoria Sanchez

        student•
        hace 2 años

        Comparto mi diseño para el reto! :)

        Sheila García

        Sheila García

        student•
        hace 2 años
        Veronica Tabachnik

        Veronica Tabachnik

        student•
        hace un año
        Axel Arturo Camero Téllez

        Axel Arturo Camero Téllez

        student•
        hace un año
        Edelweis Galindo

        Edelweis Galindo

        student•
        hace 2 años
        Herrera Esteban Alexander Eynor

        Herrera Esteban Alexander Eynor

        student•
        hace 2 años

        COMPOSICION DE TEXTO: