Page 1

AG

O UL

IM

EN

G A

M I

LA

VA

TI

D Ó M

1b

RA

O RP

CO

N E


Tabla de contenido:

Objetivos:

Objetivos y Licencia de contenido........1 Autor y Tutor.......................................2 Introducción a los elementos básicos de la comunicación visual...................................................3 El punto...............................................4 La línea................................................5 El contorno.........................................6 Dirección.............................................7

1-Servir de marco teórico práctico en la construcción de piezas publicitarias gráficas y de imagen corporativa, para el curso de Identidad Visual orientado a los estudiantes de Tecnología en Diseño Gráfico Publicitario de la UDES. 2-Orientar temáticas importantes dentro de la asignatura tales como los elementos básicos de la comunicación visual. 3- Ayudar en la extensión del conocimiento dentro y fuera del aula, recopilando material de los estudiantes que motiven a otros a participar en la construcción del documento.

Tono....................................................8 Color...................................................9

Licencia de contenido

Textura..............................................10

El contenido de este módulo, permite ser copiado, distribuido, mostrado, SIEMPRE y cuando se de el testimonio de la autoría del mismo.

Escala.................................................11 Dimensión.........................................12 Movimiento.......................................13 Actividades........................................14 Webgrafía......................................15-17

1

Este documento solo permite ejecutar copias LITERALES con la autorización del autor de dicho módulo. La información contenida en este módulo NO permite ser distribuida, ni copiada con propósitos comerciales.


Autor Julián Ricardo Pardo Espinosa,

es estudiante de Tecnología en Diseño Gráfico Publicitario de la Universidad de Santander UDES de Bucaramanga - Colombia. Actualmente se encuentra cursando VI semestre, en donde está desarrollando su proyecto de grado basado en un módulo multimedial de la asignatura de Identidad Visual. Su experiencia laboral la ha obtenido en Agencias de Publicidad reconocidas en la ciudad de Bucaramanga, donde ha podido aportar sus conocimientos y poner en práctica sus hábilidades como Diseñador Gráfico Publicitario. Contacto: brainfart2007@gmail.com

Tutor Juán Carlos Godoy Pinilla,

es docente investigador de la Universidad de Santander UDES de Bucaramanga - Colombia, adscrito a la carrera profesional de Mercadeo y Publicidad y la Tecnología en Diseño Gráfico Publicitario, es Diseñador Industrial de la Universidad Industrial de Santander, y posee una especialización en Gerencia de Proyectos de la Universidad Piloto de Colombia, diseña interfaces digitales para internet, ha diseñado juguetería didáctica y trabajó en la Universidad de la Salle de Bogotá en educación virtual. Contacto: azulcero@gmail.com

2


Introducción a los elementos básicos de la comunicación visual Cuando nos sentamos a diseñar algo, hay que tener en cuenta que el resultado final de cada obra, se construye mediante unos elementos básicos los cuales son: punto, línea, contorno, dirección, tono, color, textura, dimensión, escala y movimiento. Al ver nuestra obra terminada, podemos abstraer qué elementos visuales se utilizaron y con qué énfasis se hizo. Es primordial saber que quien tiene la labor de manipular y escoger los elementos visuales a utilizar es el artista, (“él es el visualizador”). Según su necesidad, él es quién decide que hacer con cada uno de ellos. También hay que tener en cuenta, que de los elementos visuales más simples, podemos llegar a construir grandes obras con un nivel de complejidad muy superior; pero para esto es necesario conocer la utilidad elemental de cada una de las formas visuales, ya que esto hace que el visualizador obtenga una mayor libertad y un mayor número de opciones dentro de su composición.

3


El punto Dentro de la comunicación visual, el punto es considerado como la unidad más simple e irreductiblemente mínima. Un punto o un grupo de él, nos proporciona ciertas características importantes como lo son: Ser un referenciador o maracador de espacios, ejercer una gran atracción visual, servirnos como elemento de medición, ser capaz de dirigir la mirada hacia un determinado espacio, y generar la ilusión de tono o color. Ejemplos de punto:

Autor: Georges Seurat Nombre de la obra: “La Parade de Cirque” Técnica: Puntillismo

Autor: Paul Signac Nombre de la obra: “Palais des Papes Avignon” Técnica: Puntillismo

Nombre de la empresa: Microsoft Ubicación: Estados Unidos Actividad: Ordenadores

Nombre de la empresa: Agilent Technologies Ubicación: Estados Unidos Actividad: Sector de la tecnología

4


La línea La línea está conformada por la proximidad de varios puntos, también la podemos definir como un punto en movimiento o el recorrido de él. Hay que tener en cuenta, que la línea nunca es estática, por lo cual es considerada como el mejor elemento visual para la elaboración de bocetos. La línea tiene infinidad de características, tanto así que es capaz de expresar intenciones, sentimientos, emociones, y lo más importante la visión que tiene el artista. Una de las propiedades fundamentales de la línea, es la de adoptar distintas formas para expresar cosas totalmente diferentes; mediante su flexibilidad y libertad. Por medio de todas las características que reúne este elemento visual, nos permite visualizar las cosas que no se pueden ver y que no existen a menos que estén en la imaginación. Ejemplos de línea:

Autor: Wassily Kandinsky Nombre de la obra: “Composicion VIII”

Autor: Marcel Duchamp Nombre de la obra: “Desnudo bajando la escalera no.2”

Nombre de la empresa: International Business Machines Ubicación: Estados Unidos Actividad: Sector tecnológico y consultorías

Nombre de la empresa: Shell Ubicación: Anglo-Holandesa Actividad: Hidrocarburos

5


El contorno El contorno claramente puede ser representado por una línea, la cual articula la complejidad de este. Hay tres tipos de contornos básicos los cuales son: el cuadrado, el círculo y el triángulo equilátero; cada uno con un atributo de significados diferentes. El cuadrado se asocia con torpeza, honestidad, rectitud y esmero; el triángulo se asocia con acción, conflicto y tensión; el círculo se asocia con infinitud, calidez y protección. Todos los contornos básicos son indispensables, ya que por medio de ellos creamos combinaciones y variaciones infinitas de todas las formas físicas de la naturaleza y de nuestra imaginación. Ejemplos de contorno:

Autor: Pablo Picasso Nombre de la obra: “Autorretrato”

Autor: Guillermo Marti Ceballos Nombre de la obra: “Desnudo”

Nombre de la empresa: Lego Ubicación: Dinamarca Actividad: Juguetería

Nombre de la empresa: AEM Ubicación: Estados Unidos Actividad: Venta de accesorios para carros

6


Dirección Cada uno de los contornos básicos, tienen tres direcciones visuales básicas y significativas las cuales son: El cuadrado representa la dirección horizontal y vertical; el triángulo la diagonal y el círculo la curva. La dirección horizontal y vertical, representa la estabilidad en todas las cuestiones visuales; la dirección diagonal es la más inestable y provocadora, tiene un significado amenazador y subversivo; la dirección curva se asocia al encuadramiento, la repetición y el calor. Ejemplos de dirección:

Autor: Pedro Pablo Rubens Nombre de la obra: “El rapto de las hijas de Leucipo”

Autor: Jacopo Comin “Tintoretto” Nombre de la obra: “El origen de la vía láctea”

Nombre de la empresa: Bayerische Motoren Werke Ubicación: Alemania Actividad: Industria automotriz

Nombre de la empresa: Inravisión Ubicación: Colombia Actividad: Canal de televisión

7


Tono El tono se define como la variación de luz. Hay que tener en cuenta, que la luz no es uniforme en el entorno; de llegar a ser esto así, presenciaríamos una oscuridad absoluta, como la ausencia completa de luz. Por tal razón la manera de diferenciar lo claro de lo oscuro, es por medio de la superposición entre ambos. Es importante saber, que entre la luz y la oscuridad de la naturaleza, existen infinidades de gradaciones tonales, mientras que cuando nos dirigimos hacia la parte de las artes gráficas, las tonalidades se restringen en cantidades enormes. En pocas palabras decimos que la tonalidad, no es más que una manera de poder describir la luz; y que gracias a él vemos. Ejemplos de tonalidad:

Autor: Claude Monet Nombre de la obra: “Sol naciente”

Autor: Auguste Renior Nombre de la obra: “A la orilla del lago”

Nombre de la empresa: Logitech Ubicación: Suiza Actividad: Dispositivos periféricos

Nombre: Mozilla firefox Actividad: Navegador web

8


Color El color está estrechamente relacionado con nuestras emociones. Aunque cada color ya tenga un significado preestablecido, no quiere decir que nosotros no podamos darle un concepto personal hacia cada uno de ellos. El color tiene tres dimensiones importantes, las cuales son: - Matiz: Es el estado puro del color. (Los tres matices primarios son: amarillo, rojo y azul) - Saturación: Es la pureza de un color que tiene respecto al gris; es decir la viveza o palidez del mismo. - Brillo: Con el se sabe que tan oscuro o claro parece un color. Este va de la luz a la oscuridad. Ejemplos de color:

Autor: Reproducción de Jackson Pollock pintada a mano por Piñeiro Nombre de la obra: “Birth” Representa: Confusión y Locura

Autor: Pablo Picasso Nombre de la obra: “Guitarrista” Representa: Soledad

Nombre de la empresa: McDonald’s Ubicación: Estados Unidos Actividad: Sector de comidas rápidas Simboliza: Alegría

Nombre: Fifa World Cup Ubicación: Brasil Actividad: Deportiva Simboliza: Alegría

9


Textura Identificamos que hay una textura real, cuando ésta posee tanto las propiedades ópticas como táctiles. Es claro que la mente no siempre actúa de la manera correcta, pues en ocasiones a la primera observación, creemos que esa textura tiene ciertas caracteristicas; pero al detenernos y detallarla cautelosamente, nos damos cuenta por medio del tacto, que la información que nuestra vista le proporcionó a nuestro cerebro, era totalmente errada. Ejemplos de textura:

Autor: Silvia Ventura Nombre de la obra: “Arboles de metal”

Autor: Rafael Piedehierro Nombre de la obra: “Vuelo”

Nombre empresa: Michelin Ubicación: Francia Actividad: Neumaticos

Nombre: Wikipedia Actividad: Educación

10


Escala Se define como la variación de tamaños respecto a dos o más elementos; es decir, que sin lo pequeño no podría existir lo grande. Aunque la escala también se puede medir mediante la relación de tamaño que hay de un objeto con respecto a su campo visual. Ejemplos de escala:

Autor: Salvador Dali Nombre de la obra: “El enigma del deseo”

Autor: Frida kahlo Nombre de la obra: “El abrazo de amor de el Universo, la Tierra (Mexico), Yo, Diego y el señor Xolotl”

Nombre empresa: Adidas Ubicación: Alemania Actividad: Ropa y artículos deportivos

Nombre empresa: Music Television Ubicación: Estados Unidos Actividad: Canal de televisión

11


Dimensión La dimensión está basada en la perspectiva, por lo tanto su intención es producir la sensación de realidad. Hay que tener en cuenta, que para lograr los efectos de perspectiva, debemos generar cierta manipulación tonal del “claroscuro”; lo cual se logra a base de luces y sombras. Ejemplos de dimensión:

Autor: Vincent van Gogh Nombre de la obra: “Puente de ferrocarril sobre la avenida de Montmajour”

Autor: Jenaro Pérez Villaamil Nombre de la obra: “Iglesia de San Juan de los Reyes, Toledo”

Nombre empresa: Video Hits One Ubicación: Estados Unidos Actividad: Canal de televisión

Nombre empresa: Nintendo Ubicación: Japón Actividad: Videojuegos

12


Movimiento El movimiento se considera como un fenómeno fisiológico de la persistencia de la visión. Este elemento está presente con mucha frecuencia, por lo cual es una de las fuerzas visuales más predominantes. El movimiento no es más que una ilusión óptica que se encarga de generar cada uno de los artistas. Ejemplos de movimiento:

Autor: Miguel Angel Nombre de la obra: “La creación de Adán”

Autor: Peter Paul Rubens Nombre de la obra: “La subida a la cruz”

Nombre empresa: Puma Ubicación: Alemania Actividad: Ropa y artículos deportivos

Nombre empresa: WordStream Ubicación:Estados Unidos Actividad: Marketing

13


Actividades 1- Generar una composición donde se reunan todos los elementos básicos de la comunicación. 2- Escoger una fotografía y una pintura de cualquier tema, y seleccionar los elementos básicos de la comunicación que encuentre en ella.

14


Bibliografía Todo el contenido está basado en el siguiente libro: Dondis, D.A (1976). Sintaxis de la imagen. (4a. ed.). España: Editorial Gustavo Gili.

Webgrafía Imagen de la Parade de Cirque: (http://es.wikipedia.org/wiki/Archivo:Seurat_para de00.jpg) Imagen de Palais des Papes Avignon: (http://es.wikipedia.org/wiki/Archivo:Paul_ Signac_Palais_des_Papes_Avignon.jpg) Imagen de Microsoft: (http://www.marinwebstars.org/content/patron-class-sign) Imagen de Agilent Technologies: (http://www.escbrazil.com.br/es/) Imagen de Composición VIII: (http://www.epdlp.com/cuadro.php?id=549) Imagen de Desnudo bajando la escalera no.2: (http://www.suite101.net/view_ image_articles.cfm/225800) Imagen de IBM: (http://www.top1001.at/upload/ibm_Logo_Black_%C2%AE_f_ 682.jpg) Imagen de Shell: (http://3.bp.blogspot.com/_ptwZcRb21s4/SwHbEQGi7iI/AAAAAA AAEE4/wFHDrdRpYBs/s1600/Shell+Canada+logo.jpg) Imagen de Autorretrato: (http://calamandayledesesperedegustavecourbet.blogspot. com/2009/03/picasso-exposicion-de-picasso-en.html) Imagen de desnudo: (http://www.picassomio.es/guillermo-marti-ceballos/879 86.html) Imagen de lego: (http://artematopeya.files.wordpress.com/2009/12/lego-logo.png?w= 500&h=500)

15


Imagen de AEM: (http://misfondos.com.es/images/wallpapers/aem-logo-67321.jpeg) Imagen el rapto de las hijas de Leucipo: (http://upload.wikimedia.org/wikipedia/ commons/3/31/07leucip.jpg) Imagen de El origen de la vía láctea: (http://huidadelmundanalruido.zoomblog.com /archivo/2009/05/23/la-Pintura-De-Tintoretto-.html) Imagen de Inravisión: (http://www.proyectod.com/finalizacion/imatereceralinea /imahistoriagrafico/logoinravision.gif) Imagen de BMW: (http://2.bp.blogspot.com/_thDNuX9sF_w/Ssz6x4IkHCI/AAAAAA AAAzQ/ar2FjemnPA0/s320/bmw.png) Imagen Sol naciente: (http://almargendefermat.files.wordpress.com/2009/07/monet _1872_impresionsolnaciente.jpg) Imagen a la orilla del lago: (http://impresionistasarte.blogspot.com/) Imagen de Logitech: (http://static.barcelona-home.net/img/company/logitechlogo.jpg) Imagen de Mozilla: (http://midorimiller.com/wp-content/uploads/2009/08/firefoxlogo-full.png) Imagen Birth: (http://www.pergaminovirtual.com/blogs/pinturas/) Imagen de Guitarrista: (http://www.conceptopixel.com/retrospectiva-pablo-picassoy-sus-pinturas) Imagen Mundial Brasil 2014: (http://neetdescargas.com/wpcontent/uploads/2011 /06/logo_copa_brasil_2014.jpg) Imagen de Mc Donald´s: (http://www.hispanicprwire.com/uploaded_logos/2266_1 .jpg) Imagen Arboles de metal: (http://www.silviaventura.com.ar/metal/05.jpg) Imagen Vuelo: (http://www.theartwolf.com/artists/rafael_piedehierro/10.JPG)

16


Imagen de Wikipedia: (http://upload.wikimedia.org/wikipedia/commons/6/6e/ Wikipedia_logo_silver.png) Imagen de Michelin: (http://llantasyaccesorios.co.cr/fotos/marcas%20llantas/ michelin%20logo.jpg) Imagen El enigma del deseo: (http://1.bp.blogspot.com/_tIXwXVU264Y/SXylZo_ Uk7I/AAAAAAAAAH0/nY93_vRVqGE/s400/El+enigma+del+deseo,+Dal%C3%AD.jpg) Imagen El abrazo de amor de el Universo, la Tierra (Mexico),Yo, Diego y el señor Xolotl: (http://sanachikayenikan.blogspot.com/2010/07/frida-kahlo-el-abrazo -de-amor-del.html) Imagen de Adidas: (http://locotipo.com/wp-content/logo-adidas-antiguo2.jpg) Imagen de MTV: (http://images.wikia.com/logopedia/images/8/86/MTV_Brazil.png) Imagen Puente de ferrocarril sobre la avenida de Montmajour: (http://static. barcelona-home.net/img/company/logitech-logo.jpg) Imagen Iglesia de San Juan de los Reyes, Toledo: (http://midorimiller.com/wpcontent/uploads/2009/08/firefox-logo-full.png) Imagen de VH1: (http://www.enportada.cl/wp-content/uploads/2009/06/710.jpg) Imagen de Nintendo: (http://gamesdbase.com/Media/SYSTEM/Nintendo_N64/logo /big/Nintendo_N64_01.jpg) Imagen La creación de Adán: (http://v24.lscache3.c.bigcache.googleapis.com/static. panoramio.com/photos/original/50087906.jpg) Imagen La subida a la cruz: (http://upload.wikimedia.org/wikipedia/commons/8/83 /Peter_Paul_Rubens_068.jpg) Imagen de Puma: (http://www.comunicatemedia.ro/media/gallery/normal/logouri/ logo_puma.jpg) Imagen de WordStream: (http://www.brandsoftheworld.com/logo/wordstream)

17


Modulo1b  

Imagen Corporativa

Read more
Read more
Similar to
Popular now
Just for you