Fundamentos del Diseño Gráfico PDF

TEMA 1 FUNDAMENTOS DEL DISEÑO GRÁFICO Ciclo: GS MKP 2º Asignatura: ELABORACIÓN DE MATERIALES DE MARKETING Y COMUNICACIÓN ELABORADO POR: JUDIT MARTÍNEZ SORIANO 1. PRINCIPIOS DEL DISEÑO GRÁFICO 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR 3. TIPOGRAFÍA: CLASIFICACIÓN, USOS Y COMBIN...

TEMA 1 FUNDAMENTOS DEL DISEÑO GRÁFICO Ciclo: GS MKP 2º Asignatura: ELABORACIÓN DE MATERIALES DE MARKETING Y COMUNICACIÓN ELABORADO POR: JUDIT MARTÍNEZ SORIANO 1. PRINCIPIOS DEL DISEÑO GRÁFICO 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR 3. TIPOGRAFÍA: CLASIFICACIÓN, USOS Y COMBINACIONES 4. COMPOSICIÓN Y RETÍCULAS 5. RECURSOS PARA DISEÑAR 1. PRINCIPIOS DEL DISEÑO GRÁFICO Los principios básicos del diseño son las reglas que guían la disposición y organización de los elementos visuales en una composición. Estos principios permiten crear trabajos visuales armoniosos, atractivos y funcionales. Los principios son: 1. Balance 2. Contraste 3. Alineación 4. Proximidad 5. Repetición 1. PRINCIPIOS DEL DISEÑO GRÁFICO 1. Balance: El balance se refiere a la distribución visual del peso de los elementos en una composición. Existen dos tipos principales: Simétrico: cuando los elementos están distribuidos de manera equilibrada en ambos lados de un eje central, creando una sensación de estabilidad. Asimétrico: se logra cuando los elementos tienen diferentes pesos visuales, pero aún así se percibe equilibrio, lo que da una sensación más dinámica. 1. PRINCIPIOS DEL DISEÑO GRÁFICO 2. Contraste: El contraste se utiliza para destacar elementos en una composición. Esto puede lograrse a través de diferencias de color, forma, tamaño, textura o tipografía. Un buen uso del contraste guía la atención del espectador hacia áreas clave del diseño. 1. PRINCIPIOS DEL DISEÑO GRÁFICO 3. Alineación: La alineación se refiere a la disposición de los elementos en relación entre sí. Una buena alineación aporta orden y coherencia a la composición, evitando que se vea desorganizada. Los objetos alineados visualmente crean una estructura lógica. 1. PRINCIPIOS DEL DISEÑO GRÁFICO 4. Proximidad: La proximidad implica agrupar elementos relacionados entre sí para crear una unidad visual. Elementos que están cerca unos de otros se perciben como relacionados, mientras que los que están más separados sugieren una falta de relación. 1. PRINCIPIOS DEL DISEÑO GRÁFICO 5. Repetición: La repetición ayuda a crear coherencia y unidad dentro del diseño. Puede aplicarse a colores, formas, líneas, texturas o patrones para reforzar la identidad visual de una composición. También contribuye a generar ritmo y consistencia. 1. PRINCIPIOS DEL DISEÑO GRÁFICO ¿PRACTICAMOS? www.avark.agency/designers-eye/ 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR El color es uno de los aspectos más poderosos del diseño gráfico, ya que tiene la capacidad de evocar emociones y percepciones inmediatas. Los colores pueden influir en la forma en que las personas perciben un mensaje y pueden ayudar a definir la identidad de una marca o producto. ¿RGB y CMYK? 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR RGB:(Red, Green, Blue) El modo RGB hace relación a los colores de la luz. Se trata de un sistema de color aditivo, típico de pantallas de ordenador, televisiones y otro tipo de monitores. En el modo RGB, la suma de colores es igual al blanco. CMYK: (Cyan, Magenta, Yellow y BlacK) El modo CMYK hace relación a los colores de los pigmentos. Se trata de un sistema de color sustractivo, típico en pintura, tintes, tintas y otras formas de impresión gráfica. En el modo CMYK, la suma de colores es igual al negro. 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR TEORÍA DEL COLOR La teoría del color se basa en la relación entre los colores en el círculo cromático, que agrupa los colores primarios (rojo, azul y amarillo), secundarios (verde, naranja y púrpura) y terciarios. Las combinaciones de colores pueden clasificarse en: 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR TEORÍA DEL COLOR La teoría del color se basa en la relación entre los colores en el círculo cromático, que agrupa los colores primarios (rojo, azul y amarillo), secundarios (verde, naranja y púrpura) y terciarios. Las combinaciones de colores pueden clasificarse en: 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR EL CÍRCULO CROMÁTICO El círculo cromático o rueda de colores es una representación gráfica que segmenta y organiza los colores con base en el tono o matiz de cada uno. Es la base de la teoría del color y nos será muy útil para hacer combinaciones de color. 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR COLORES COMPLEMENTARIOS Los colores complementarios se dan cuando tomas un color de la rueda de colores y lo combinas con el color directamente opuesto a él. Estas parejas de colores juntas crean energía visual e interés. 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR COLORES COMPLEMENTARIOS 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR COLORES ANÁLOGOS Los colores análogos son grupos de tres colores que están uno al lado del otro en el círculo cromático, como el azul, el azul-verde y el verde, su mezcla azul-verde debe ser una mezcla uniforme de los dos para un aspecto equilibrado. Suelen combinar bien y crear diseños cómodos. 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR COLORES ANÁLOGOS 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR TRÍADA La tríada se construye a partir de tres tonos que se encuentran a la misma distancia unos de otros dentro de la rueda de color. La relación forma un triángulo equilátero. 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR TRÍADA 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR PSICOLOGÍA DEL COLOR La psicología del color es el campo de estudio que posa su mirada sobre los colores y cómo estos afectan a los seres humanos a niveles de percepción, sentimientos y comportamientos. La psicología del color juega un papel fundamental en el diseño gráfico, ya que por medio de ella puedes entender el poder de persuasión que tienen los colores sobre las personas. Factores que influyen en la reacción de las personas a los colores y tonos: - Edad - Género (hombres: colores brillantes y contrastantes, mujeres: tonos más suaves) - Cultura 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR PSICOLOGÍA DEL COLOR 2. PSICOLOGÍA DEL COLOR Y TEORÍA DEL COLOR RECUERSOS DE COLOR PARA DISEÑADORES La psicología del color es el campo de estudio que posa su mirada sobre los colores y cómo estos afectan a los seres humanos a niveles de percepción, sentimientos y comportamientos. La psicología del color juega un papel fundamental en el diseño gráfico, ya que por medio de ella puedes entender el poder de persuasión que tienen los colores sobre las personas. Factores que influyen en la reacción de las personas a los colores y tonos: - Edad - Género (hombres: colores brillantes y contrastantes, mujeres: tonos más suaves) - Cultura 3. TIPOGRAFÍA: CLASIFICACIÓN, USOS Y COMBINACIONES LA TIPOGRAFÍA La tipografía es el arte y técnica de organizar tipos o letras. Es un elemento clave en el diseño gráfico, ya que afecta tanto la legibilidad como la estética general de una composición. El origen de la tipografía se sitúa en el siglo XV, cuando Gutenberg inventa la imprenta. 3. TIPOGRAFÍA: CLASIFICACIÓN, USOS Y COMBINACIONES CLASIFICACIÓN DE LA TIPOGRAFÍA Las tipografías evolucionan, y muchos diseñadores la crean, patentan y venden en la actualidad. Podemos establecer unas familias, con una estructura y un estilo común, para clasificar a la mayoría de fuentes tipográficas. - Tipografías con serif - Tipografías sin serif (Sans Serif o de palo seco) - Tipografías manuscritas (cursivas, caligráficas o Script) - Tipografías decorativas (exposición o display) 3. TIPOGRAFÍA: CLASIFICACIÓN, USOS Y COMBINACIONES TIPOGRAFÍAS CON SERIF Las tipografías o letras con serif o serifa son aquellas que muestran los remates o terminaciones de cada carácter tipográfico. Concebidas como serias y tradicionales, son las más recomendadas para textos largos y en papel. Dentro de esta familia encontramos fuentes como Times New Roman, Garamond o Book Antigua. 3. TIPOGRAFÍA: CLASIFICACIÓN, USOS Y COMBINACIONES TIPOGRAFÍAS SIN SERIF Las tipografías o letras caracterizadas por la ausencia de remates. Suelen considerarse una tipografía comercial, y son habituales en titulares de prensa, carteles y publicidad. A nivel psicológico, se asocian con modernidad y minimalismo, y son las más recomendadas para leer en pantalla. Algunas fuentes Sans Serif son Futura, Helvética, Arial, Gotham o Avenir. 3. TIPOGRAFÍA: CLASIFICACIÓN, USOS Y COMBINACIONES TIPOGRAFÍAS MANUSCRITAS Las tipografías manuscritas o script imitan la escritura a mano, pueden ser elegantes y ornamentadas o casuales. 3. TIPOGRAFÍA: CLASIFICACIÓN, USOS Y COMBINACIONES TIPOGRAFÍAS DECORATIVAS Son tipografías que prima la estética sobre la legibilidad. A veces tienen formas divertidas e informales, y pueden transmitir originalidad. Desde el punto de vista de la psicología tipográfica, son más transgresoras y llaman la atención, aunque no siempre son legibles. Algunos ejemplos de tipografías decorativas son Basteleur Bold, Quality y Auro. 3. TIPOGRAFÍA: CLASIFICACIÓN, USOS Y COMBINACIONES VARIABLES TIPOGRÁFICAS Todas las tipografías, independientemente de su familia, tienen variables en su morfología como: - Grosor del trazo o peso: una letra puede ser extrafina, fina, redonda, negra y supernegra. - Eje de inclinación: una letra puede ser cursiva (o itálica), redonda (normal), minúscula o MAYÚSCULA. - Proporción: modificación del ancho de la letra (tipografías condensadas, tipografías expandidas). 4. COMPOSICIÓN Y RETÍCULAS COMPOSICIÓN La disposición y organización de los diferentes elementos dentro de un diseño, con el objetivo de transmitir un mensaje claro y visualmente atractivo. El objetivo principal de una buena composición es garantizar que el contenido sea comprensible, estéticamente agradable y eficaz para el propósito comunicativo que persigue. 4. COMPOSICIÓN Y RETÍCULAS COMPOSICIÓN Principios básicos de la composición: Equilibrio/Balance: simetría y asimetría. Proporción y jerarquía visual. Ritmo y repetición. Unidad y armonía. Contraste. 4. COMPOSICIÓN Y RETÍCULAS EQUILIBRIO El equilibrio (similar al balance) es la distribución visual de los elementos dentro de un diseño. Se trata de cómo las formas, colores, espacios y texturas están organizados de manera que ningún lado del diseño pese más que el otro, creando una sensación de estabilidad. Equilibrio simétrico. Equilibrio asimétrico 4. COMPOSICIÓN Y RETÍCULAS PROPORCIÓN Y JERARQUÍA VISUAL La proporción se refiere al tamaño relativo de los elementos en una composición, mientras que la jerarquía visual se refiere a la organización de estos elementos de manera que el espectador perciba primero lo más importante. RITMO Y REPETICIÓN Ritmo: Se refiere a la manera en que el ojo se mueve a través de una composición, saltando de un elemento repetido a otro, generando dinamismo y fluidez. Repetición: Se refiere al uso repetido de un elemento (forma, color, tipografía) para unificar una composición. 4. COMPOSICIÓN Y RETÍCULAS UNIDAD Y ARMONÍA Unidad: Un diseño con unidad parecerá cohesionado, como si todos los elementos pertenecieran al mismo contexto. Armonía: Ocurre cuando los elementos del diseño se combinan de manera que el resultado final sea visualmente equilibrado y agradable. CONTRASTE El contraste es una herramienta poderosa que destaca las diferencias entre los elementos de un diseño. Ayuda a crear interés visual y a dirigir la atención hacia partes específicas del diseño. 4. COMPOSICIÓN Y RETÍCULAS EL RECORRIDO VISUAL: CÓMO DIRIGIR LA MIRADA DEL ESPECTADOR El recorrido visual es la forma en que los ojos de los espectadores se desplazan a través de una composición. Un diseñador debe guiar este recorrido para que los elementos importantes se vean en el orden correcto. 4. COMPOSICIÓN Y RETÍCULAS USO DEL ESPACIO NEGATIVO El espacio negativo es el área vacía alrededor de los elementos de una composición. Su uso adecuado puede ayudar a que los elementos importantes destaquen y a que el diseño "respire", evitando la saturación visual. 4. COMPOSICIÓN Y RETÍCULAS RETÍCULAS Una retícula es una estructura invisible compuesta por una serie de líneas horizontales y verticales que se intersectan, formando un sistema de guías que ayuda a organizar los elementos visuales de una composición. La retícula facilita la alineación de textos, imágenes y otros elementos gráficos, asegurando que todos los componentes estén distribuidos de manera ordenada y que la composición tenga un flujo visual lógico. 4. COMPOSICIÓN Y RETÍCULAS RETÍCULAS ¿Para qué sirve una retícula? Organización y estructura. Consistencia y coherencia. Mejora de la legibilidad. Flexibilidad creativa. Facilita el proceso de diseño. 5. RECURSOS PARA DISEÑAR IMÁGENES Y VIDEOS ELEMENTOS GRÁFICOS, VECTORES E ICONOS https://pixabay.com/es/ https://www.flaticon.es/ https://unsplash.com/es https://www.freepik.es/ https://es.vecteezy.com/ https://es.vecteezy.com/ https://www.pexels.com/es-es/ https://thenounproject.com/ https://www.videvo.net/ https://graphicburger.com/ https://www.freepik.es/ 5. RECURSOS PARA DISEÑAR TIPOGRAFÍAS COLORES https://www.dafont.com/es/ https://coolors.co/ https://www.fontsquirrel.com/ https://color.adobe.com/es/create/color-wheel https://befonts.com/ https://brandcolors.net/ https://fonts.google.com/ https://www.colorhexa.com/ https://www.fontspring.com/free https://colormagic.app/ https://pixelsurplus.com/ 5. RECURSOS PARA DISEÑAR INSPIRACIÓN ACTUALIDAD EN EL MUNDO DEL DISEÑO https://logospire.com/ https://graffica.info/ https://logosbrands.com/ https://brandemia.org/ https://www.awwwards.com/ https://lacriaturacreativa.com/ https://www.behance.net/ PREMIOS https://es.pinterest.com/ https://dribbble.com/ https://www.festivallalluna.com/ https://www.designspiration.com/ https://www.canneslions.com/ https://onepagelove.com/ https://www.adg-fad.org/es/laus/premios https://www.clubdecreativos.com/ ELABORADO POR: JUDIT MARTÍNEZ BIBLIOGRAFÍA: Baratas, A. M. & Tome, A. G. (2016, 12 febrero). Elaboración de materiales de marketing y comunicación (mf2189_3). RA-MA S.A. Editorial y Publicaciones. Cenoz Checa (2020). Diseño y elaboración de material de comunicación. MC Graw Hill. Psicología del color