SlideShare una empresa de Scribd logo
1 de 165
DISEÑOGRÁFICO
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
1. Comunicación visual
a. Comunicación grafica
b. Comunicación audiovisual
i. Cine
ii. Teatro
iii. Tv
iv. Medios digitales
https://www.youtube.com/watch?v=1PyVaWmmtNw&ab_channel=JenniferL
%C3%B3pez-LuzaDeOlarte
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
● 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”.
● Para Barthes el mensaje icónico
(imagen) cumple dos funciones:
● 1. Anclaje
● 2. Relevo
● 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
● 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:
¿Quésucede
cuandovemos
algo?
https://www.youtube.com/watch?v=mVExlN0AHg0&ab_channel=Unailez
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.
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.
Elojodebeexplorar
laimagen haciendo
pausasfrecuentes
paraasimilarla
información.
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.
https://www.youtube.com/watch?v=eDrnoxueePA&ab_channel=LeonardoErvetto
OrigendeLa
comunicación
Gráfica
● 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
● 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.
● El diseño gráfico es la disciplina
proyectual orientada hacia la
resolución de problemas de
comunicación visual planteados
● 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.
La tarea esencial del diseñador
gráfico consiste en una
transformación del entorno
expresada en objetos gráficos
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
emisor
receptor
Código
Canal
M1
MEDIO DE
COMUNICACIÓN
M1
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.
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.
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.
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.
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.
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
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
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
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.
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.
Teoríadela
percepción
37
● 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
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
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
● La percepción de contornos simples
y conocidos es predominante sobre
otras posibilidades más complejas y
desconocidas.
leydecontornos
41
● Los contornos que pertenecen a
formas cerradas se perciben como
las formas mismas.
formacerrada
42
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
UnidadII
Elementosbásicos
delacomunicación
visual
44
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
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
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
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
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
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
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
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
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
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
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
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
● 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
● 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
● 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
https://www.youtube.com/watch?v=4AAv3lx7Ojw
● 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
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
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
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
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
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
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
● 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
● 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
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
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
• 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
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
● 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
● 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
● 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
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
• 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
● 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
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
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.
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
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
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
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
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
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
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
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
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
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
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
● 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
4
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
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
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
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
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
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
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
● 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
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
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
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
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
● 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
108
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
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
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
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
¿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
¿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
¿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
¿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
¿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
Apicturealways
reinforcesthe
concept
Images reveal large
amounts of data, so
remember: use an image
instead of a long text
It’s the closest planet to the Sun
Maybeyouneedtodividethecontent
Mercury Mars
Despite being red,
Mars is a cold place
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
Youcouldusethreecolumns
Mercury
It’s the closest
planet to the Sun
Mars
Despite being red,
Mars is a cold place
Saturn
It’s a gas giant and
has many rings
...Ormaybeyouneedfour
Mercury
It’s the closest
planet to the Sun
Venus
It’s the second
planet from the Sun
Saturn
It’s a gas giant and
has many rings
Mars
Despite being red,
Mars is a cold place
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
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
Big numbers catch your audience’s attention
4,498,300
6,000
Exhibitions every year
850
Museums in the world
95,874
Artists in Spain
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
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
Section
You can enter a subtitle
here if you need it
02
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%
Thisisaninfographic
Mercury is the
smallest planet
Despite being red,
it’s a cold place
Jupiter is the
biggest planet
Neptune is the
farthest planet
04
01 02
03
Maybeyouneedatable
Mass Diameter SurfaceGravity
Mercury 0.06 0.38 0.38
Mars 0.11 0.53 0.38
Saturn 95.2 9.4 1.16
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
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
Percentages
50%
70%
Despite being red, Mars
is a very cold place
Neptune is the farthest
planet from the Sun
Neptune Mars
Age:
Job:
Gender:
Style:
60
Artist
Male
Surrealist
Influences:
Income:
Dali, Magritte
$1500
PERSONAPROFILE
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
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
Photoboard
● Despite being red, Mars is cold
● Neptune is the farthest planet
● Saturn has several rings
● Mercury is the smallest planet
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
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
Awesome
words
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
Alternativeresources
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
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
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
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
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
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
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...
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
...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.
Educational Icons Medical Icons
Business Icons Teamwork Icons
Help & Support Icons Avatar Icons
Creative Process Icons Performing Arts Icons
Nature Icons
SEO & Marketing Icons
Diseño Gráfico.pptx

Más contenido relacionado

Similar a Diseño Gráfico.pptx

LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICOLA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICOmarcomunozhdez
 
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICOLA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICOmarcomunozhdez
 
DiseñO GráFico
DiseñO GráFicoDiseñO GráFico
DiseñO GráFicoCarmen Yi
 
La comunicación visual en el proceso de diseño y semiótica
La comunicación visual en el proceso de diseño y semióticaLa comunicación visual en el proceso de diseño y semiótica
La comunicación visual en el proceso de diseño y semióticaDulce Maria Manzo
 
45 puntos para el análisis de una imagen
45 puntos para el análisis de una imagen45 puntos para el análisis de una imagen
45 puntos para el análisis de una imagenEva Avila
 
el_diseño_grafico.pdf
el_diseño_grafico.pdfel_diseño_grafico.pdf
el_diseño_grafico.pdfJavierOchoa81
 
Contenidos mínimos plan de estudios Carrera DG FADU UBA
Contenidos mínimos plan de estudios Carrera DG FADU UBAContenidos mínimos plan de estudios Carrera DG FADU UBA
Contenidos mínimos plan de estudios Carrera DG FADU UBADiego Garcia Diaz
 
Jo el (1)
Jo el (1)Jo el (1)
Jo el (1)joeldog
 
Comunicación Visual y Diseño Gráfico
Comunicación Visual y Diseño GráficoComunicación Visual y Diseño Gráfico
Comunicación Visual y Diseño GráficoPatricia Cristhel
 
Comunicación Visual y Diseño Gráfico
Comunicación Visual y Diseño GráficoComunicación Visual y Diseño Gráfico
Comunicación Visual y Diseño GráficoPatricia Cristhel
 
Comunicación y Diseño Gráfico
Comunicación y Diseño GráficoComunicación y Diseño Gráfico
Comunicación y Diseño GráficoSantiago Nieto
 
Introduccion al diseño
Introduccion al diseñoIntroduccion al diseño
Introduccion al diseñoESPE
 
EMA 1 INTRODUCCIÓN A LA IMAGEN Y PERCEPCION VISUAL.
EMA 1 INTRODUCCIÓN A LA IMAGEN Y PERCEPCION VISUAL.EMA 1 INTRODUCCIÓN A LA IMAGEN Y PERCEPCION VISUAL.
EMA 1 INTRODUCCIÓN A LA IMAGEN Y PERCEPCION VISUAL.elizarraga1
 
Teoría del diseño Leonor Arfuch
Teoría del diseño Leonor ArfuchTeoría del diseño Leonor Arfuch
Teoría del diseño Leonor Arfuchjesicasoledad88
 
Introducción a la Semiotica - la imagen como diálogo
Introducción a la Semiotica - la imagen como diálogoIntroducción a la Semiotica - la imagen como diálogo
Introducción a la Semiotica - la imagen como diálogojuanfranciscovi juanfracisovi
 
Diseño visual j2
Diseño visual j2Diseño visual j2
Diseño visual j2enner20
 
Diseño visual j2
Diseño visual j2Diseño visual j2
Diseño visual j2enner20
 

Similar a Diseño Gráfico.pptx (20)

LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICOLA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
 
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICOLA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO
 
comunicación visual
comunicación visualcomunicación visual
comunicación visual
 
DiseñO GráFico
DiseñO GráFicoDiseñO GráFico
DiseñO GráFico
 
Multimedia Educativa
Multimedia EducativaMultimedia Educativa
Multimedia Educativa
 
La comunicación visual en el proceso de diseño y semiótica
La comunicación visual en el proceso de diseño y semióticaLa comunicación visual en el proceso de diseño y semiótica
La comunicación visual en el proceso de diseño y semiótica
 
45 puntos para el análisis de una imagen
45 puntos para el análisis de una imagen45 puntos para el análisis de una imagen
45 puntos para el análisis de una imagen
 
el_diseño_grafico.pdf
el_diseño_grafico.pdfel_diseño_grafico.pdf
el_diseño_grafico.pdf
 
Contenidos mínimos plan de estudios Carrera DG FADU UBA
Contenidos mínimos plan de estudios Carrera DG FADU UBAContenidos mínimos plan de estudios Carrera DG FADU UBA
Contenidos mínimos plan de estudios Carrera DG FADU UBA
 
Jo el (1)
Jo el (1)Jo el (1)
Jo el (1)
 
Comunicación Visual y Diseño Gráfico
Comunicación Visual y Diseño GráficoComunicación Visual y Diseño Gráfico
Comunicación Visual y Diseño Gráfico
 
Comunicación Visual y Diseño Gráfico
Comunicación Visual y Diseño GráficoComunicación Visual y Diseño Gráfico
Comunicación Visual y Diseño Gráfico
 
Tema 1º sm
Tema 1º smTema 1º sm
Tema 1º sm
 
Comunicación y Diseño Gráfico
Comunicación y Diseño GráficoComunicación y Diseño Gráfico
Comunicación y Diseño Gráfico
 
Introduccion al diseño
Introduccion al diseñoIntroduccion al diseño
Introduccion al diseño
 
EMA 1 INTRODUCCIÓN A LA IMAGEN Y PERCEPCION VISUAL.
EMA 1 INTRODUCCIÓN A LA IMAGEN Y PERCEPCION VISUAL.EMA 1 INTRODUCCIÓN A LA IMAGEN Y PERCEPCION VISUAL.
EMA 1 INTRODUCCIÓN A LA IMAGEN Y PERCEPCION VISUAL.
 
Teoría del diseño Leonor Arfuch
Teoría del diseño Leonor ArfuchTeoría del diseño Leonor Arfuch
Teoría del diseño Leonor Arfuch
 
Introducción a la Semiotica - la imagen como diálogo
Introducción a la Semiotica - la imagen como diálogoIntroducción a la Semiotica - la imagen como diálogo
Introducción a la Semiotica - la imagen como diálogo
 
Diseño visual j2
Diseño visual j2Diseño visual j2
Diseño visual j2
 
Diseño visual j2
Diseño visual j2Diseño visual j2
Diseño visual j2
 

Último

Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxErikRamirez67
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...sayumi4
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfCeciliaTernR1
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfAsol7
 

Último (20)

Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptx
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdf
 

Diseño Gráfico.pptx

  • 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
  • 4.
  • 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
  • 94. 4
  • 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
  • 108. 108
  • 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
  • 118. Apicturealways reinforcesthe concept Images reveal large amounts of data, so remember: use an image instead of a long text
  • 119.
  • 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
  • 122. Youcouldusethreecolumns Mercury It’s the closest planet to the Sun Mars Despite being red, Mars is a cold place Saturn It’s a gas giant and has many rings
  • 123. ...Ormaybeyouneedfour Mercury It’s the closest planet to the Sun Venus It’s the second planet from the Sun Saturn It’s a gas giant and has many rings Mars Despite being red, Mars is a cold place
  • 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
  • 126. Big numbers catch your audience’s attention 4,498,300
  • 127. 6,000 Exhibitions every year 850 Museums in the world 95,874 Artists in Spain
  • 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
  • 130. Section You can enter a subtitle here if you need it 02
  • 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%
  • 132. Thisisaninfographic Mercury is the smallest planet Despite being red, it’s a cold place Jupiter is the biggest planet Neptune is the farthest planet 04 01 02 03
  • 133. Maybeyouneedatable Mass Diameter SurfaceGravity Mercury 0.06 0.38 0.38 Mars 0.11 0.53 0.38 Saturn 95.2 9.4 1.16
  • 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
  • 136. Percentages 50% 70% Despite being red, Mars is a very cold place Neptune is the farthest planet from the Sun Neptune Mars
  • 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.
  • 161. Help & Support Icons Avatar Icons
  • 162. Creative Process Icons Performing Arts Icons
  • 164. SEO & Marketing Icons