Este documento presenta los conceptos fundamentales de la comunicación gráfica y visual. Explica que la comunicación gráfica transmite mensajes a través de imágenes visuales y define elementos como ilustraciones y símbolos. También describe los principios de la percepción visual y los elementos básicos de la comunicación visual como la proximidad, semejanza y contornos. Finalmente, introduce conceptos clave sobre gramáticas visuales y los elementos necesarios para la percepción de un lenguaje visual como el observador, la biblioteca de símbolos y los símbolos mism
2. EVALUACIÓN
PRIMER PARCIAL SEGUNDO PARCIAL
Examen 30%
Participaciones 25%
(Tiene que estar basada en la
lectura del día y en los temas que
desarrollamos
Además deberá estar registrada su
asistencia a clase)
Lecturas 20%
Apuntes 25%
Proyectos 5 70
• Presentación inicial 40
• Correcciones 30
Proyecto final 30
3. 1. Comunicación visual
a. Comunicación grafica
b. Comunicación audiovisual
i. Cine
ii. Teatro
iii. Tv
iv. Medios digitales
6. La comunicación gráfica es el proceso
de transmitir mensajes por medio de
imágenes visuales que normalmente
están en una superficie plana. Se usan
dos clases de imágenes: las
ilustraciones y los símbolos visuales
7. ● Las palabras se representan
gráficamente mediante signos, a decir
Barthes, (2001: p.86), “el signo es la
relación de un significado y un
significante”. Y las letras que las
forman se llaman símbolos, para
Interiano, (2001: p.91) “el símbolo es la
representación arbitraria y/o
convencional de la realidad”.
8. ● Para Barthes el mensaje icónico
(imagen) cumple dos funciones:
● 1. Anclaje
● 2. Relevo
9. ● Toda imagen es polisémica, es decir, que crea una
cadena flotante de significados, entre los cuales el
lector puede elegir algunos e ignorar otros.
● El mensaje verbal está destinado a fijar la cadena
flotante de los significados: de todos los
significados posibles establece cuál debe elegirse.
El “anclaje”, función del mensaje lingüístico, se usa
en fotografía de prensa y publicidad.
1.FuncióndeAnclaje
10. ● Es la función complementaria del texto visual; es
decir, el significado de la imagen es
complementado por el texto.
● Las palabras y las imágenes son fragmentos de
una unidad más general.
2.FuncióndeRelevo:
13. Ondas luminosas que llevan información
es convertida en energía neural. Los
impulsos neurales que llevan la
información se movilizan hacia el cerebro
donde se toma una decisión en relación
con lo que vemos.
Para decidir, el cerebro debe comparar la
información con algo ha aprendido y
almacenado previamente en forma de
códigos informacionales en la memoria.
14. El receptor de una imagen visual que
busca comprender el mensaje debe leerlo.
La lectura puede definirse como la
extracción de información a partir de
imágenes visuales, lo que significa que se
lee tanto a partir de imágenes visuales
como de las palabras.
16. El emisor tiene ciertas ideas en mente y estructura
los códigos de tal modo que en la mente del lector
trate de originar esos mismos pensamientos, se
comparte un lenguaje.
Por lo tanto, El comunicador gráfico trabaja con
un conjunto de signos, que consiste en puntos,
líneas, formas, texturas y tonos.
La efectividad de un mensaje, entonces, es el
resultado de que comunicador gráfico exprese
desde la imagen un significado en común.
19. ● Definida la comunicación gráfica
como la transmisión de mensajes
específicos a públicos
determinados, hacer una historia
de la comunicación gráfica
implica no solo tomar en cuenta a
diseñadores o escuelas, sino
también el contexto de la época
20. ● Diseñar es la actividad objeto de
estudio del diseño que en tanto
disciplina estudia el
comportamiento de las formas,
sus combinaciones, su coherencia
asociativa, sus posibilidades
funcionales y sus valores estéticos
captados en su integridad.
21.
22. ● El diseño gráfico es la disciplina
proyectual orientada hacia la
resolución de problemas de
comunicación visual planteados
23. ● Diseñar la comunicación gráfica
consiste en proyectar los
mensajes que el hombre requiere
para establecer un orden
significativo; por eso constituye
un oficio fundamental cuya
evolución demanda una
definición formal y expresiva.
24. La tarea esencial del diseñador
gráfico consiste en una
transformación del entorno
expresada en objetos gráficos
25. Fenómeno de comunicación gráfica
Comprendido por el emisor externo, necesidad, contexto,
diseñador, medio (que incluye los códigos morfológico,
cromático, tipográfico y fotográfico),
emisor interno, mensaje, los medios de comunicación visual,
las condiciones culturales, el contexto, el ambiente
perceptual, las posibles relaciones entre el mensaje y las
referencias que se hacen de la realidad material o
imaginaria,
el receptor y las posibles respuestas que el receptor
proporciona al emisor externo, al medio o al contexto.
Alacomunicacióngráficaatañendiversos
fenómenosylainterrelacióndeéstos
27. Fenómeno de percepción visual
Integrado por la realidad percibida que incluye tanto al
objeto central de la percepción como el contexto, el
sujeto perceptor, las formas de representación y
organización mental de las percepciones, la fijación de
la percepción, los destinos de las percepciones
acumulación en la memoria, organización en el
conocimiento, representación y la estructura relacional
que se conforma con percepciones previas y posteriores
clasificación, archivo y discriminación.
28. Fenómeno de configuración o representación
El cual incluye la realidad material y la realidad
imaginaria, las mediaciones de la representación, la
intención y el contenido, las presuposiciones del
contexto, las convenciones culturales, las etapas de
representación relación entre signos y objetos que
incluyen las operaciones materiales, perceptivas, así
como las reglas gráficas y tecnológicas, los grados de
iconicidad y los grados de figuración.
29. Fenómeno de semiosis
Establece la correlación entre las estructuras sintácticas
generadas por las posibles interrelaciones entre los
códigos morfológico, iconográfico, cromático, tipográfico
y fotográfico, además de las estructuras semánticas con
sus contenidos culturales y las estructuras pragmáticas
entre el objeto semantizado y el sujeto interpretante.
30. Fenómeno de producción
Implica los procedimientos sistemáticos que se llevan a
cabo para que un proyecto de comunicación gráfica
sea reproducido y comunicable.
Supone las relaciones con la técnica y la tecnología y
abarca las etapas de análisis, planificación,
organización, investigación, solución, preproducción,
producción y evaluación de un proyecto de diseño.
31. Fenómeno de valoración
Establece los vínculos disciplinarios entre:
● La lógica funcional del valor de uso, que tiene por
materia las operaciones prácticas del diseño
● La lógica del valor de cambio, referida a las relaciones
de intercambio
● La lógica del cambio simbólico, referida a las
diferencias valorativas del intercambio
● La lógica del valor/signo, que comprende las formas de
determinación del status social
● Conforme a estos lineamientos el objeto es considerado
respectivamente herramienta, mercancía, símbolo y
signo.
32. DISCURSOS.GÉNEROS.CÓDIGOS.GRAMÁTICAVISUAL
Discurso publicitario, integra las relaciones
de la imagen diseñada con el pensamiento
mercantil, se manifiesta en todas las
formas de expresión de la publicidad y sus
fines están relacionados con la promoción
de aquellos objetos, productos o servicios
entendidos como mercancías o la
promoción de personas cuyas actividades
también se consideran negocio
• Emisores internos: empresas, marcas de
producto, usuarios simulados y
pseudolíderes de opinión.
• Receptores: toda la población segmentada
en grupos mercadotécnicamente, todos ellos
se conciben como potenciales compradores
de los productos anunciados. Su respuesta
se refleja en los índices cuantitativos de las
ventas de producto.
• Contenido de los mensajes: principalmente
se refieren a los valores arbitrariamente
adjudicados a los productos
33. 2. Discurso propagandístico,
integra las relaciones de la
imagen diseñada con el
pensamiento político, es
conocido también como
imaginería política y sus fines
se enfocan a la persuasión o
promoción de las ideas, su
forma de respuesta se
manifiesta en el voto o la
manifestación.
Emisores internos: partido,
candidato, líderes, jefe de
Estado y grupos marginados.
Receptores: primordialmente
grupos bien definidos
Contenido de los mensajes: se
refieren a los valores que son
objeto del combate, llamados
a la unidad, invitaciones a la
movilización
34. Emisores internos: docentes,
capacitadores, promotores,
informadores, líderes de opinión.
Receptores: desde la vertiente formativa
serían todos aquellos agentes
participantes de un proceso enseñanza-
aprendizaje, desde la vertiente
informativa, no hay claridad en grupos
específicos.
Contenido de los mensajes: desde la
vertiente formativa, los contenidos
didácticos propios de los programas de
estudio escolarizados, desde la vertiente
informativa comprende la información
simbólica y la información de contenido
35. 4. Discurso plástico,
constituye las relaciones de
la imagen diseñada con el
pensamiento estético y
lúdico, se inserta en las artes
visuales como parte de la
denominada gráfica.
Emisores internos:
diseñadores o signos.
Receptores: toda persona que
tenga al alcance de su vista y
sus manos una comunicación
gráfica que cumpla con su
función poética.
Contenido de los mensajes:
todo aquello referido a
valores estéticos.
36. 5. Discurso ornamental,
incorpora las relaciones de la
imagen diseñada con las
funciones de ornato, se
relaciona con las artes
decorativas y los oficios
artesanales.
Emisores internos:
diseñadores o signos.
Receptores: no definidos.
Contenido de los mensajes:
principalmente se refieren a
valores estéticos.
38. ● El principio de proximidad dicta que los objetos
más cercanos (en tiempo o espacio) se perciben
como grupo, o sea, existe un sentido de
pertenencia en la proximidad de los objetos
percibidos
● Obviamente las distancias menores crean esta
ilusión de grupos, de pertenencias, de
distribución política de los elementos.
proximidad
38
39. semejanza
• En este caso el principio de semejanza dicta que los objetos que
poseen características similares de forma, color, luminosidad o
tamaño aparentan pertenecerse.
• Con este tipo de herramientas es que se construye la jerarquía y
la secuencia de lectura de los elementos visuales.
• En un diseño real por supuesto, las cosas se combinan y todas
las leyes pueden actuar al mismo tiempo en una especie de
competencia.
39
40. destinocomún
• Los elementos que se ordenan de forma simple (regular o
armónica) aparentan pertenecerse y formar un grupo común y
con ello una forma específica
40
41. ● La percepción de contornos simples
y conocidos es predominante sobre
otras posibilidades más complejas y
desconocidas.
leydecontornos
41
42. ● Los contornos que pertenecen a
formas cerradas se perciben como
las formas mismas.
formacerrada
42
43. leydesimetría
En ausencia de
otras leyes más
fuertes, el
espacio entre
formas que se
disponga
simétricamente
será interpretado
como figura.
principiodela
buenaforma
Las leyes de la
percepción son por
supuesto una
clasificación de un
fenómeno que sucede
todo al mismo tiempo,
es decir, todas las
leyes compiten en un
mismo momento al
percibir una
composición.
De este modo en una
figura, resalta
claramente definiendo
la jerarquía figura-
fondo. 43
45. Detrás de todo producto gráfico hay una gramática, esta gramática no es
muy distinta a una gramática típica de un idioma.
Recordemos algunos conceptos básicos sobre el concepto de lenguaje:
• un lenguaje es un conjunto de símbolos que pueden ser relacionados para
comunicar un significado.
• los lenguajes verbales son secuenciales, se leen en una secuencia
predefinida
• los lenguajes visuales son simultáneos, todos sus símbolos y relaciones
son considerados simultáneamente, sin un orden predeterminado, lo que
aumenta la complejidad de su representación
• sin embargo, por esa misma razón aumenta también la capacidad de
significación de los lenguajes visuales.
gramáticasvisuales
45
46. La gramática está compuesta por un conjunto de símbolos (el
vocabulario) y un conjunto de reglas (la sintaxis). Como
estamos hablando de una gramática visual, es necesario que
tanto los símbolos como las reglas, se entiendan por sí
mismas. Para que esto suceda, es necesario que símbolos y
reglas se diseñen basados en el sistema de percepción
humano; usando, por ejemplo, las reglas de percepción
gestalt y los principios universales de diseño
elementosdeuna
gramática
46
47. Elementos del proceso de percepción de una gramática
Hay tres elementos básicos con los que funciona un
lenguaje para poder ser efectivo.
• el observador
• la biblioteca
• los símbolos
En primer lugar tenemos el observador que usa su
biblioteca para entender el símbolo, por otro lado
tenemos el símbolo
47
48. Es necesario aclarar que la parte más importante
del proceso es el observador mismo, no solo por
ser el fin último de la comunicación, sino porque
el éxito del proceso depende en mayor medida de
la biblioteca visual del referente, que de los otros
dos elementos
48
49. El aprendizaje es principalmente asociativo, es
decir, para aprender/entender un concepto, el
lector debe poder asociarlo con algo que ya
sepa.
Desde el punto de vista de las gramáticas
visuales, esto significa que solo podemos
comunicar lo que pueda hacer una conexión, una
asociación, con la información simbólica que ya
está en el observador
Aprendizaje significativo
49
50. Grado de realismo
• El realismo con que se visualice una idea no es garantía de que será
interpretada correctamente, tampoco en la simplicidad del concepto.
• El objetivo del proceso de visualización es sintonizar los símbolos, con los que
se escoge comunicar la idea, con el referente del lector
• Desde este punto de vista no es necesario en absoluto dibujar todas las hojas
de un árbol si basta con el contorno para comunicar la idea, el lenguaje gráfico
se adapta al proceso de comunicación. entre más se adapte el símbolo a la
biblioteca del referente, más efectivo será.
50
51. loselementos
Como dijimos anteriormente los elementos básicos de una gramática
se dividen en dos grupos:
• los símbolos
• las reglas
En general las reglas son un conjunto de declaraciones, que en el
caso de la gráfica se expresan a través de la posición, la
importancia, la calidad de línea, el color, o sea en los recursos
gráficos.
Es muy importante que el conjunto de reglas defina claramente la
jerarquía entre elementos y la secuencia de lectura, en otras
palabras, cuál es el más importante, el del medio y el menos
importante y cuál se debe de leer primero, segundo y demás.
51
52. Las ilustraciones son las visualizaciones de los
conceptos que intervienen en la explicación de la
idea.
Generalmente son los objetos (físicos o abstractos)
que intervienen en la propuesta gráfica, en otras
palabras son los sustantivos de la gramática.
El tipo de diseño gráfico establece las reglas con
las que se harán las comparaciones entre los
conceptos y la jerarquía asociada a éstos.
Lasilustraciones o
imágenes (sustantivos)
52
53. lasrelaciones(verbos)
Son las formas predecibles y regulares en que
se relacionan los conceptos o las ilustraciones.
Son los verbos de la gramática. Expresan
principalmente en qué forma estás relacionados
los conceptos, en qué orden y en qué secuencia
y si se pueden usar
53
54. Son los estilos que definen las comparaciones entre
todos los elementos, son los adjetivos de la
gramática.
Para expresar toda esta información se usan las
leyes de la percepción como proximidad,
semejanza, ley de la buena forma, pertenencia, etc.
El uso adecuado de estas reglas permite una
interpretación inequívoca de la jerarquía,
pertenencia y relaciones entre los conceptos.
lascalidades(adjetivos)
54
55. elcódigovisual
El problema está en definir un código
que sea interpretable intuitivamente
(valiéndose de las reglas de la
percepción) y que represente
inequívocamente los tres diferentes
tipos de información
55
56. lapreguntaquedetonaelobjetivo
Toda comunicación gráfica debe empezar por tener claro para qué está diseñada. el método
básico para definir este objetivo del diseño es formular una pregunta objetivo.
Esta técnica se usa muy a menudo para enfocar el diseño
¿para qué hago este gráfico?
¿para explicar qué?
Esto le permite afinar los elementos, la jerarquía y la secuencia para poder responder con éxito
y eficiencia la pregunta.
Cada gráfico debe responder a una única pregunta, la que como se dijo, será la idea rectora a la
hora de tomar decisiones de diseño, especialmente con respecto a qué eliminar y que dejar en
el gráfico.
56
57. ● La diagramación es la organización de los
contenidos dentro de la página.
● Buscará una estética agradable.
● La distribución de los contenidos o
diagramación estará basada en una retícula.
● La retícula aportará un armazón donde apoyar
los diferentes contenidos.
Diagramación
57
58. ● Una retícula es un conjunto determinado de
relaciones basadas en la alineación, que
actúan como guías para la distribución de los
elementos.
● A nivel práctico la retícula se forma por
diferentes líneas que se cruzan y generan
zonas donde situar imágenes, textos, gráficos
Retículas
58
59. ● La cantidad de texto e imágenes.
● Tipo de texto e imágenes.
● Los niveles de importancia y significado que
tienen esos textos e imágenes.
● Como se relacionan los textos e imágenes
entre si y cómo se relacionan esos contenidos
con el lector.
Paradiseñarlaretículatendré
encuentavariosaspectos:
59
61. ● Son unidades
individuales de espacio
separados por
intervalos regulares.
● Cuando se repiten en la
página generan
columnas y filas.
● El contenido real de la
maquetación puede
abarcar 1 o varios
módulos de la retícula.
Módulosdelaretícula.
1
62. Zonasespacialesdelaretícula.
● Son grupos de módulos,
que al unirse forman
campos claramente
identificables.
● Por ejemplo podría
reservar un grupo de
módulos para incluir
siempre una imagen.
● Otros grupos de módulos
podría reservarlos sólo
para texto.
2
63. Columnasdelaretícula
● Las columnas de la retícula
son alineaciones verticales de
tipografía.
● También puedo ajustar a las
columnas de la retícula:
● Imágenes
● Gráficos…
● El contenido de texto e
imágenes se ajusta a esas
columnas.
● Unas veces ocupando 1
columna.
● Otras veces ocupando varias
columnas.
3
64. Líneasdeflujodela
retícula.
Son alineaciones que rompen
el espacio dividiéndolo en
bandas horizontales.
Estas líneas guían al ojo a
través de la página.
Se pueden usar para generar
paradas visuales, puntos de
inicio del texto o de las
imágenes…
4
65. Márgenesdela
retícula.
Son los espacios negativos entre
el borde de la página y el
contenido principal.
Las proporciones de los
márgenes modifican la “tensión
general” de la composición.
Márgenes amplios generan más
calma y sosiego.
Márgenes muy pequeños
aumentan la tensión.
5
66. El Cartel (afiche se
deriva del término
francés affiche y poster
es el término original en
inglés), presupone un
concepto de “público” y
de “espacio publico”
El aviso o anuncio es un
elemento pasivo que
requiere que el
espectador se detenga
ante él para leer su
mensaje.
6
67. Presumiblemente el
primer anuncio impreso
aparecido en Inglaterra,
obra de William Caxton.
En 1800 aparece Bonne
Bierrede Mars,
representando parejas
de jóvenes que beben en
una posada en Francia.
7
68. ● En 1869, empiezan a aparecer los
carteles de Chéret
● (1836–1933). Chéret empezó a
producir en París carteles
litográficos en color con su propia
prensa.
● La forma del cartel que ha llegado
a nosotros data de estos años y se
debe a la coincidencia de dos
factores: ciertas mejoras técnicas
en la impresión litográfica y la
presencia del propio Chéret.
8
69. ● A finales del siglo XIX y el comienzo
del XX el cartel celebro su época
dorada. Bajo las manos maestras
de Chéret, Henri de Tolouse
Lautrec, Pierre Bonard, Alphonse
Mucha y Theophile Steinlen.
● Esta forma de publicidad encontró
un nuevo estatus como arte
innovativo, que permitía la
distribución masiva de imágenes
particulares creadas por un
artista.
9
70. Toulouse-Lautrec,
introdujo importantes
cambios e su contenido y
en su estilo artístico.
Abandonó e
impresionismo lírico de
los estilos precedentes
par utilizar grandes
zonas de colores lisos,
técnica tomad de los
grabados japoneses.
0
71. Elcartel
Un afiche moderno será
entonces una imagen por
lo general en colores,
casi siempre con un solo
tema y acompañada por
un texto líder que no
suele exceder las 10 a 20
palabras con un
argumento único; estará
fijado y expuesto a la
vista del peatón
1
72. • El cartel es
eminentemente
argumentativo, aun
cuando los elementos de
la argumentación se
encuentren atomizados
en el color, el texto o la
imagen.
• Es una unidad de
estimulación dinámica
que busca una respuesta
y trata de desencadenar
una conducta
73. La idea principal contenida en el
cartel deberá ser simple y estar
expresada en un estilo claro y
directo, exenta de procedimientos
retóricos complejos.
Se trata de una imagen fija
generalmente coloreada que es el
estímulo fuerte, equilibrado por
otro más débil representado por
el texto.
Es, en suma, la conjunción de dos
sistemas que son capaces de
soportar mensajes denotados y
connotados
3
74. ● Hay tres ideas por resaltar, la
primera, es la noción de
contundencia y rapidez de captación
que subyacen en su alusión a la idea
“simple y... expresada en un estilo
claro y directo” que debe contener el
cartel.
● La composición, la originalidad y la
claridad, son factores decisivos para
la pronta captación del mensaje
cartelístico.
● Dicho de otra forma, la complejidad
morfológica no es facilitadora de la
transmisión del mensaje
4
75. ● La segunda idea está relacionada
con la imagen fija no
transportable.
● Determina una situación de
inevitabilidad con respecto del
sujeto: un estímulo ante el cual el
individuo se enfrenta
inevitablemente a diferencia de
otros medios más selectivos.
5
76. ● Una tercera idea, es la
capacidad del cartel de
soportar significados no
aparentes
● En dicha cualidad residen las
capacidades educativas y
persuasivas del cartel y es
precisamente la característica
que ha dado pábulo a
numerosos estudios de las
funciones retóricas, ideológicas
y de impacto del cartel
6
77. 1. Más allá de la noción del cartel como estructura argumental, un cartel
no puede limitarse a una exposición racional de las características
técnicas y funcionales de un producto o servicio, pues perdería las
pocas oportunidades que tiene para motivar profundamente al
individuo y, por consecuencia, modificar su comportamiento de
elección o de compra:
• El cartel no debe ser solamente argumental, sino sobre todo sugestivo,
insinuante para provocar en el receptor reacciones afectivas y elaborar
un mundo suprasensorial, desbordando el ámbito de los signos
7
78. • No puede ser considerado como cartel algo que no rebase ciertas
medidas que varían de país a país pero que, como mínimo, deben
alcanzar el pliego completo o cubrir un cierto porcentaje de ángulo
sólido en condiciones normales de visión de los viandantes.
• Los tamaños, por supuesto (y este asunto lo retomaremos en el código
morfológico, más adelante), están determinados por la tecnología de
reproducción actual y por los estándares de tamaños de papel
existentes en el mercado.
8
79. ● El cartel… es un soporte múltiple
destinado a una percepción masiva
pero efímera
● Esa naturaleza perecedera del
cartel le es conferida por dos
circunstancias: el material sobre el
cual está hecho, expuesto a las
inclemencias de la intemperie, y la
naturaleza contingente del hecho
publicitario o promocional, lo que
determina que los mensajes del
cartel sean siempre efímeros
9
80. El texto verbal, aporta información que no puede leerse en la imagen y como tal, su
jerarquía visual es de orden secundario.
El destinatario se puede construir a partir de un indicio visual que refiera la temática, la
intención no es sólo producir una ruptura visual, sino detener las miradas de aquellos
sujetos con quienes queremos establecer un contacto.
El cartel reclama una construcción discursiva sintética, que puede ponerse en escena a
través de un manejo austero de los elementos. Esto no debe entenderse como una regla
sino como un posible recurso para la planificación estratégica.
Síntesis formal no es sinónimo de síntesis conceptual.
0
81. 1. La interrelación texto verbal texto-visual es una
forma de anclar el sentido.
2. Ante las múltiples posibilidades interpretativas, el
texto verbal es fuertemente propositivo de una
lectura.
3. El texto verbal no subtitula, no describe, no relata
ni explica lo que sucede en la imagen.
82. El cartel busca movilizar a su
lector. No persigue
simplemente el conocimiento
de una información, sino la
realización de un saber en
una acción.
Esa intención debe ser
inequívoca para el autor de
la pieza gráfica.
La pregunta no es ¿qué
quiero decir? sino ¿que
acción quiero lograr a partir
de esto que digo?
2
83. Hay múltiples recursos
posibles a tener en cuenta
para jerarquizar la
propuesta.
Nunca deberíamos obviar
la reflexión sobre la
estructura, el diseño del
espacio en blanco, el ritmo,
el contraste y la
negociación de tensiones
en el plano.
3
84. Elementosprincipalesdelcartel
1- La ilustración
● La ilustración o el uso de imágenes dentro del cartel publicitario es uno de
los factores fundamentales para lograr el entendimiento del contenido
informativo por parte del espectador.
● Se parte de la idea de que los humanos son seres visuales, e incluso
aprenden a leer identificando figuras.
● Por tal motivo las ilustraciones o la inserción de imágenes están presentes en
casi todos los tipos de cartel.
2- Título y tipografía
● Son elementos fundamentales en la publicidad. La tipografía y el título tienen
la responsabilidad de contener los argumentos verbales del cartel.
● Las frases, eslóganes, información de fechas, precios o cualquier dato escrito
deben ser presentadas con letra legible y en colores que permitan la fácil
lectura del contenido.
4
85. 3- Color
Los diseñadores gráficos encargados de la elaboración de los carteles publicitarios
utilizan las teorías de la semiótica y la Gestalt para elegir los colores que deben formar
parte del cartel.
En la mayoría de los casos el empleo o no de ciertos colores responde a la necesidad de
conducir un mensaje determinado.
Por ejemplo, en carteles referentes a alimentos y comidas los colores amarillos y rojos
tienden a estimular las papilas gustativas, incentivando a los espectadores a interesarse
por dichos alimentos.
4- Orden visual
Este orden permite que la mirada del espectador pueda recorrer correctamente todos los
puntos visuales para que la información pueda ser suministrada en su totalidad.
5
86. 5- Espacio
El espacio se refiere a la cantidad espacios libres que debe tener el cartel para permitir
que el contenido informativo sea legible.
Cuando se satura de textos o imágenes se crea una molestia visual en el espectador y el
mensaje no llega apropiadamente; de allí que se hable del espacio como un elemento
fundamental para la creación correcta de la publicidad.
6- Información
La información debe ir en concordancia con el uso de espacios, y debe ser clara, precisa
y pertinente. No se deben incluir tablas, gráficos o datos que distraigan del fin último del
cartel.
Dependiendo de su utilidad y dimensiones, el cartel contendrá más o menos
información. Se ha determinado que las publicidades que proyectan de forma más
efectiva sus mensajes solo presentan una imagen y no más de diez palabras.
6
87. 7- Convencionalismos visuales
Los convencionalismos visuales aseguran el entendimiento de forma inmediata
de los mensajes del cartel publicitario.
Se utilizan comúnmente iconos, pictogramas e incluso algún tipo de tipografía
en específico. Un ejemplo de los convencionalismos visuales es el uso de palomas
blancas para simbolizar la paz.
8- Mensaje
El mensaje no hace referencia al texto que pueda aparecer en el cartel (eslogan,
información, fechas y horarios, etc.), sino a aquello que se pretende transmitir de
manera indirecta con todos los elementos que se han plasmado en el cartel.
Para que esto funcione, debe ir en concordancia, posibilitando así que el cliente
capte la esencia de aquello que el anunciante pretende hacer entender.
7
88. Diseñoeditorial
● El diseño editorial es la rama del
diseño gráfico y del diseño de la
información que se especializa en
la maquetación y composición de
distintas publicaciones tales como
libros, revistas o periódicos.
● Incluye la realización de la gráfica
interior y exterior de los textos,
siempre teniendo en cuenta un eje
estético ligado al concepto que
define a cada publicación y
teniendo en cuenta las
condiciones de impresión y de
recepción.
8
8
89. Revistas
● Es una publicación de aparición
periódica, a intervalos mayores a
un día. Las revistas ofrecen una
segunda y más exhaustiva
revisión de los sucesos, sea de
interés general o sobre un tema
más especializado.
Libro
● Son publicaciones más extensas,
de más de 25 hojas. Están
unidas por una lado y protegidas
con tapas.
● Podemos encontrar distintos
tipos de libros, por ejemplo: libros
de arte, científicos, libros de
texto, recreativos, novelas, de
referencia, de viaje, biografías
entre otros.
9
90. Carteles
● Consiste en una lámina de papel,
cartón u otro material que se
imprime con algún tipo de
mensaje visual (textos, imágenes y
todo tipo de recursos gráficos)
que sirve de anuncio para
difundir una información o
promocionar un producto, un
evento, una reivindicación o
cualquier tipo de causa
Postales
● Es una pieza rectangular de
cartulina, o cartón fino, preparada
para escribir y enviar por el correo
tradicional, sin necesidad de usar
un sobre.
0
91. Catálogos
● Es una obra impresa en la que las
empresas muestran su oferta de
productos y servicios a los
clientes. El catálogo se renueva
periódicamente, en muchas
ocasiones con periodicidad anual.
En la industria de la confección se
cambia conforme se van lanzando
las colecciones en lo que se llama
catálogo de temporada
Folletos
● Es un impreso de un número
reducido de hojas, que sirve
como instrumento divulgativo o
publicitario. también un folleto
puede ser un díptico o tríptico.
1
92. Manuales
● Es el documento que contiene
la descripción de actividades
que deben seguirse en la
realización de alguna función.
Instructivo
● Publicaciones más cortas que
tiene el propósito de orientar
los procedimientos en forma
detallada, clara y precisa para
realizar alguna actividad ya sea
simple o compleja.
2
93. ● Todo trabajo de diseño se debe regir por una estructura previamente
estudiada. Esto permite obtener claridad, legibilidad y funcionalidad a la
composición, además de facilitar el trabajo creativo.
3
Proporción
Espacio
Estructura
Columnas
Red tipográfica
Tención
Equilibrio
Forma
Tipografía
Definición
Función
Lectura continua
Clásico/ Contemporaneo
95. Márgenes
● Para determinar los márgenes nos podemos basar en alguno de los puntos aureos. En este
caso se toma el 3er horizonte aurico. Del punto 3 tiramos hacia la diagonal (a) y en donde
topa con (a) es nuestro punto (4), de ahí bajamos hasta topar con (b) y ahí es nuestro punto
(5), tiramos hacia el (6) y ya tenemos determinados nuestros márgenes.
● Podemos ver que el márgen inferior es el más grande y que los 4 márgenes tienen un
tamaño distinto pero siempre proporcionado a la doble página.
● Este método te garantiza tener una armonía en la composición de las páginas.
● Dentro de este espacio se debe de situar la información. A partir de estos horizontes,
puntos y medidas podemos jugar para ir armando nuestra composición y definir
parámetros cómo lo sería la caja de texto, imagenes, columnas etc.
● * Se puede ampliar siempre tu estructura usando alguna medida aurica y aplicandola al
márgen exterior e inferior.
● Ejemplo: Zona naranja en diagrama, se toma la medida marcada con la línea naranja en la
parte superior y se aplica a los márgenes para ampliar la zona.
5
96. Maquetación
● Maquetación, hace referencia a la forma de ocupar el espacio del plano o la
página.
● El problema de cómo disponer el conjunto de elementos de diseño impresos (texto,
titulares, imágenes) dentro de un determinado espacio, de tal manera que se
consiga un equilibrio estético entre ellos.
● Maquetar un diseño consiste en dar un formato a los documentos, a todo el
conjunto de elementos que lo componen, las imágenes, los textos, etc.
6
97. Definireldocumento
● Antes de empezar a maquetar, debemos definir el documento.
● Existen dos características muy importantes sobre el área de trabajo: la primera es
el tamaño y la segunda la orientación. Este puede ser horizontal o vertical y el
tamaño puede cambiar entre diversas medidas
● Todos los trabajos de maquetación, deben llevar una guía a través de una
estructura estudiada y de tamaños fijos. Para ello usamos, la retícula compositiva,
que consiste en una guía en los elementos de la maquetación en papel, con la
finalidad de conseguir, un orden y estética.
7
98. Maquetabaseopáginamaestra
● Estamos hablando de la primera página,
donde aparece el estilo y todas las
características ideadas para toda la
publicación.
● Una retícula base, se encuentra compuesta
por las siguientes partes, dependiendo de
la composición que se esté diseñando:
● - La orientación del papel.
● - El número de columnas y el tamaño de
estas.
● - La separación existente entre ellas (el
medianil).
● - El color y formato del texto (tipografía y
tamaño), los titulares, cabeceras, pies de
imagen, etc.
● - El uso de las imágenes como fondo en
todas las páginas (marca de agua) y demás
elementos ornamentales, tales como los
filetes decorativos, etc.
8
99. Elusodelaretícula
base
● Estas páginas se suelen hacer antes de
realizar una publicación. Se hace en las
dos páginas, tanto en la derecha como
en la izquierda, a páginas enfrentadas
para poder observar el resultado final
que tendría todo el conjunto de la
publicación.
● El diseño de estas plantillas, reduce
eficazmente el tiempo que se tardaría
en diseñar la publicación sin ellas. El
resto de las páginas, que se maqueten
posteriores a estas, tendrán
automáticamente el mismo estilo y
formato.
99
100. Distribuciónde
titulares,textoe
imágenes
● A la hora de maquetar un producto para ser
impreso hay que tener en cuenta los tres
elementos básicos de la publicación. Estos
son los textos, las imágenes y los espacios en
blanco que han de estar correctamente
distribuidos.
● La distribución de estos espacios y del resto
de elementos que componen el documento,
es una de las tareas más importantes a la
hora de maquetar.
● Antes de la era digital se utilizaba la antigua
práctica de dibujar sobre papel. Es decir, se
realizaban pequeños bocetos de posibles
distribuciones del espacio hasta llegar a
escoger la alternativa más adecuada al
diseño.
0
101. Textoeimágenes
Los tres elementos
fundamentales de los que se
dispone en el momento de
maquetar son:
- Los textos: Pueden ser
titulares, bloques de texto,
subtítulos y pies de foto.
- Las imágenes: Que pueden ser
fotografías, ilustraciones, etc.
- Espacios en blanco: Que
ayudan a ordenar y hacer
legible la maquetación.
1
102. ● Titulares y pie de imagen
● El titular de un documento es el ingrediente más
importante de una composición ya que es lo primero
en lo que se fija el lector. Su labor es captar la
atención del público e incitarle a que se introduzca
dentro del tema y siga leyendo.
● El titular va siempre en un tamaño mayor que el del
cuerpo de texto y, de esta forma, se consigue el efecto
que se persigue: captar la atención del lector de
forma inmediata.
● El pie de la imagen: También llamado Pie de foto. Es el
texto que se sitúa debajo de las imágenes aportando
una información adicional de éstas.
● Como característica principal está su brevedad y el
que aporte la información necesaria para identificar y
relacionar la imagen con el texto.
2
103. Elcuerpodeltexto
● Se puede proponer la
lectura de los documentos
de la siguiente forma:
● - Titular.
● - Imagen.
● - Pies de la imagen.
● - Texto, este en último
término si los tres
primeros elementos son
interesantes para el lector.
3
104. Subtítulos,imágenesyespacios.
● Los subtítulos: se colocan debajo de los títulos principales, y aportan una
información complementaria a la del primer titular principal.
● Los subtítulos, se crearon, porque los titulares suelen ser muy resumidos y escuetos,
y no aportan toda la información necesaria para captar la atención del lector.
● Las imágenes: son los elementos de la composición que más atraen la atención del
lector, ya que visualmente son más rápidas y atractivas de ver que el texto. Estas a
su vez, deben contener la información relacionada con el texto que las acompaña,
ya que, de lo contrario, podríamos confundir al público lector.
● Los espacios: Los espacios que se encuentran en blanco, no significan nada, pero la
composición permite que el texto se lea de una forma más clara y que la
composición produzca un efecto visual agradable.
4
105. Diferentesclasesdeformatos
● El formato se define como el tamaño de un impreso, expresado en relación con el número
de hojas que comprende cada pliego o indicando la longitud y anchura de la plana. Todo
esto se resume al espacio que se dispone para realizar un diseño.
● Para escoger el formato que se le quiere dar a un documento, es preciso observar los
márgenes de este, no es lo mismo diseñar en relación a un margen superior, que a un
derecho o a 4 márgenes.
● Los formatos, pueden tener las siguientes estructuras:
● - De una columna: Suele emplearse para libros, mostrando solo el texto, o sólo una imagen,
o bien una imagen acompañada de texto.
● - De dos columnas: Tiene más posibilidades de combinación entre textos e imágenes,
también es el que se utiliza habitualmente en los libros.
● - De tres columnas: Otro formato muy utilizado, sobre todo para la combinación de
imágenes y textos de diferentes tamaños, se utiliza mucho en publicaciones.
● - De cuatro columnas: La utilizan habitualmente periódicos y revistas. Facilitan mucho la
composición cuando existe mucho texto
5
106. Laimportanciadelatipografíaeneldiseñográfico
● Es una herramienta de
comunicación que transmite
información e ideas a través de
las palabras.
● El mismo texto con diferente
tipografía transmite una
sensación o significado
totalmente distinto. Por ello, la
tipografía es uno de los pilares
más importantes del diseño y es
importante seleccionar la
correcta, teniendo en cuenta qué
queremos transmitir y para qué o
quién.
6
107. ● Al momento de seleccionar la
tipografía para nuestro proyecto,
además del tipo de fuente,
debemos tener en cuenta tanto el
formato (cartel publicitario,
revista, envase…) como el soporte
en el que se va a realizar (impreso
o digital).
● La capacidad comunicativa de la
tipografía y su legibilidad puede
variar según en el soporte en el
que vaya representada.
● También, tendremos en cuenta la
extensión del texto para favorecer
la legibilidad y así, facilitar la
lectura.
7
109. Serif
● Las fuentes serif tienen su origen
en el pasado; cuando las letras se
tallaban en bloques de piedra
remataban los extremos ya que
era complicado asegurar que los
bordes de las letras fueran rectos.
Incluyen todas las tipografías
romanas y egipcias
● Utilizando este tipo de letra
podremos transmitir seriedad,
tradición, respeto… También se
utilizan para textos largos ya que
favorece su legibilidad al crear
una línea imaginaria bajo el texto
9
110. SanSerif
● Las fuentes san serif o etruscas tienen
su origen en Inglaterra en 1820. Son
tipografías con remates rectos, que
carecen de serifas. Asociadas a la
tipografía comercial debido a su buena
legibilidad para textos cortos y de gran
tamaño. Del mismo modo, son
apropiadas para la visualización en
pantalla, ya que son muy legibles a
menor tamaño.
● Las fuentes San Serif transmiten
modernidad, seguridad, alegría,
minimalismo, ligereza, neutralidad
0
111. Script
● Las tipografías Script se
caracterizan por tener ligaduras
en las letras; las letras están
ligadas unas con otras. Son
tipografías caligráficas que se
basan en la variedad y el fluido del
trazo creado en la escritura a
mano.
● Estas fuentes transmiten
elegancia, lujo, calidad, tradición…
Son ideales para proyectos
clásicos con mucha historia y
tradición.
1
112. Decorativasode
fantasía
● En estas tipografías se incluyen
familias tipográficas muy variadas con
mucha personalidad. Debido a sus
formas tan características y su
personalidad definida y concreta, son
apropiadas para dar un carácter
histórico o cultural a un diseño y
diferenciarlas del resto de tipografías.
● Se utilizan para fines específicos como
títulos, encabezados… No son
adecuadas para bloques de texto, ya
que dificulta su legibilidad.
2
113. ¿Quéeslainfografía?
● Es un diseño gráfico en el que se combinan textos y
elementos visuales con el fin de comunicar
información precisa sobre variadas temáticas
● Este recurso aproxima al lector a los elementos, ideas
o acontecimientos más importantes de un
determinado tema, como: dónde ocurrió, cómo se
llevó a cabo, cuáles son sus características, en qué
consiste el proceso, cuáles son las cifras, etc.
3
114. ¿Paraquétextosseaplicalainfografía?
● La infografía es pertinente para aclarar textos
de temática complicada, cronología de
acontecimientos, línea biográfica, casos
policiales, hechos históricos, descubrimientos,
accidentes, etc. Sin embargo, se puede aplicar a
cualquier tipo de texto siempre que el propósito
sea hacer más sencilla la información.
4
115. ¿Cuálessonsuscaracterísticas?
● Favorece la comprensión ya que incluye textos e imágenes que le ofrecen agilidad
al tema.
● Permite que materias complicadas puedan ser comprendidas de manera rápida y
entretenida. Responde a las preguntas qué, quién, cuándo, dónde, cómo y por
quién, pero, además, incluye aspectos visuales. Debe ser sencillo, completo, ético,
bien diseñado y adecuado con la información que presenta.
5
116. ¿Cuálessonsuspartes?
● Titular: resume la información visual y textual que se presenta en la
infografía. Es directo, breve y expreso. Si se considera conveniente puede
acompañarse de una bajada o subtítulo en el que se indique el tema a tratar
● Texto: Proporciona al lector en forma breve toda la explicación necesaria
para comprender lo que la imagen no puede expresar.
● Cuerpo: Contiene la información visual que puede presentarse a través de
gráficos, mapas, cuadros estadísticos, diagramas, imágenes, tablas, etc.
También, se considera la información tipográfica explicativa que se coloca a
manera de etiquetas y que pueden ser números, fechas o palabras
descriptivas. Dentro de la información visual siempre hay una imagen central
que prevalece por su ubicación o tamaño sobre las demás y de la cual se
desprenden otros gráficos o textos.
● Fuente: Indica de dónde se ha obtenido la información que se presenta en la
infografía.
6
117. ¿Cómoserealizaunainfografía?
● Lee o investiga todo lo relacionado al tema
seleccionado
● Sistematiza la información en aspectos
claramente definidos.
● Identifica el tipo de gráfico o imagen más
adecuada para cada tipo de información
● Diseña uno o varios bocetos en los que
organices la información que has sistematizado
7
120. It’s the closest planet to the Sun
Maybeyouneedtodividethecontent
Mercury Mars
Despite being red,
Mars is a cold place
121. Ourassociates
Venus
It’s the second
planet from the Sun
Mars
Despite being red,
Mars is a cold place
Mercury
It’s the closest
planet to the Sun
Saturn
It’s a gas giant and
has many rings
124. Venus
Reviewofconcepts
It’s the second
planet from the Sun
Mars
Despite being red,
Mars is a cold place
Mercury
It’s the closest
planet to the Sun
Jupiter
It’s the biggest
planet of them all
Neptune
It’s the farthest
planet from the Sun
Saturn
Saturn is the ringed
one and a gas giant
125. OurTeam
You can replace the
image on the screen
with your own
TheresegOUDOT
You can replace the
image on the screen
with your own
DianNeHernandez
128. 02 03
Section
Here you can
describe the topic
of the section
Section
Here you can
describe the topic
of the section
Section
Here you can
describe the topic
of the section
Tableofcontents
01
129. Problem
Venus is the second
planet from the Sun.
It’s terribly hot, even
hotter than Mercury
Solution
Saturn is composed
mostly of hydrogen
and helium. It was
named after a god
131. To modify this graph, click on it, follow the link,
change the data and paste the new graph here
Thisisagraph
Mass
Diameter
Volume
Despite being red,
Mars is a cold place
Venus has a
beautiful name
Mercury is the
smallest planet
40%
30%
30%
134. Thisisamap
Venus
Venus is the second
planet from the Sun.
It’s terribly hot!
Mars
Despite being red,
Mars is actually a
very cold place
135. Timeline
Neptune
Neptune is
very far
away from
Earth
Mars
Despite
being red,
it’s cold
Jupiter
It’s a gas
giant and
the biggest
Saturn
It’s a gas
giant and
has rings
01 02 03 04
138. Youcoulduselists
● Write here a task!
● Write here a task!
● Write here a task!
● Write here a task!
● Write here a task!
● Write here a task!
● Write here a task!
● Write here a task!
Done Todo
139. 50%
Neptune is the farthest
planet from the Sun
30%
Despite being red,
Mars is a cold place
20%
Saturn is a gas giant
and has rings
140. Photoboard
● Despite being red, Mars is cold
● Neptune is the farthest planet
● Saturn has several rings
● Mercury is the smallest planet
141. Mockups
Computersoftware
You can replace the
image on the screen
with your own work
Smartphoneapp
You can replace the
image on the screen
with your own work
Tabletapp
You can replace the
image on the screen
with your own work
142. Conclusions
● Neptune is the farthest from the Sun
● Despite being red, Mars is a cold place
● Venus has a beautiful name, but it’s hot
● Saturn is a gas giant and has rings
144. CREDITS: This presentation template was created by
Slidesgo, including icons by Flaticon, and
infographics & images by Freepik
Do you have any questions?
Thanks
youremail@freepik.com
+91 620 421 838
yourcompany.com
Please keep this slide for attribution
146. Alternativeresources
PHOTOS
● Young woman looking for inspiration
● Statue of greek god in artist studio
● Rear view of blonde female artist
● Aged professor male working with laptop
● Professional woman painting in the nature
● Front view smiley man blending different colors
● Blonde young woman painting the sketch
sitting in workshop
● High angle painter with painting elements
● Young painter in the nature looking at camera
147. Resources
PHOTOS
● Rear view of professional artist
● Close-up of old white plaster
female statue
● Woman with paint on hands
● Woman looking away
● Close-up of minimal white blank
● Mini blank easel and painting
equipment Man's hand painting
colorful brushstroke
● Artists oil paints multicolored
Vectors
● Hand-drawn art accessories
● Hand drawn greece culture
● Retro photographer
● Medieval pack of hand drawn
elements
Icons
● Art Icon Pack
148. Instructions for use (free users)
In order to use this template, you must credit Slidesgo by keeping the Thanks slide.
You are allowed to:
● Modify this template.
● Use it for both personal and commercial purposes.
You are not allowed to:
● Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content).
● Distribute this Slidesgo Template (or a modified version of this Slidesgo Template) or include it in a database or in
any other product or service that offers downloadable images, icons or presentations that may be subject to
distribution or resale.
● Use any of the elements that are part of this Slidesgo Template in an isolated and separated way from this
Template.
● Delete the “Thanks” or “Credits” slide.
● Register any of the elements that are part of this template as a trademark or logo, or register it as a work in an
intellectual property registry or similar.
For more information about editing slides, please read our FAQs or visit Slidesgo School:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
149. Instructions for use (premium users)
In order to use this template, you must be a Premium user on Slidesgo.
You are allowed to:
● Modify this template.
● Use it for both personal and commercial purposes.
● Hide or delete the “Thanks” slide and the mention to Slidesgo in the credits.
● Share this template in an editable format with people who are not part of your team.
You are not allowed to:
● Sublicense, sell or rent this Slidesgo Template (or a modified version of this Slidesgo Template).
● Distribute this Slidesgo Template (or a modified version of this Slidesgo Template) or include it in a database or in
any other product or service that offers downloadable images, icons or presentations that may be subject to
distribution or resale.
● Use any of the elements that are part of this Slidesgo Template in an isolated and separated way from this
Template.
● Register any of the elements that are part of this template as a trademark or logo, or register it as a work in an
intellectual property registry or similar.
For more information about editing slides, please read our FAQs or visit Slidesgo School:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
150. Fonts & colors used
This presentation has been made using the following fonts:
Staatliches
(https://fonts.google.com/specimen/Staatliches)
Comfortaa
(https://fonts.google.com/specimen/Comfortaa)
#db362e ##0066b3 ##fec00f #000000 #FFFFFF
151. Storyset by Freepik
Create your Story with our illustrated concepts. Choose the style you like the most, edit its colors, pick
the background and layers you want to show and bring them to life with the animator panel! It will boost
your presentation. Check out How it Works.
Pana Amico Bro Rafiki Cuate
152. You can easily resize these resources without losing quality. To change the color, just ungroup the resource
and click on the object you want to change. Then, click on the paint bucket and select the color you want.
Group the resource again when you’re done. You can also look for more infographics on Slidesgo.
Use our editable graphic resources...
153.
154.
155. JANUARY FEBRUARY MARCH APRIL
PHASE 1
Task 1
Task 2
JANUARY FEBRUARY MARCH APRIL MAY JUNE
PHASE 1
PHASE 2
Task 1
Task 2
Task 1
Task 2
156.
157.
158. ...and our sets of editable icons
You can resize these icons without losing quality.
You can change the stroke and fill color; just select the icon and click on the paint bucket/pen.
In Google Slides, you can also use Flaticon’s extension, allowing you to customize and add even more icons.