1 - Concepto Gráfico

1Fase Análisis Sena Producción en multimedia

Concepto gráfico

Concepto gráfico, Teoría del color, Percepción

Gestalt

Clasificaciones de la imagen

El icono

Elementos que componen la imagen

Punto, línea, forma...

Dinamismos de la imagen y su representación

Conclusión

Contextos del diseñador gráfico Contextos del di

Fase de análisisSe

na

Pro

ducc

ión

en m

ultim

edia

Fa

se d

e A

nális

is

Año

201

2 - E

dció

n 01

C

once

pto

gráf

ico

Concepto gráfico

Actividad de proyecto

Definición de Requerimientos

del Cliente

Actividad de

aprendizaje

Identificación de los elementos

de diseño para proyectos

multimedia

32 Sena Producción en multimedia Fase Análisis Fase Análisis Sena Producción en multimedia

Tabla de contenidoTabla de contenido

32 Fase Análisis Fase Análisis Sena Producción en multimedia

Contenido Concepto gráfico

01

05 06 07 08

03 04

Bibliografía Créditos

02

Introducción

El Icono Elementos que componen la imagen

a. Puntob. Líneac. Formad. Planoe. Colorf. Texturag. Contrasteh. Balancei. Simetríaj. Escalak. Tipografía

Dinamismo de la imagen y

su representación

a. Las repeticionesb. La secuenciac. El ritmod. La tensióne. El equilibriof. La profundidad

Diagramación

1. Concepto Gráfico2. Teoría de la imagen3. Percepción

Gestalt Clasificaciones de la

imagenpage

04

page

12

page

14

page

17

page

20

page

05

page

08page

10

page

22page

23

Este material puede ser distribuido,

copiado y exhibido por terceros si se

muestra en los créditos. No se puede

obtener ningún beneficio comercial y las

obras derivadas tienen que estar bajo

los mismos términos de licencia que el

trabajo original.


Contextos del diseñador gráfico


CONCEPTO GRÁFICOC

onte

xto

del d

iseñ

ador

gr

Dentro de la destreza y deberes en la

profesión de los diseñadores gráfi-

cos, debemos siempre responder a

un requerimiento de piezas visuales diseñadas,

ya sea, por un individuo o grupo de personas,

esta acción se desarrolla entre conceptos teóri-

cos y habilidades prácticas que al juntar estos

dos elementos básicos nos permite presentar tra-

bajos competitivos para el creciente mercado de

consumo, siendo este el motivo del origen de

esta profesión, que junto con el postmodernis-

mo nos hereda una fuerte tendencia al consumo

y a convertir piezas artísticas en modelos gráfi-

cos publicitarios. Los ejemplos más relevantes

de esta migración de saberes y destrezas las ve-

mos reflejadas en Robert Rauschenberg, artis-

ta americano que dentro de la corriente del pop

art a mediados del siglo pasado, dio a conocer

varias piezas artísticas que reflejaban un interés

por sembrar un conocimiento popular en sus de-

sarrollos artísticos.

Imagen 1

Robert Rauschenberg

Nota: Imagen tomada de

www.vanityfair.com

Foto de Burton

Berinsky/Time Life

Pictures/Getty Images

Imagen 2

Conocida como 32 latas

de sopa Campbell, fue

originada por Andy

Warhol, 1962

No podemos dejar de lado al mayor gestor y promotor en el mundo del POP ART, Andrew War-

hola o más conocido como Andy Wharhol, que con su arte urbano y de fácil remembranza en sus

piezas artísticas/gráficas logra juntar varios elementos y culturas urbanas, tales como renombradas

celebridades, homosexuales, modelos famosos y un sin número de artistas que lo rodearon tanto para

criticar su obra como para engrandecer su nombre y que hoy en día sea considerado un hito del arte.

Con el ejemplo de lo que hicieron estos artistas,

entre otros, y sus visiones del mundo podemos

llegar, de forma preliminar, al diseñador gráfico

actual, que nos hace que poco a poco (en los úl-

timos 70 años) nos diferenciemos como Diseña-

dores Gráficos de otras profesiones tales como

la publicidad y sus lenguajes, el arte y su per-

cepción del mundo, junto con los modelos mer-

cantiles y sus recetas ya comprobadas, de donde

podemos decir que surgimos con unas caracterís-

ticas muy definidas como: habilidades técnicas,

calidad en los gráficos, innovadores, creativos,

con percepciones serias, ideas claras y una óp-

tima comprensión y utilización de la tecnología

aplicada a nuestro campo de acción.

Lo que pretendemos con esta combinación de

experiencias, habilidades y destrezas es persua-

dir, encantar, transmitir, profundizar, organizar

ideas, trascender con información relevante y

nunca intentamos llegar a un punto de copia,

plagio, copiar formatos gráficos predefinidos

(plantillas), no crear sino repetir, adornar etc.,

ya que estas prácticas nos llevan a que la profe-

sión de vuelva una formula repetible, como una

receta ya conocida.

Por tal motivo debemos considerar compren-

der, estudiar y trabajar los elementos básicos del

diseño junto con el concepto gráfico y aplicar-

los de forma natural, a nuestras creaciones. El

estudio y aplicación del gráfico es directamente

proporcional a su necesidad de llegar al concep-

to y origen mismo de un requerimiento visual

atrayente y llamativo, veamos a continuación

algunos elementos que fortalecerán nuestros re-

sultados frente a propuestas innovadoras, esen-

ciales y que cumplan con la necesidad el cliente.

4 Sena Producción en multimedia

Nota: Imagen de Juan Pablo Donoso

http://www.vanityfair.com




El concepto gráfico se remite a extraer la idea básica de forma clara, explicita, y con el volumen necesario de información para transmitir el mensaje original que se quiera trasmitir, si erramos al momento de plasmar nuestro diseño, ya sea añadiendo códigos que erráticos o incorporando información adicional innecesaria, entre otros errores, el mensaje notoriamente será entendido de otra forma.

Imagen 3

Diseño y su efectividad

Concepto gráfico

Para entender el concepto en el diseño gráfi-co debemos comprender varios elementos que rodean el mundo visual y perceptivo del ser hu-mano, las imágenes son de suma importancia y de necesario uso para dar a comprender un con-cepto que constituyen un tipo de lenguaje y creo conveniente comenzar por como son percibidas estas mismas. La percepción que se entiende por recibir información a través de los sentidos, ya

Es importante denotar que hay dos elementos indispensables en el proceso de percepción, uno es el estímulo o fuente (contexto) y pertenece al mundo exterior y el segundo es la percepción, esta comprende un proceso interno del ser humano, esto quiere decir que hay emisores y receptores de información. En el caso que nos atañe debemos comprender básicamente la percepción visual que corresponde a los elementos que podemos sentir a través de nuestros receptores principales: los ojos, que con un conocimiento previo podemos darle un valor y hacer un juicio de lo percibido, este juicio varía según cada persona, ya que el entorno modifica sustancialmente este juicio de-finitivo, eso quiere decir que lo mismo que entendemos aquí en Colombia con alguna imagen no será comprendida en China o cualquier otro país, inclusive entre regiones podemos encontrar una diferente percepción de algunos elementos visuales, esto es contexto.

Percepción

Teoría de la imagen

Para comprender un poco más el tema pondré un par de ejemplos:

Cuando digo la palabra “verde” puede significar algo y dependiendo en donde estemos contextua-lizados darle una cantidad de representaciones, si estuviéramos en Medellín, Colombia estaríamos definitivamente haciendo referencia a un equipo de futbol y si estuviéramos en Bogotá podríamos hacer referencia a un partido político o simple-mente darle la connotación 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.

Cambiemos un poco de color y veamos el sig-nificado del rojo si nos encontráramos en china el significado sería de buena suerte, felicidad, fama, fuerza entre otros, pero si nos encontrá-ramos en Rusia el significado varia radicalmen-te pues la connotación es puramente de comu-nismo. Como he comentado anteriormente estos significados pueden variar dependiendo a quien le preguntemos, por esto es tan importante reco-nocer contextos y percepciones.

Esto anterior hace referencia al color, pero así funciona en el resto de información visual que podamos “digerir”, siempre se debe contextualizar para así dar un significado realmente “correcto” para el contexto.

sea: imágenes, sonidos, audios, imágenes en mo-vimiento, videos, colores, etc., que a través de nuestro cerebro es procesada y nos da un enten-dimiento de algo en especial que se encuentra en un ambiente o contexto, en un documento ante-rior comprendimos que era contexto y aquí ne-cesitamos relacionarlo con este nuevo elemento del diseño que es la precepción.

Nota: Ilustración de Juan Pablo Donoso

7

01 02


GestaltGestalt

Ges

talt

Ges

talt

Ges

talt

Ges

talt

Gestalt

Parte importante de la precepción es el Gestalt

que pertenece a la rama de la psicología en don-

de su función principal es entender como los se-

res humanos entendemos y reaccionamos frente

a una gráfica o una imagen. No todos los seres

vivos percibimos los elementos tal cual son, sino

que en algunos casos somos engañados por lo

que vemos, un ejemplo sencillo es el siguiente:

Es así como con un ejemplo sencillo podemos entender el Gestalt; que en resumen es la forma

como interpretamos las imágenes que vemos, esto da pie a que cada persona puede percibir co-

sas distintas y que también podemos hacer que las personas perciban más que una simple imagen.

Imagen 6

Ejemplo 3

Imagen 4 - Ejemplo 1

Imagen 5 - Ejemplo 2

Normalmente se podría decir que son tres pun-

tos, pero inevitablemente nuestro cerebro com-

pleta la lectura y constantemente nos dice que

es un triángulo, ya que hemos aprendido a tra-

vés del tiempo que la unión de tres puntos es

un triángulo.

Por medio de la percepción podemos determinar si algo nos gusta a nuestro parecer o por lo

contrario molesta su apreciación, por esto la importancia de este tema pues si logramos hacer que

las cosas se perciban de forma favorable para nosotros y por ende para nuestro cliente, el mensaje

será aceptado y recibido tal cual lo queremos.

La mente configura los elementos que llegan a ella a través de los canales sensoriales o de la memoria

El Todo Es Más Que La Suma De Sus PartesAlgunos ejemplos se pueden observar en la imagen 6 Ejemplo 3





Para continuar entendiendo que la imagen comprende una teoría compleja y realmente extensa veamos otro punto importante, es-pecíficamente debemos comprender que la imagen tiene una clasi-ficación que se caracteriza por 6 elementos de la siguiente forma:

Para poder hacer una “radiografía” general de la teoría de la imagen necesariamente debemos comprender el siguiente concepto: Icono, proveniente del término ruso Ikona que hace referencia a la representación gráfica de algo, debe tener una semejanza con el elemento representado y uno de los referentes más claros son las señales de tránsito que con pocas líneas y algunas curvas ha-cen que se convierta en un símbolo legible por casi cualquier persona sobre la faz de la tierra. No obstante hay particularidades en algunas señales, dependiendo del contexto, esto espero que ya lo tengamos claro, ya que puede variar el tipo de icono y también su representación según el ámbito que nos encontremos.

Es así como nos comunicamos en cualquier lugar del mundo al conducir un vehículo, pues no se puede dejar pasar por alto algo tan importante como respetar la señalización en cualquier lugar del planeta.

Imagen 7

Ejemplo 4

Realidad

Que tan real es la imagen, esto puede llegar a ser fácil de percibir e interpretar.

1

2

3

4

5

6 Generalización

Cuando nos encontramos en presencia o en ausencia de la imagen.

Estructura simple

La percepción 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

Definición estructural

Dependen del tipo de estructura que sea propio en la imagen.

Comprensión del sentido

Pueden ser construidas o no construidas, siendo las no construidas puramente naturales y las construidas suponen una intencionalidad.

10

La mente configura los elementos que llegan a ella a través de los canales sensoriales o de la memoria


El iconoEl icono

Imagen 8Icono

El icono es una simbolización o una abstrac-ción gráfica de algo real es el insumo de un di-señador, independientemente que tan complejo o abstraído sea. Nuestros antepasados pintaban en las rocas iconos representando la caza, hábitos, y otros pormenores del día a día para comunicár-

El icono

Abstracción de lo que se desea representar

Dibujo o boceto

Retroalimentación de un tercero (cliente)

Recomposición de lo retroalimentado

Se puede repetir Los pasos 2, 3 y 4 hasta plena satisfacción

El icono es la materia prima de los logotipos, y a su vez los logos son el insumo de las diferentes piezas gráficas, eso quiere decir que si logramos desarrollar un logo con éxito lo más seguro es que de ahí llevemos el proceso de imagen corporativa de una empresa con éxito, desarrollado, volantes, membretes, tarjetas personales, páginas 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

selo al resto de la “tribu”, es así que el hombre empezó a comunicarse con gráficos hasta nues-tros días, pero cómo hacer para que el público objetivo comprenda un logo o una señal? pues bueno, desarrollando una buena estrategia de co-municación esto incluye varios pasos:

Nota: Ilustración y fotografía de Juan Pablo Donoso




Elementos que componen la imagenDespués de haber comprendido como funciona la precepción del ser humano podemos dar paso a los elementos que componen la imagen.

Es el elemento mínimo de una com-posición en una imagen, pero para com-prenderlo no lo veamos como “punto” sino como el lugar de más atracción en una composición, ejemplo un fon-do blanco con el logo de una empresa en algún lugar de la imagen (inferior derecha), estoy llamando la atención a ese elemento a esto se le conoce como centro de atención, es por esto que el punto se compone de: ubicación, con-traste, referencia frente a otros elemen-tos, veamos la imagen 8 como sencillo ejemplo de punto. Esto no quiere decir que solo tengamos un punto de atrac-ción en nuestras composiciones, pode-mos usar varios puntos, guardando reglas mínimas de jerarquías y diagramación.

Punto

Línea

Forma Plano

ColorBalance Textura

Contraste

A nivel de composición se conoce como la unión de dos puntos, pero nuevamen-te no quiero que piensen en una línea real, imaginemos ese mismo logo con fondo blanco y un elemento adicional en algún lugar, nuestro cerebro por ende une los dos puntos (línea punteada) y genera una línea imaginaria.

Aquí es donde se concibe el elemento en sí, pues es la consecución de puntos que forman lí-neas 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 concep-tualmente como morfológicamente.

Es el elemento que soporta a los otros, como un horizonte que genera una ambientación del espacio total y va directamente relacionada con la profundidad.

No está sujeto a la forma, pero es una parti-cularidad de cada elemento, se rige por la lumi-nosidad, que tan claro u oscuro sea la el color o que tan saturado e iluminado se muestre, im-portante profundizar en la teoría del color para poder comprender a cabalidad este elemento. Lo veremos en un solo tema.

De qué material está hecha nuestra forma? Es así que logramos darle un acabado real a nues-tros elementos y no solo, digamos, que se per-cibe por los ojos sino que también entra a jugar el sentido de tacto.

El Contraste se puede dar de varias formas en la imagen; por color: blanco y negro es el ejemplo más común, también podemos utilizar cualquier combinación desde que sean colores opuestos en el círculo cromático cumple con contraste, por tamaño: grande y pequeño es la forma de con-trastar los elementos, por forma: podemos usar una línea curva y contrastar con una recta.

El balance esta directamente relacionado con el equilibrio y los elementos que tienen estabi-lidad o inestabilidad en una pieza gráfica, ge-neralmente las piezas que se encuentran visual-mente inestables denotan movimiento y todo lo contrario con las que mantienen el equilibrio.

Nota: Ilustraciónes de Juan Pablo Donoso

Imagen 9

Punto

Imagen 10

Línea


Dinamismo de la imagen


Es mantener la misma cantidad de elementos de un lado de la composición como del opuesto con respecto del centro de la misma, mantiene un equilibrio visual y es parte primordial de las formas geométricas.

Simetría

Escala

Tipografía

Es la capacidad de cada elemento en nuestra composición de ser transformado en su tamaño original, sin perder la proporción original, se uti-liza mucho en arquitectura y creación de mapas, ya que se asume que las medidas fueron redu-cidas propiciamente para dar una interpretación real y proporcionada de las medidas originales.

Imagen 12

Escala

Imagen 11

Escala

Su uso y apropiado manejo en piezas de dise-ño es relevante, ya que su correcta utilización nos lleva a tener una experiencia de lectura agra-dable, legible para el publico objetivo, sin que ejerza algún esfuerzo su correcta interpretación.

Estos fueron nuestros elementos básicos de diseño más representativos, entre más los conozca-mos y los apliquemos a nuestras composiciones será mas fácil acostumbrarnos a ellos. Las prác-ticas de diseño harán que logremos apropiar estos conocimientos.

En la representación de la imagen podemos encontrar múltiples y variadas formas de mostrar y transmitir lo que queremos, la imagen se compone de elementos básicos morfológicos, anterior-mente vistos, no es simplemente percepción, contexto y significado por esto veamos a continua-ción como a través de elementos visuales podemos transmitir sensación de movimiento a nuestras creaciones algunos conceptos adicionales de composición de imagen pueden ser:

Dinamismo de la imagen y su representación

Cuando duplicamos un elemento en nuestra imagen generamos podríamos lograr armonía, podemos hacer que las personas perciban mo-vimiento en la imagen, y determinar el peso vi-sual de nuestra composición. La repetición hace parte de los principios básicos de la animación.

Las repeticiones Imagen 13Repeticiones

Es la consecución de elementos que permiten generar encade-namiento, movimiento, sincronía modularidad y permite crear dinamismo en nuestras imágenes.

La secuencia

Imagen 14Secuencia

Nota: Ilustraciónes de Juan Pablo Donoso

Nota: Ilustraciones de Juan Pablo Donoso


Dinamismo de la imagenDinamismo de la imagen

Al incorporar ritmo en una imagen cumplimos con este principio dinamizador, un ejemplo son las ondas o los puntos que varían en tamaño de peque-ño a mayor, esto nos permite percibir movimiento.

El ritmo


Es donde interviene la fuerza y la dirección, cuando se ejerce tensión gráfica encontramos como si el elemento fuera a poner-se en movimiento y fuera a dejar su quietud y llama fuertemen-te la atención.

La tensión

Se debe tener el mismo peso de un lado de la composición como del otro con respecto al centro de la misma, esto genera un contrapeso similar, es un concepto muy afín a la simetría.

El equilibrio

Este dinamizador nos permite visualizar cualquier elemento en un espacio real y tridimensional (alto, ancho y profundo) representando algunos más “cer-canos” o “lejanos” en un punto de fuga, debemos tener en cuenta que al hablar de profundidad po-demos incorporar palabras como, isometría, som-bra, volumen, espacio, tridimensional y textura en-tre otros. El estudio de la profundidad se conoce como perspectiva.

La profundidad

Este tema debe ser tratado como el objetivo de este escrito, llegar a hacer una diagramación in-teresante será la meta final, veamos como se puede definir diagramación.

La diagramación es el oficio principal de todo diseñador, en ella radica la importancia de apli-car los conceptos básicos de diseño, ordenando espacios, elementos visuales y manteniendo jerar-quías entre nuestra información. Todo esto para que la comunicación sea efectiva y trasfiramos el mensaje deseado por nuestro cliente a un publico objetivo especifico con una estética apropia-da. El proceso de diseño debe radicar en la creación misma de nuevas ideas innovadoras, que no se queden en propuestas repetidas y ya utilizadas sino que por demás, verdaderamente incorpore métodos creativos con ingenio.

La invitación es a que tengamos referenciarían grafica, pero no olvidemos que no es cuestión de copiar modelos sino de dar vida a nuestras ideas.

Diagramación

Dinamismo de la ima

El dinamismo es un sistema filosófico que considera el mundo corpóreo como formado por agrupaciones de elementos simples

Imagen 15Ritmo

Imagen 16 Ritmo



Conclusiones

La conclusión que podemos sacar de este escrito es que

la imagen tiene un teoría en donde interviene el pro-

ceso de la comunicación humana, tan compleja como

el mismo ser humano, intervienen varios sentidos y caracterís-

ticas tales como los ojos, la figuración de la imagen, cerebro,

y el raciocinio como eje principal de un proceso comunicativo,

atravesando el dinamismo, percepción y elementos de la imagen.

La buena combinación de estos elementos nos da pie a que po-

damos de forma sencilla y clara justificar nuestras piezas grá-

ficas frente al cliente. Su uso se convierte de carácter obligado

ya que sin la apropiación de estos conceptos nuestros trabajos

quedarían sin un piso o una explicación convincente, teniendo

en cuenta siempre que una buena diagramación es el objetivo.

Definitivamente hay temas que merecen un tratamiento más

profundo, ya que la teoría del diseño es muy extensa, a continua-

ción les propongo algunos libros en donde se puede profundizar.

20 Sena Producción en multimedia Fase Análisis

Conclusiones

Conclusiones

El diseño puede ser un arma de

doble filo y depende de nosotros

hacer llegar el mensaje al receptor

de forma correcta


Créditos de editorial

Bibliografía, Referencias y Fuentes

Bibliografía, Referencias y Fuentes

2322 Sena Producción en multimedia Fase Análisis Sena Producción en multimedia

BIBLIOGRAFÍA

CHAVES, N. 1988. La imagen corporativa. Teoría y metodología de la identificación institucional. Barcelona: Gustavo Gili.Donis A. Dondis - 1976. La sintaxis de la Imagen. Introducción al alfabeto visual. Editorial Gustavo GiliARNHEIM, R. 1980. Arte y percepción visual. Psicología del ojo creador. Madrid: Alianza EditorialSATUÉ, E. 1988. El diseño gráfico. Desde los orígenes a nuestros días. Madrid: Alianza Ed.

REFERENCIAS

Michael Bierut (2001). Fundamentos del diseño gráfico. Buenos Aires: Ediciones InfinitoFrascara, Jorge (2000). Diseño gráfico para la gente: Comunicaciones de masa y cambio social. Buenos Aires: Ediciones Infinito. Fundación Wikimedia, Inc. (2012, junio 05) [On line]. Disponible: http://es.wikipedia.org/wiki/Lenguaje_visualhttp://es.wikipedia.org/wiki/Dise%C3%B1o_gr%C3%A1fico


Diagramación

Ilustración

Diseño editorial

Alejandro Orozco Escobar

Diseñador visual Profesional

Colaboración

Sergio Areiza

Diseñador grá[email protected]


Diseñador visual Profesional

Mario Andrés Sepulveda Mazo

Diseñador visual [email protected]


Diseñador visual [email protected]

Revisión, Preparación y Compilación.

Juan Pablo Donoso Frohard

Instructor Líder de Nuevas Tecnologías, Centro de Gestión de Mercados logística y tecnologías de la informació[email protected]

Revisión Temática

Dorian sully munera [email protected]

Líder de produccíon

Iliana Eneth Molina Cuartas

Profesional grado [email protected]

Revisión Metodológica yCorrección de Estilo

Adriana Marcela Bedoya [email protected]

Equipo de Exper tos temáticos y de Diseño para Producción de

Multimedia SENA

http://es.wikipedia.org/wiki/Lenguaje_visual

http://es.wikipedia.org/wiki/Dise%C3%B1o_gr%C3%A1fico

mailto: [email protected]

24 Sena Producción en multimedia Fase Análisis


Fase de análisis

1 - Concepto Gráfico

Documents

Transcript of 1 - Concepto Gráfico