COMUNICACIÓN
VISUAL GRAFICA
2
ÍNDICE 2. Teoría del color 4. Psicología del color 6. Clases de elementos visuales
Circulo cromatico: colores que el ojo humano puede captar.
8
10
8. La tipografía 10. Imágenes
Retrato de Thibaudeauel. Realizo la primera clasificación de tipografías.
Ejemplo de puntos en publicidad de Nescafé.
12
12. Imagen o gráfico 14. Diseño editorial
Mapa de bits con diferentes resoluciones.
16
16. Formatos digitales o electrónicos Imagen representativa de la web.
TEORIA DEL
COLOR E
mpecemos por lo más básico, el color es un fenómeno visual, físico y psicológico captado y descifrado en respuesta a las longitudes de onda de la luz.
Modelos para agregar y sustraer
Si has jugado con el color en cualquier programa de computadora, probablemente has visto un módulo llamado RGB o colores CMYK con unos números junto a las letras. ¿Te has preguntado qué significan? CMYK son las iniciales para Cian, Magenta, Amarillo (yellow, en inglés) y Key (black). Esos también son los colores que aparecen en los cartuchos de tinta de tu impresora. No es coincidencia. CMYK es el modelo de sustracción de color, en el cual se parte de la luz/ fondo blanco. Si se superpone los tres colores básicos de impresión (magenta, cian, amarillo) se percibe la sensación cromática del negro.
Espectro visible por el ojo humano
Los colores que percibimos a través del ojo humano, es lo que llamamos espectro cromático y a ese espectro se lo pudo reducir a tres colores, los primarios luz (rojo, verde, azul). CMYK
Pag. 4
Los modelos de color RGB, están diseñados para monitores electrónicos, computadoras incluidas. RGB son las iniciales en inglés de Rojo, Verde y Azul, y se basa en el modelo de adición de color de ondas de luz. Esto significa que partiendo de la oscuridad total (del negro) y se superpone dos colores primarios, combinados entre sí, se obtiene otros tres colores llamados secundarios (magenta, cian, amarillo) y a su vez la superposición de los colores primarios, sumando proporciones iguales, produce una luz casi blanca.
Armonía del color
Dentro de la teoría del color, nos referimos a la armonía del color como la organización de los colores de una manera ordenada y agradable. Cuando los colores están ordenados u organizados de la manera correcta, los espectadores sienten una sensación de calma, algo así como una paz visual. Por el contrario, cuando hay una falta de armonía de color, el diseño evoca una sensación de caos y provoca rechazo. Para poder organizar los colores de manera efectiva, es básico comprender cómo funcionan los diferentes esquemas de color. Monocromo Los esquemas de color monocromáticos se basan en un solo color con varios tonos y matices. Es más fácil crear un diseño armonioso cuando se trabaja con una paleta de colores monocromática debido a sus limitadas opciones de color. Colores análogos Los colores análogos los colores vecinos en la rueda cromática. En la teoría del color los colores análogos también son parecidos a los colores terciarios, porque se combinan entre primarios y secundarios que forman los colores análogos en el círculo cromático. Colores complementarios Los colores complementarios se encuentran en los lados opuestos de la rueda de color. Estas combinaciones de alto contraste crean un aspecto llamativo, pero deben manejarse con cuidado.
RGB Cuando creas un color en la computadora, tu modulador de color muestra generalmente números RGB y CMYK. En la práctica, puedes utilizar cualquier modelo para encontrar colores y el otro modelo se ajustará en consecuencia. Ten en mente que muchos programas web te darán solo los valores RGB. Así que, si estás diseñando imágenes digitales, RGB es probablemente tu mejor apuesta para elegir colores.
Split complementario Este esquema de color es bastante similar al anterior. Elige un color base y dos colores adyacentes como complemento. Esto minimiza el contraste dominante y es ideal para principiantes. Tríada de color El esquema de color de la tríada se refiere a tres colores en la rueda de colores que son equidistantes entre sí. Doble Complementario Este esquema de color es para diseñadores más experimentados. Los colores cuando están conectados forman un rectángulo dentro de la rueda de color. El balance de color debe ser perfecto para poder llevar a cabo este esquema en un diseño.
Pag. 5
LA PSICOLOGIA
DEL COLOR ROJO DINAMISMO CALIDEZ AGRESIVO PASIÓN ENERGÍA PELIGRO
Pag. 6
AZUL
VERDE
AMA RILLO
NA RANJA
PROFESIONAL NATURALEZA CALIDEZ INNOVACIÓN SERIEDAD ÉTICA AMABILIDAD MODERNIDAD SINCERIDAD CRECIMIENTO POSITIVIDAD JUVENTUD INTEGRIDAD FRESCURA ESTIMULANTE DIVERSIÓN CALMA SERENIDAD ALEGRÍA ACCESIBILIINFINITO ORGANICO LUMINOSO DAD VITALIDAD
E
n las imágenes la combinación de colores genera emociones. Esto tiene que ver con la psicología del color, que no es otra cosa que la manera en que percibimos los colores y su presencia. La percepción de los colores tiene mucho que ver con la experiencia personal pero también está determinado por aspectos sociológicos y culturales. Por esto es tambien la importancia d elegir las imagenes y su color de acuerdo a lo que se desea transmitir.
VIOLETA
ROSA
MARRON
GRIS
NEGRO
LUJO REALEZA SABIDURIA DIGNIDAD MISTERIO ESPIRITUAL
DIVERSIÓN PRESUMIDO INOCENCIA FEMENINO DELICADEZA ROMÁNTICO
MASCULINO RURAL NATURAL TIERRA SIMPLICIDAD RÚSTICO
AUTORIDAD OPACIDAD SENCILLEZ RESPETO NEUTRAL HUMILDAD
PODER SOFISTICADO PRESTIGIO VALOR ATEMPORAL MUERTE
Pag. 7
Clases de ELEMENTOS VISUALES
El lenguaje visual está formado por dos clases de elementos: los elementos visuales básicos de formación y relación y los elementos visuales básicos.
Elementos visuales básicos de formación y relación.
El equilibrio, provee estabilidad a lo visual, serenidad al conjunto. (Como poner algo en una balanza) Publicidad de Nescafé
La escala, es la propiedad que tienen todos los elementos visuales para modificarse (cambiar el tamaño) o relacionarse uno con otros. Celular y tablet en diferente tamaño
La posición, dependiendo de la ubicación que se le brinde al elemento visual, será la importancia que queremos darle. Posición de tres objetos
La dirección, cada persona hace su propia interpretación desde la posición en la que se encuentre. Puntos marcando una dirección
El espacio, es lo que vemos, es la relación que existe entre la posición de los cuerpos (elementos utilizados como color, textura) Objetos ubicados en un espacio
Pag. 8
Elementos visuales básicos. El punto, se establece una relación de tamaño con el fondo. Un punto puede tener diferentes formas: circular, triangular, oval, cuadrado, irregular o una mancha. Publicidad de Nescafé
La línea, nace del ordenamiento de puntos que se suceden. Sucesión de puntos formando una línea
El plano, esta forma está determinada por sus líneas de bordes (hay un punto inicial y uno final que se unen). Logo plano de McDonald
El volumen, desplazamiento visual de algo plano, unido por otras líneas. Se muestra en tres dimensiones, el largo, el ancho y la profundidad
Publicidad de un analgésico
Logo con volumen de McDonald
La dimensión: Es una representación de volumen en formatos bidimensionales o tridimensionales que trata de producir sensación de realidad, depende en gran medida de la ilusión, ya que no tiene volumen real.
El color: Es una propiedad perceptible al ojo. El valor: es la valoración que da cada persona en una primera impresión según lo que ya conoce. Campaña para donar sangre
La textura: Puede ser apreciada mediante el sentido del tacto o la visión. Textura de una pared
Pag. 9
LA TIPOGRAFÍA DEFINICIÓN- PRINCIPALES FAMILIAS- CARACTERISTICAS
¿Que es la tipografia?
L
a tipografía es la técnica de escribir, utilizando diferentes diseños de letras y caligrafía, con la finalidad de resaltar lo que se desea comunicar. Al crear el contenido, la tipografía es crear una familiarización visual entre el lector y la página web, revista o en el medio en el que se lo use.
Familias principales
Entre 1921 y 1924 Francis Thibaudeau hace la primera clasificación de tipografía y la divide en cuatro principales familias: romanas antiguas, romanas modernas, egipcia y antigua. A estos cuatro grupos se agregó dos categorías menos definidas para intentar dar cabida también a las fuentes de escritura y de fantasía (que ya se explotaban en la publicidad de la época)
TIPOGRAFÍAS CON SERIFA Romanas Antiguas Se inspira en la escritura de los manus- Bodoni (mostrada en el ejemplo infecritos humanísticos. El grueso del asta rior), Normanda, Torino o Walbaum. de las letras es irregular y suavemente modulado y los terminales son triangulares y ligeramente cóncavos. Algunos ejemplos de tipografías de este tipo son Garamond (en la figura inferior), Times, Weiss, Century o Sabon. Egipcias
Romana Moderna Corresponde a un estilo clásico y riguroso. El asta de las letras es de gruesos muy contrastados y los terminales son filiformes. Algunos ejemplos de tipografías de este tipo son: Fenice,
Pag. 10
El estilo trata de evocar máquinas y engranajes. El asta es recta y uniforme, generalmente grueso, y los terminales tienen forma rectangular. Ejemplos claros de este estilo son las tipografías Rockwell (mostrada en el ejemplo inferior), Clarendon, Memphis, Beton o Stime.
TIPOGRAFÍAS SIN SERIFA Antiguas Derivan de las egipcias a la cual se han ejemplo inferior), Nuptial o Script. eliminado las terminaciones. En esta tipografía el asta es recta y uniforme y no tienen acabados. Algunos ejemplos reseñables de tipografías de palo seco son la Helvética, Folio, Avant Garde, Fut|ura, Fantasía Gill Sans (en el ejemplo inferior), Kabel Son tipografías de aire experimental o o Univers. decorativo, que, partiendo de dibujos y formas no clásicas, llevan a un tipo de letra pensado habitualmente para rotular y diseñar con fines artísticos o publicitarios. Normalmente estas tipografías están reservadas para elementos puntuales y, debido a su difícil legibilidad, OTRAS TIPOGRAFÍAS no se utilizan en la escritura de textos Escritura amplios o en tamaños pequeños. AlguEn este grupo encontramos las tipogra- nos ejemplos son Aachen, Revue, Stenfías que intentan imitar la caligrafía cil o Neuland (en el ejemplo inferior). manuscrita de una persona. Algunos de los ejemplos más conocidos de tipografías manuscritas son Mistral (en el
Francis Thibaudeau fue un tipógrafo francés nacido en Cholet el 19 de abril de 1860 y fallecido en París el 7 de marzo de 1925. Es el padre del primer sistema de clasificación taxonómica de tipos de letra, el cual se bautizó en su honor con el nombre de Clasificación de Thibaudeau. Sus dos obras escritas, «La letra de imprenta» (La Lettre d’imprimerie) (1921) y el «Manual francés de tipografía moderna» (Manuel français de typographie moderne) (1924) son referencias fundamentales en el mundo de la tipografía. Retrato de Thibaudeau
Pag. 11
IMÁGENES
Todos los días, estamos rodeados de imágenes, pero... ¿para qué sirven? •Para informar Los periódicos, las revistas y los pro- dad de una empresa. gramas informativos de televisión nos cuentan las noticias con imágenes. Las señales de tránsito informan como debe circularse; los planos, los mapas, de la localización de ciudades y pueblos en un país.
Logotipo de la empresa de cremas Nivea.
•Para comunicar y vender
Imágenes en periódico.
•Para distinguir y reconocer
En la mayoría de los anuncios publicitarios, la imagen tiene un tamaño mayor que el texto. Incluso no es difícil encontrar anuncios casi sin palabras. Eso quiere decir que los publicistas saben que las imágenes influyen bastante en nuestras decisiones para comprar o no y sobre lo que compramos.
Con las banderas y los escudos, se reconocía la nacionalidad de los barcos en alta mar, o a los compañeros de armas y a los enemigos en plena batalla. Muchas empresas y organismos disponen de una imagen de formas sencillas y colores llamativos que ponen en sus Publicidad de la marca Dove. productos para que podamos reconocerlos y distinguirlos con facilidad entre los •Para aprender y conocer demás. Estas imágenes se llaman logotipos y son la firma o marca de identi- Los libros de texto que utilizas están lle-
Pag. 12
nos de imágenes (fotografías, gráficos, ilustraciones, etc.), los de tus padres no tenían tantas y, en los de tus abuelos, casi no existían. Las imágenes ayudan a explicar y a entender algunas cosas con más facilidad y rapidez que las palabras. Y gracias a las imágenes que conservamos del pasado (dibujos, grabados, pinturas, fotografías, artesanía, arquitectura) podemos conocer también como era la vida en épocas anteriores a la nuestra.
Imagen- Def.
Fotografia del Glaciar Perito Moreno
•Para expresarte y disfrutar Con las imágenes, los artistas, publicistas, diseñadores, etc., expresan ideas, sentimientos, conceptos... Con esta misma intención ponemos en nuestras casas cuadros, carteles, ilustraciones, esculturas, objetos de artesanía, etc. También en los espacios públicos o abiertos se colocan imágenes con la única intención de poder admirarlas y contemplarlas.
La palabra imagen viene del latín imago que refiere a la representación, figura, apariencia o aspecto de una cosa. Una imagen es una representación a nivel visual de un determinado elemento, lo cual se obtiene al emplear ciertas técnicas que están relacionadas con el arte, la fotografía, el vídeo, el diseño y demás disciplinas.
Cuadro triptico de flores.
De cualquier imagen, sea cual sea su función, podemos decir si nos gusta o no; podemos disfrutar con su contemplación. Puede atraernos por sus trazos, por su colorido o por sus formas, por la expresión de una cara o de una figura, o por los materiales con los que está realizada.
Pag. 13
LA IMAGEN O GRAFICO
La imagen en diseño Naturalmente estamos atraídos hacia las fotos hermosas, ilustraciones cuidadosamente elaboradas e imágenes como íconos y logos. Las imágenes son más que solo decoración. En diseño, son el gancho que atrae al espectador. Te pueden ayudar a conectar con la audiencia y dar una buena impresión, antes de que lean una sola palabra.
Pag. 14
No tienes que ser un artista para usar imágenes en tu trabajo. Todo lo que se necesita es un poco de creatividad y motivación para pensar fuera de lo común. Con los recursos correctos, puedes aprender a destacar tus diseños. Para iniciar, debes encontrar imágenes de alta calidad para cualquier tipo de proyecto. Hay innumerables fuentes
E
xisten dos formas de crear, almacenar y procesar información gráfica en una computadora, dependiendo del trabajo a realizar.Las dos formas son la imagen de mapa bits y los graficos vectoriales.
Imagen de mapa de bits: utilizan una grilla formada por pequeñas celdas (conocidas como pixel) para representar los gráficos. Estas imágenes, dependen de la resolución, es decir de la cantidad de pixeles con la que haya sido creado, ya que queda con ese número de pixeles fijos, y si se quiere imprimir en una mayor resolución de la que fue creada, perderá detalle.
MAPA DE BITS
en internet que ofrecen imágenes exactamente para este propósito. La mayoría de personas, incluyendo profesionales, usan imágenes gratis o de bajo costo que se llaman “stock” o archivo. Estas son perfectas cuando necesitas algo específico, pero no tienes el tiempo o los recursos para hacerlo por tu cuenta. Muchos de los sitios de imágenes de
Gráficos Vectoriales: están formados por líneas y curvas definidas por objetos matemáticos llamados vectores. No depende de los pixeles, ya que cuando se crea un vector no están definidos por números fijos de pixeles y se los puede escalar, cambiar de tamaño y seguir apareciendo preciso y nítido. Son la mejor opción para gráficos de texto y dibujos.
GRAFICOS VECTORIALES
archivo te permiten navegar en sus galerías. Busca resultados que sean relevantes para tu proyecto, pero que también sean únicos de alguna manera. Tus espectadores están naturalmente atraídos a imágenes que se sientan auténticas; fotos distintivas, pero creíbles, e ilustraciones que cuenten una historia.
Pag. 15
DISEÑO EDITORIAL
Se especializa en la maquetación y composición de distintas publicaciones como libros, revistas o periódicos. El propósito es lograr una unidad armónica entre el texto, la imagen y la diagramación, que permita expresar el mensaje del contenido, que tenga valor estético y que impulse comercialmente a la publicación. La maquetación está ligada a las proporciones de los elementos de la página, el orden, la jerarquía con la que se ubican los elementos primero, después. A full color o blanco y negro.
LA RETÍCULA
Es una «rejilla» que se distribuye a modo de líneas guía en la página, y a partir de la cual distribuiremos los distintos elementos de texto e imagen. Es el diseñador el que decide el formato de esta retícula, pudiendo ser más o menos estricta. Algunas presentan un sinfín de líneas horizontal y vertical, mientras que otras con unas pocas guías ya basta para componer un texto. Es importante que primero se elija la retícula a usar ya que con ella se mantendrá un equilibrio en todo el material, con los títulos, fotografías y los textos.
Margen
Pag. 16
Medianil
LA CREACIÓN DE UNA RETÍCULA
El diseñador editorial debe tener una serie de factores en cuenta a la hora de establecer una retícula inicial que guiará toda la maquetación. Es importante considerar previamente el formato de la página, los márgenes que vayamos a utilizar, la orientación, si llevará imágenes o no, de qué tipo de obra editorial estamos hablando, etc. Nunca será igual una retícula para un libro o una revista, que van cosidos o grapados, que para un documento impreso cuyas páginas irán sueltas.
Por lo general, una retícula se compone de: • Márgenes • Columnas • Filas • Medianiles (espaciado entre columnas) Gracias a la retícula podemos diseñar proyectos armónicos cuyo contenido guarda una relación entre sí. Y además ahorramos costes. Mediante la correcta elección de tipografía, interlineado y espacios en blanco (márgenes, medianiles, etc.).
COLOCACIÓN DE ELEMENTOS EN UNA RETÍCULA SIMPLE
Fila
Columnas
TÍTULO: Con la ubicación del título en la parte superior del diseño, ya se comienza a ver una imagen (título en la retícula) dentro del espacio de diseño TEXTO: el elemento más convencional. El diseñador buscara crear modelos interesantes con el texto para realzar y dar significado al diseño. SUBTÍTULOS: Utilizado para alegrar el diseño y para dar variedad. IMAGEN: se la puede ubicar de forma más flexible, atravesando columnas y saltando márgenes. Algunas imágenes pueden estar en el centro y que el texto quede contorneándolas, siguiendo la figura de la imagen, pueden ser usadas en blanco y negro o a color; siempre y cuando se busque un contraste entre las características de los elementos del diseño.
Pag. 17
Los forma
DIGITALES O ELECTRÓ
Pag. 18
atos
ÓNICOS
PÁGINA WEB: Es un documento o información electrónica capaz de contener texto, sonido, videos, enlaces, imágenes adaptadas para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador web. BLOG: es un sitio web que incluye, a modo de diario personal, contenido del interés del autor o autores, suelen ser actualizados de formas frecuente y a menudo son comentados por sus lectores. FORMATO PDF: es un formato de almacenamiento para documentos digitales independientes de plataformas de hardware y software. Puede estar compuesto por texto, imagen vectorial o mapa de bits E-ZINE: nace de la unión de las palabras e-mail y magazine. Son revistas distribuidas a través de correo electrónico a sus suscriptores. E-BOOK: libro en formato digital que se ofrece de forma gratuita o paga a través de una descarga de internet.
Pag. 19
Pag. 20
