Fundamentos de la Comunicación Visual
Fundamentos de la Comunicación Visual
Emisor Receptor
mensaje La comunicación es una parte sustancial de nuestra
vida, ya sea que digamos algo o no, automáticamente
transmite un mensaje a las personas que nos rodean,
porque es ineludible.
Teoría de la Comunicación
CANAL
Elemento físico por el cual el emisor transmite la información
Intrapersonal.
"intra" significa "dentro", la comunicación que tiene lugar dentro de una persona.
Implica pensar, analizar, interpretar, evaluar, contemplar, sentir, etc.
Es reflejar el yo individual, con el fin de aclarar algo.
Autoconcepto: Creencia Valor Actitud
Interpersonal
"inter" significa "entre", la comunicación ocurre entre dos o más personas.
Aquí, el tono de voz, el lenguaje corporal, los gestos, las expresiones faciales, tienen un gran impacto
en el receptor.
Manejo de conflictos empatía liderazgo trabajo en equipo actitud positiva
Grupal Masiva
Interacción entre un emisor proceso interactivo que tiene lugar entre tres o
único ( comunicador) y un más personas. La comunicación
receptor masivo (o audiencia), grupal resulta básica e importante en el
un grupo numeroso de personas. desarrollo de relaciones entre personas,
familias, grupos sociales, empresas e incluso
gobiernos.
2
Comunicación Audiovisual
La transmisión de mensajes audiovisuales a través de medios tecnológicos, que integran imágenes
figurativas, esquemáticas o abstractas y elementos sonoros tales como la música, los sonidos, los ruidos
y el silencio.
Es la comunicación a través de un medio visual para transmitir ideas e información en formas que se pueden
percibir con la vista.
Se presenta en elementos bidimensionales como:
Hermenéutica de la Imagen
tiene como finalidad separar la imagen de lo verbal para que no se mire tanto el
texto o lo dicho por el personaje sino la forma de la representación de la imagen.
4
Elementos de la Forma
PUNTO LÍNEA PLANO VOLÚMEN
6
Percepción
Es la forma en la que el cerebro interpreta las sensaciones que recibe a través de
los sentidos para formar una impresión inconsciente o consciente de la realidad física
de su entorno.
Leyes Las leyes de la Gestalt, para la psicología de la Gestalt, son una serie de reglas
que explican el origen de las percepciones a partir de los estímulos. Existen
de la múltiples reglas particulares, que se fundamentan en dos reglas generales:
✘ la ley de buena forma
Gestalt ✘ la ley de figura y fondo
7
8
9
Ley de figura - fondo
10
Figura - Fondo
Habilidad para identificar un objeto dentro de un fondo complejo o de otros patrones
Permite percibir las posiciones de los objetos en relación a uno mismo y/o en relación
con la posición relativa de los objetos.
Nuestro cerebro tiende a separar el fondo de los demás elementos importantes, pero se
basa en la premisa que no existe figura sin un fondo que la sustente.
Positivo - Negativo
Denota simplemente que hay elementos separados,
pero unificados en todos los acontecimientos
visuales.
✘ Proximidad
✘ Semejanza
✘ Continuidad
✘ cierre
13
PRINCIPIOS:
“
Proximidad: permite relacionar elementos que están
unos cerca de los otros.
¿Seis líneas o tres pares de líneas?
14
GEOMETRIA
´
Es la rama de las matemáticas que estudia la extensión y su forma de medirla. .
Las artes plásticas combinan geometría con diseño. Es muy útil para diseñar
logotipos, símbolos, ya sea en tipografías, imágenes o señalizaciones. Esto logra
crear inestabilidad y armonía al mismo tiempo.
TRAMA
RED
Son las texturas de puntos que se utilizan para
Las redes surgen del trazo cruzado de líneas que
simular diversos colores y tonos variando su
dividen el espacio visual y sus formas básicas son
dispersión o grosor. Hay 2 tipos principalmente:
3, pero la acumulación de estas tres formas genera
solamente 2 tipos de estructuras o redes base. • Estocásticas
• Cuadrada • Ordenadas
• Triángulo equilátero
16
17
18
19
Proporción áurea
20
es un número irracional, representado por la letra
griega φ (phi) (en minúscula)
o Φ (Phi) (en mayúscula) en honor
al escultor griego Fidias.
El número áureo surge de la división en dos de un segmento guardando las siguientes proporciones:
La longitud total a+b es al segmento más largo a, como a es al segmento más corto b.
21
Serie Fibonacci
TIPOS
24
CALIDAD
DIRECTA DIFUSA
REFLEJADA
Posición:
25
26
significa figura o representación visual de algo o alguien.
Proviene del latín imāgo, imagĭnis, que significa 'retrato‘
IMAGEN
Una imagen puede buscar simplemente representar la realidad o, más bien, tener una
función simbólica, con una determinada carga significativa en su contexto cultural
28
Teoría del color
La teoría del color es un grupo de reglas básicas en la mezcla de colores para lograr el efecto
deseado combinando colores de luz o pigmento.
La luz blanca se puede producir combinando el rojo, el verde y el azul
Combinando pigmentos cyan, magenta y amarillo se produce el color negro .
30
Colores análogos
Se llaman colores análogos los que están contiguos en la rueda del color, como el
naranja, el rojo-naranja, y el rojo. Son naturalmente armoniosos, porque reflejan
ondas de luz que son similares. Normalmente se limitan a tres, por ejemplo, azul,
azul-verde y verde.
Los colores análogos se consideran pequeños sectores de la rueda del color, tres,
cuatro o máximo 5 colores de la rueda.
31
ATRIBUTOS DEL COLOR
Todos los matices o colores que percibimos poseen tres atributos básicos:
Matiz.— También llamado por algunos croma, es el color en sí mismo, es el atributo que nos permite
diferenciar a un color de otro, por lo que podemos designar cuando un matiz es verde, violeta o
naranja
32
ATRIBUTOS DEL COLOR
Saturación.— es, básicamente, pureza de un color, la concentración de gris que contiene un color
en un momento determinado. Cuanto más alto es el porcentaje de gris presente en un color,
menor será la saturación o pureza de este y por ende se verá como si el color estuviera «sucio» u
opaco; en cambio, cuando un color se nos presenta lo más puro posible (con la menor cantidad de
gris presente) mayor será su saturación. En caso de que se mezclen los colores opuestos en el
Círculo Cromático se obtienen grises opuestos a la saturación, a lo que se le llama Neutralización.
SATURACIÓN
LUMINOSIDAD
VALOR
33
CONTRASTE Es el efecto que permite
resaltar el peso visual de uno
o varios elementos dentro de
una composición, mediante la
oposición o diferencia entre
ellas, permitiendo atraer la
atención del espectador.
ARMONÍA
34
LEYES DE COMPOSICIÓN
35
PANTONE
El sistema Pantone es una guía de colores que están identificados con un código. La
primera se publicó en 1963, con el objetivo de crear «un lenguaje cromático universal
que permita a marcas y productores tomar decisiones críticas relativas al color en
todas las fases del flujo de trabajo».
36
TEXTO VISUAL
Los textos visuales no son otra cosa que imágenes
que al ser vistas pueden ser comprendidas, tal es el
caso de un póster de propaganda, cuyo objetivo es
hacer que la gente comprenda el porqué de comprar el
producto usando muy poco texto pero que la imagen
sea lo suficientemente representativa como para ser
comprendida
37
ESCALA DE ICONICIDAD
El término iconicidad se refiere al grado de referencialidad de una imagen. Es decir, la relación de
apariencias entre la propia imagen y su referente. El concepto iconicidad expresa pues las categorías y
niveles de relación de una imagen, con la imagen de un objeto real.
Nivel 11 Imagen natural: La imagen al natural que restablece todas las propiedades del objeto. Los
ejemplos son cualquier percepción de la realidad sin más mediación que las variables físicas del estímulo.
Nivel 10 Modelo tridimensional a escala: (primero a tamaño real) Las imágenes son modelos
tridimensionales a escala. Restablece todas las propiedades del objeto y existe identificación pero no
identidad.
Nivel 9 Hologramas: (a color y blanco y negro) Las imágenes de registro estereoscópico que restablecen
la forma y posición de los objetos emisores de radicación presentes en el espacio.
Nivel 8 Fotografía en color: El grado de definición de la imagen está equiparado al poder resolutivo del
ojo medio.
38
Nivel 7 Fotografía en blanco y negro
Nivel 6 Pintura realista: (a color y blanco y negro) Restablece razonablemente las relaciones espaciales en
un plano bidimensional.
Nivel 3 Esquemas motivados: Tienen todas las características sensibles abstraídas. Tan sólo
restablecen las relaciones orgánicas.
41
TIPOGRAFIA
Se denomina tipografía a la tarea u oficio e industria que se ocupa de la elección y el uso de tipos
(letras diseñadas con unidad de estilo) para desarrollar una labor de impresión, la cual hace
referencia a los elementos letras, números y símbolos pertenecientes a un contenido impreso
Resumidamente podemos decir que los textos digitales son contenidos escritos y difundidos en el
ambiente digital con la finalidad de informar, comunicar, expresar o promocionar. ... Aparentemente
la diferencia entre los textos digitales y los textos tradicionales es solamente el medio que utilizan
para su diseminación
Seleccionar la tipografía correcta según el producto
o campaña al que va dirigido el diseño tiene
En el mundo del diseño gráfico los tipos de influencia sobre las emociones.
tipografías utilizados puede impactar Esto ayuda a captar la atención de la audiencia
directamente la manera en la que una persona porque comunica de una manera directa y motiva a
percibe lo que se quiere transmitir, si se trata que esa audiencia tome decisiones en función de lo
de un mensaje, o de lo que se quiere vender, que ve.
como un producto.
42
1. SANS SERIF 2. BRUTALISM
Este tipo de tipografía desde siempre ha Esta tipografía es una fuerte tendencia de nuestra época.
marcado una tendencia en el diseño gráfico. Su Los diseñadores la utilizan mucho para crear campañas no
forma es moderna y a la vez sofisticada y esto tradicionales.
permite al diseñador un mejor espacio para Generalmente se arriesgan en diseños de carteles,
crear. portafolios personales o páginas webs de figuras públicas.
Es muy utilizada para lo que en el mundo De este tipo de tipografía, existen varios estilos y se
del diseño se conoce como trabajo limpio, que caracterizan por ser imperfectos y se enfocan más en lo
no es otra cosa que, englobar varios elementos conceptual que en lo técnicamente correcto. Es una
para generar un enfoque específico en las herramienta interesante de utilizar, sobre todo en el diseño
piezas diseñadas. moderno.
Además, se fragmenta en diferentes tipos de
tipografías, como Roboto, Open Sans y
Montserrat.
43
3. HELVETICA 4. GARAMOND
Otra de las fuentes tipográficas más Este es otro tipo de tipografía clásico que todo
utilizadas por los diseñadores es la diseñador gráfico debe conocer. Fue creado hace
Helvetica. Es cierto que quienes más la más de 30 años y su diseño sutil hace que sea
utilizan cuentan con menores recursos ideal para diseñar páginas webs, libros y revistas.
digitales para el diseño, pero incluso los Como la tipografía helvetica, es considerada una
más profesionales acuden a ella. de las tipografías para diseño gráfico más
Es fácil de visualizar por el público populares del mundo.
objetivo, por eso es una opción que se
debe tener al alcance según el proyecto
en el que se trabaje.
44
5. TRAJAN 6. FUTURA
Inspirada en las letras clásicas del siglo Este tipo de fuente es una de las más
romano, este tipo de tipografía resulta muy utilizadas por los diseñadores en la
elegante y es uno de los que comúnmente creación de logotipos, eslóganes para una
se utilizan para el diseño de carteles del empresa o producto e incluso para
cine de Hollywood. marcas corporativas.
Tiene mucho simbolismo en el mundo del Su base de diseño es ideal para hacer
diseño y se asocia a temas de carácter creaciones de carácter geométrico, con lo
legal, por ejemplo, un despacho jurídico o cual es considerada como una de las
eventos de sociedad como una boda imprescindibles para todo diseñador.
elegante.
45
7. BICKHAM 8. BODONI
SCRIPT PRO Otra de las tipografías más famosas y comunes de
reconocer es Bodoni. Muchos diseñadores la utilizan
Es un tipo de letra único, para la creación de logotipos y es especialmente
caracterizado principalmente utilizada en la industria de la moda debido a la
por su elegancia y el uso que combinación de trazos gruesos y delgados que la
le da para la producción de hacen estéticamente atractiva.
material imprimible, sobre Como la tipografía Futura, está también juega con las
todo porque su estilo hace formas geométricas lo cual agrega un encanto
que lo escrito sea muy adicional al diseño.
legible y a la vez da un toque
de elegancia.
46
9. GOTHAM 10. ROCKWELL
Entramos ahora en un tipo de Es una fuente muy utilizada en la
tipografía completamente moderno. elaboración de diseños pequeños,
De hecho, fue creado a principio de horizontales y geométricos.
los años 2000. Su estilo hace que los Se podría decir que tiene un toque de lujo
diseños luzcan muy profesionales y que la convierte en una alternativa ideal
limpios. para satisfacer muchas de las exigencias
Un ejemplo del uso de este tipo de de los diseñadores gráficos.
tipografía son los carteles usados
durante la campaña presidencial de
Barack Obama en el año 2008.
47
CUERPO DE LA LETRA
48
49
ALINEACIÓN DEL TEXTO
La alineación del texto es un paso importante para mantener
también una buena legibilidad. Las opciones de alineación en un
diseño de una página tradicional son: Alinear a la izquierda,
alinear a la derecha, centrar, justificar y alineaciones asimétricas.
50
Interlineado es la distancia entre la
cara inferior de dos renglones.
Se recomienda que
el interlineado sea igual a los
márgenes mínimos.
51
el kerning, se aplica entre pares de letras para
compensar ópticamente sus diferentes formas y que no
dé la sensación de que están más juntas o separadas
que las otras (AV, fo, etc.)
55
RGB CMYK
56