Académique Documents
Professionnel Documents
Culture Documents
Concepto grfico
lisis
e s i d l e d s o t x e Cont
i d l e d s o t x e t n o ador grfico C
Ao 2012 - Edcin 01
o c fi r g o t p e c Con
Concepto grfico
Concepto grfico, Teora del color, Percepcin
Fase de Anlisis
Gestalt
Actividad de pro yecto
os
Produccin en multimedia
Actividad de aprendizaje
Sena
id o Ta bl a de co nt en
id o Ta bl a de co nt en
Contenido 01 Introduccin
page
Concepto grfico
03 Gestalt
page
04 Clasificaciones de la imagen
08
page
04
10
05
05 El Icono
page
08 Diagramacin
page
Este material puede ser distribuido, copiado y exhibido por terceros si se muestra en los crditos. No se puede obtener ningn beneficio comercial y las obras derivadas tienen que estar bajo los mismos trminos de licencia que el
a. Punto b. Lnea c. Forma d. Plano e. Color f. Textura g. Contraste h. Balance i. Simetra j. Escala k. Tipografa
page
20
17
page
14
22
Bibliografa
page
23
Crditos
Sena Produccin en multimedia
Fase Anlisis
Fase Anlisis
r g r o d a e s i d l e d o
ic o di se a do r gr f Co nt ex to s de l
ic o di se a do r gr f Co nt ex to s de l
O C I F R G O T CONCEP
Imagen 2 o 32 latas Conocida com bell, fue de sopa Camp Andy originada por Warhol, 1962
al consumo erte tendencia fu a n u a ed er h s modelos grfi en la mo no en es as er ic eb st d t y ar a s trez nvertir pieza tes entro de la des s ms relevan grfi- y a co lo s p re o em ad ej s e o is L d los publicitarios. profesin de ezas las vender a cos o sp re saberes y destr re p e d em n si ci s o ra ig em m cos, deb as, de esta henberg, artisRobert Rausc isuales disead v en s za as ie ad p ej e fl d op re nto corriente del p sonas, mos er un requerimie la p e e d d o o tr p en ru d g r ericano que individuo o o, dio a conoce s teri- ta am ad ya sea, por un to as p p ce lo n g co si e el tr mediados d desarrolla en ters r estos art a flejaban un in esta accin se ta re n e ju u q al as e ic u q st des piezas art es prcticas tar tra- varia popular en sus cos y habilidad o en nt es ie pr m e ci it no rm mbrar un co bsicos nos pe do de por se ca dos elementos er m te n ie ec icos. ivos para el cr sarrollos artst e d en g bajos competit ri o tivo del do este el mo isconsumo, sien el postmodern n co to n ju e u ,q Imagen 1 esta profesin
Do no so de Ju an Pa bl o No ta : Im ag en
Robert Rausch
enberg
to m ad a de No ta : Im ag en co m ww w. va ni ty fa ir.
t x e t n o
drew WarPOP ART, An el d o d n u m motor en el za en sus cil remembran or gestor y pro f ay e m d al y o o d an la ejar de mbradas n su arte urb No podemos d les como reno harhol, que co ta , W as y d an n A rb u o s m nocido co nto para tos y cultura hola o ms co lo rodearon ta varios elemen e r ta qu n as ju st ra ti g ar lo as/grficas del arte. sin nmero de piezas artstic famosos y un derado un hito si os n el co od a m se s, a le d homosexua que hoy en celebridades, er su nombre y ec d n ra g en a como par criticar su obra
Sena Produccin en multimedia Fase Anlisis
te y acin relevan rm fo in n co ia, s, trascender punto de cop n artistas, idea u s a to es ar on eg ll er s ci intentamo os de lo que hi cos predefinid Con el ejemplo demos nunca fi o p r g o d s n o u at m rm el c., io, copiar fo sus visiones d etir, adornar et grfico plag p entre otros, y r re o o ad n e si is r d ea al fetillas), no cr a preliminar, an a que la pro los l- (plan n llegar, de form ev ll (e s o co n o p as a ic co ct una que estas pr s hace que po petible, como Disea- ya actual, que no re o la m u co rm s o fo a em n de vuelva u nos diferenci s como sin timos 70 aos) le ta es n o si fe cida. s de otras pro receta ya cono er p su dores Grfico y , el arte mpreny sus lenguajes s considerar co os mero la publicidad el d em o eb m d s o lo v n ti o Por tal m sicos del undo, junto co s elementos b cepcin del m de donde lo , ar as aj ad ab ob tr pr y m der, estudiar y aplicarrecetas ya co cepto grfico racterscantiles y sus n ca co as el un n n co co to diseo jun ones. El que surgimos cnicas, nuestras creaci podemos decir t a es l, ad ra u id at il n ab a h tamente los de form idas como: grfico es direc ticas muy defin creativos, el d s, n re o ci ad ca v li o n concepestudio y ap grficos, in una pdad de llegar al calidad en los si y ce as ne ar cl su s a ea al proporcion nes serias, id nto visual con percepcio un requerimie cnologa te e d la o e d m is n m ci to y origen tinuacin sin y utiliza veamos a con tima compren , o . iv n at ci am ac ll e d y atrayente tro campo uestros reaplicada a nues fortalecern n e u q s to en em algunos el oras, esenestas innovad mbinacin de u p co ro ta p es a n te co en s demo sultados fr el cliente. Lo que preten n la necesidad ezas es persuaco tr an es d pl y m cu es e ad habilid ar ciales y qu experiencias, dizar, organiz n fu ro p , ir it transm dir, encantar,
Fase Anlisis Sena Produccin en multimedia
ic o di se a do r gr f Co nt ex to s de l
ic o di se a do r gr f Co nt ex to s de l
Concepto grfico
El concepto grfico se remite a extraer la idea bsica de forma clara, explicita, y con el volumen necesario de informacin para transmitir el mensaje original que se quiera trasmitir, si erramos al momento de plasmar nuestro diseo, ya sea aadiendo cdigos que errticos o incorporando informacin adicional innecesaria, entre otros errores, el mensaje notoriamente ser entendido de otra forma.
Percepcin
Es importante denotar que hay dos elementos indispensables en el proceso de percepcin, uno es el estmulo o fuente (contexto) y pertenece al mundo exterior y el segundo es la percepcin, esta comprende un proceso interno del ser humano, esto quiere decir que hay emisores y receptores de informacin. En el caso que nos atae debemos comprender bsicamente la percepcin visual que corresponde a los elementos que podemos sentir a travs de nuestros receptores principales: los ojos, que con un conocimiento previo podemos darle un valor y hacer un juicio de lo percibido, este juicio vara segn cada persona, ya que el entorno modifica sustancialmente este juicio definitivo, eso quiere decir que lo mismo que entendemos aqu en Colombia con alguna imagen no ser comprendida en China o cualquier otro pas, inclusive entre regiones podemos encontrar una diferente percepcin de algunos elementos visuales, esto es contexto.
01
Cuando digo la palabra verde puede significar algo y dependiendo en donde estemos contextualizados darle una cantidad de representaciones, si estuviramos en Medelln, Colombia estaramos definitivamente haciendo referencia a un equipo de futbol y si estuviramos en Bogot podramos hacer referencia a un partido poltico o simplemente darle la connotacin de la fruta manzana o en si del color de la esperanza, es as como podemos interpretar una sola palabra en varias posibilidades dependiendo de nuestro contexto.
02
Cambiemos un poco de color y veamos el significado del rojo si nos encontrramos en china el significado sera de buena suerte, felicidad, fama, fuerza entre otros, pero si nos encontrramos en Rusia el significado varia radicalmente pues la connotacin es puramente de comunismo. Como he comentado anteriormente estos significados pueden variar dependiendo a quien le preguntemos, por esto es tan importante reconocer contextos y percepciones.
Teora de la imagen
Para entender el concepto en el diseo grfico debemos comprender varios elementos que rodean el mundo visual y perceptivo del ser humano, las imgenes son de suma importancia y de necesario uso para dar a comprender un concepto que constituyen un tipo de lenguaje y creo conveniente comenzar por como son percibidas estas mismas. La percepcin que se entiende por recibir informacin a travs de los sentidos, ya
6
sea: imgenes, sonidos, audios, imgenes en movimiento, videos, colores, etc., que a travs de nuestro cerebro es procesada y nos da un entendimiento de algo en especial que se encuentra en un ambiente o contexto, en un documento anterior comprendimos que era contexto y aqu necesitamos relacionarlo con este nuevo elemento del diseo que es la precepcin.
Esto anterior hace referencia al color, pero as funciona en el resto de informacin visual que podamos digerir, siempre se debe contextualizar para as dar un significado realmente correcto para el contexto.
Fase Anlisis Sena Produccin en multimedia
Fase Anlisis
a t s e G t l a t s e G estalt
Ge st al t
Ge st al t m em or ia or ia le s o de la ca na le s se ns s lo de s v el la a tra s qu e lle ga n a a lo s el em en to ur ig nf co te en La m
Gestalt
por lo tro parecer o es u n a a st u g que si algo nos logramos hacer os determinar si em es d u o p p a n m te ci p la perce ensaje ancia de este Por medio de o cliente, el m esto la import tr r o es p u , n n a i ar ac p e ci sta su apre os y por end contrario mole ble para nosotr ra o v fa a rm fo ciban de os. las cosas se per l cual lo querem ta o id b ci re y ser aceptado
es la forma e en resumen u q ; lt ta es G s entender el percibir concillo podemo ersona puede p se a lo d p ca em e u ej q n a nu imagen. to da pie Es as como co que una simple que vemos, es s es m en an g b im ci s er p la tamos s personas como interpre os hacer que la em d o p n i b m que ta sas distintas y
estalt epcin es el G ec pr la de te Parte importan loga en donma de la psico ra la a e ec n te s seque per tender como lo en es l pa ci in pr ente de su funcin accionamos fr re y s o em d n te seres res humanos en . No todos los en ag im a n u o sino a una grfica s tal cual son, to en em el s lo os r lo vivos percibim engaados po s o m so s so ca s iente: que en alguno cillo es el sigu n se lo p em ej que vemos, un
pl o 1 Im ag en 4 - Ej em
estalt G
tres pundecir que son a dr po se te comNormalmen nuestro cerebro te en m le ab it ice que tos, pero inev temente nos d an st n co y ra a trapleta la lectu os aprendido em h e u q a y , lo es un tringu puntos es unin de tres la e u q o p vs del tiem un tringulo.
pl o 2 Im ag en 5 - Ej em
Fase Anlisis
Fase Anlisis
Cl as ifi ca ci on es
de la im ag en
Cl as ifi ca ci on es
de la im ag en
Clasificaciones de la imagen
Para continuar entendiendo que la imagen comprende una teora compleja y realmente extensa veamos otro punto importante, especficamente debemos comprender que la imagen tiene una clasificacin que se caracteriza por 6 elementos de la siguiente forma:
La mente configura los elementos que llegan a ella a travs de los canales sensoriales o de la memoria
1 2 3 4 5 6
Realidad
Que tan real es la imagen, esto puede llegar a ser fcil de percibir e interpretar.
Para poder hacer una radiografa general de la teora de la imagen necesariamente debemos comprender el siguiente concepto: Icono, proveniente del trmino ruso Ikona que hace referencia a la representacin grfica de algo, debe tener una semejanza con el elemento representado y uno de los referentes ms claros son las seales de trnsito que con pocas lneas y algunas curvas hacen que se convierta en un smbolo legible por casi cualquier persona sobre la faz de la tierra. No obstante hay particularidades en algunas seales, dependiendo del contexto, esto espero que ya lo tengamos claro, ya que puede variar el tipo de icono y tambin su representacin segn el mbito que nos encontremos.
Estructura simple
La percepcin humana est fundamentada en este principio eso quiere decir que el ser humano identifica que tan sencilla o compleja es la imagen que observamos.
Materialidad de la imagen
Como est concebida esta imagen, puede ser: Mental, Creada, Natural o registrada
Imagen 7
Definicin estructural
Dependen del tipo de estructura que sea propio en la imagen.
Generalizacin
Cuando nos encontramos en presencia o en ausencia de la imagen.
Es as como nos comunicamos en cualquier lugar del mundo al conducir un vehculo, pues no se puede dejar pasar por alto algo tan importante como respetar la sealizacin en cualquier lugar del planeta.
Ejemplo 4
10
Fase Anlisis
Fase Anlisis
11
El ic on o
El ic on o
El icono
El icono es una simbolizacin o una abstraccin grfica de algo real es el insumo de un diseador, independientemente que tan complejo o abstrado sea. Nuestros antepasados pintaban en las rocas iconos representando la caza, hbitos, y otros pormenores del da a da para comunicrselo al resto de la tribu, es as que el hombre empez a comunicarse con grficos hasta nuestros das, pero cmo hacer para que el pblico objetivo comprenda un logo o una seal? pues bueno, desarrollando una buena estrategia de comunicacin esto incluye varios pasos: El icono es la materia prima de los logotipos, y a su vez los logos son el insumo de las diferentes piezas grficas, eso quiere decir que si logramos desarrollar un logo con xito lo ms seguro es que de ah llevemos el proceso de imagen corporativa de una empresa con xito, desarrollado, volantes, membretes, tarjetas personales, pginas web, aplicaciones multimedia e incluso videos corporativos. Por eso tan importante el buen uso de las herramientas para generar un logo y de ah en adelante podemos enriquecer el proceso, siempre he dicho que el buen desarrollo de la imagen corporativa de un empresa es la puerta a elaborar el proceso completo, desde que cumplamos y nuestro trabajo sea ptimo
Abstraccin de lo que se desea representar Dibujo o boceto Retroalimentacin de un tercero (cliente) Recomposicin de lo retroalimentado Se puede repetir Los pasos 2, 3 y 4 hasta plena satisfaccin
Imagen 8 Icono
12
Fase Anlisis
Fase Anlisis
13
im ag en e co m po ne n la El em en to s qu
im ag en e co m po ne n la El em en to s qu
Lnea
A nivel de composicin se conoce como la unin de dos puntos, pero nuevamente no quiero que piensen en una lnea real, imaginemos ese mismo logo con fondo blanco y un elemento adicional en algn lugar, nuestro cerebro por ende une los dos puntos (lnea punteada) y genera una lnea imaginaria.
Imagen 9 Punto
Forma
Aqu es donde se concibe el elemento en s, pues es la consecucin de puntos que forman lneas y estas a su vez determinan la figura, que es percibida por nuestros ojos e interpretado por el cerebro. Una cosa une a la otra tanto conceptualmente como morfolgicamente.
Plano
Es el elemento que soporta a los otros, como un horizonte que genera una ambientacin del espacio total y va directamente relacionada con la profundidad.
Color
No est sujeto a la forma, pero es una particularidad de cada elemento, se rige por la luminosidad, que tan claro u oscuro sea la el color o que tan saturado e iluminado se muestre, importante profundizar en la teora del color para poder comprender a cabalidad este elemento. Lo veremos en un solo tema.
14
Contraste
El Contraste se puede dar de varias formas en la imagen; por color: blanco y negro es el ejemplo ms comn, tambin podemos utilizar cualquier combinacin desde que sean colores opuestos en el crculo cromtico cumple con contraste, por tamao: grande y pequeo es la forma de contrastar los elementos, por forma: podemos usar una lnea curva y contrastar con una recta.
Balance
El balance esta directamente relacionado con el equilibrio y los elementos que tienen estabilidad o inestabilidad en una pieza grfica, generalmente las piezas que se encuentran visualmente inestables denotan movimiento y todo lo contrario con las que mantienen el equilibrio.
Textura
De qu material est hecha nuestra forma? Es as que logramos darle un acabado real a nuestros elementos y no solo, digamos, que se percibe por los ojos sino que tambin entra a jugar el sentido de tacto.
Fase Anlisis
Fase Anlisis
15
im ag en e co m po ne n la El em en to s qu
Nota: Ilustracines de Juan Pablo Donoso
la im ag en Di na m is m o de
Las repeticiones
Cuando duplicamos un elemento en nuestra imagen generamos podramos lograr armona, podemos hacer que las personas perciban movimiento en la imagen, y determinar el peso visual de nuestra composicin. La repeticin hace parte de los principios bsicos de la animacin.
Imagen 12 Escala
Imagen 13 Repeticiones
Simetra
Es mantener la misma cantidad de elementos de un lado de la composicin como del opuesto con respecto del centro de la misma, mantiene un equilibrio visual y es parte primordial de las formas geomtricas.
Tipografa
Su uso y apropiado manejo en piezas de diseo es relevante, ya que su correcta utilizacin nos lleva a tener una experiencia de lectura agradable, legible para el publico objetivo, sin que ejerza algn esfuerzo su correcta interpretacin.
Imagen 11 Escala
La secuencia
Es la consecucin de elementos que permiten generar encadenamiento, movimiento, sincrona modularidad y permite crear dinamismo en nuestras imgenes.
Imagen 14 Secuencia
Estos fueron nuestros elementos bsicos de diseo ms representativos, entre ms los conozcamos y los apliquemos a nuestras composiciones ser mas fcil acostumbrarnos a ellos. Las prcticas de diseo harn que logremos apropiar estos conocimientos.
16
Sena Produccin en multimedia Fase Anlisis Fase Anlisis Sena Produccin en multimedia
17
la im ag en Di na m is m o de
la im ag en Di na m is m o de
e d o m s i m a Din
La profundidad
Este dinamizador nos permite visualizar cualquier elemento en un espacio real y tridimensional (alto, ancho y profundo) representando algunos ms cercanos o lejanos en un punto de fuga, debemos tener en cuenta que al hablar de profundidad podemos incorporar palabras como, isometra, sombra, volumen, espacio, tridimensional y textura entre otros. El estudio de la profundidad se conoce como perspectiva. Imagen 15 Ritmo
El ritmo
Al incorporar ritmo en una imagen cumplimos con este principio dinamizador, un ejemplo son las ondas o los puntos que varan en tamao de pequeo a mayor, esto nos permite percibir movimiento.
El dinamismo es un sistema filosfico que considera el mundo corpreo como formado por agrupaciones de elementos simples
El equilibrio
Se debe tener el mismo peso de un lado de la composicin como del otro con respecto al centro de la misma, esto genera un contrapeso similar, es un concepto muy afn a la simetra.
La tensin
Es donde interviene la fuerza y la direccin, cuando se ejerce tensin grfica encontramos como si el elemento fuera a ponerse en movimiento y fuera a dejar su quietud y llama fuertemente la atencin. Imagen 16 Ritmo
Diagramacin
Este tema debe ser tratado como el objetivo de este escrito, llegar a hacer una diagramacin interesante ser la meta final, veamos como se puede definir diagramacin. La diagramacin es el oficio principal de todo diseador, en ella radica la importancia de aplicar los conceptos bsicos de diseo, ordenando espacios, elementos visuales y manteniendo jerarquas entre nuestra informacin. Todo esto para que la comunicacin sea efectiva y trasfiramos el mensaje deseado por nuestro cliente a un publico objetivo especifico con una esttica apropiada. El proceso de diseo debe radicar en la creacin misma de nuevas ideas innovadoras, que no se queden en propuestas repetidas y ya utilizadas sino que por dems, verdaderamente incorpore mtodos creativos con ingenio. La invitacin es a que tengamos referenciaran grafica, pero no olvidemos que no es cuestin de copiar modelos sino de dar vida a nuestras ideas.
18
Fase Anlisis
Fase Anlisis
19
Co nc lu si on es
Conclusiones
de r un arma se e d e u p osotros El diseo pende de n e d y lo fi r doble je al recepto sa n e m l e r hacer llega ecta de forma corr
es que de este escrito r ca sa os m de e po el proa conclusin qu nde interviene o d en a r o te e un como la imagen tien a, tan compleja an m u h n i ac unic ctersceso de la com sentidos y cara s io ar v en n ie cerebro, humano, interv de la imagen, el mismo ser n ci ra u g fi nicativo, o los ojos, la proceso comu ticas tales com n u e d al p ci n imagen. como eje pri ementos de la el y el raciocinio y n ci ep rc dinamismo, pe atravesando el a pie a que poementos nos d el s to es e d n grbinaci estras piezas u n La buena com ar ic if st ju ara gado a sencilla y cl e carcter obli d e rt damos de form ie v n co se os cliente. Su uso nuestros trabaj s to p ce ficas frente al n co s e esto ndo apropiacin d vincente, tenie n co n ya que sin la ci ca li exp vo. un piso o una in es el objeti ac m quedaran sin ra g ia d a uen pre que una b en cuenta siem nto ms en un tratamie ec er m e u q ntinuate hay temas uy extensa, a co Definitivamen m es o se di l undizar. e la teora de e se puede prof profundo, ya qu nd do en os br go algunos li cin les propon
iones
20
Fase Anlisis
Fase Anlisis
21
en te s fe re nc ia s y Fu Bi bl io gr af a , Re
Crditos de editorial
Revisin, Preparacin y Compilacin.
Juan Pablo Donoso Frohard
Instructor Lder de Nuevas Tecnologas, Centro de Gestin de Mercados logstica y tecnologas de la informacin. jdonoso@misena.edu.co
Lder de produccon
Iliana Eneth Molina Cuartas
Profesional grado 10 ilmocu@sena.pedu.co
REFERENCIAS
Michael Bierut (2001). Fundamentos del diseo grfico. Buenos Aires: Ediciones Infinito Frascara, Jorge (2000). Diseo grfico para la gente: Comunicaciones de masa y cambio social. Buenos Aires: Ediciones Infinito. Fundacin Wikimedia, Inc. (2012, junio 05) [On line]. Disponible: http://es.wikipedia.org/wiki/Lenguaje_visual http://es.wikipedia.org/wiki/Dise%C3%B1o_gr%C3%A1fico
Revisin Temtica
Dorian sully munera rua
dsmunera@misena.edu.co
Diseo editorial
Alejandro Orozco Escobar
Diseador visual Profesional designifrit@gmail.com
Diagramacin
Alejandro Orozco Escobar
Diseador visual Profesional Colaboracin
Ilustracin
Alejandro Orozco Escobar
Diseador visual Profesional
Sergio Areiza
Diseador grfico sergioareiza@hotmail.com
22
Fase Anlisis
Fase Anlisis
23
Fase de an
lisis
24
Fase Anlisis