teoria del-diseno-grafico-2

35
Parte 2 Paty Juberias - patyjg.wordpress.com - Página 1

Upload: patricia-juberias

Post on 22-May-2015

3.917 views

Category:

Design


2 download

DESCRIPTION

Completo curso sobre el diseño gráfico. A complete tutorial about graphic design.

TRANSCRIPT

Page 1: Teoria del-diseno-grafico-2

Parte 2

Paty Juberias - patyjg.wordpress.com - Página 1

Page 2: Teoria del-diseno-grafico-2

:: Elementos básicos de la composición

La línea y la forma

Dentro del diseño gráfico, hay una serie de elementos básicos para la composición: Línea, forma, textura, espacio, tamaño, valor y color.

Paty Juberias - patyjg.wordpress.com - Página 2

Page 3: Teoria del-diseno-grafico-2

La linea puede ser usada para ayudar a ordenar la información, dirigir el ojo de los lectores para organizar la disposición, crear un ambiente determinado y generar un ritmo y movimiento determinados en nuestro diseño.

Se pueden disponer de diversas formas (horizontales, verticales, unidas, separadas, dividiendo el diseño en partes, etc).

Paty Juberias - patyjg.wordpress.com - Página 3

Page 4: Teoria del-diseno-grafico-2

La forma: La forma de los objetos comunica ideas por si misma, además permite llamar la atención del receptor, si la forma elegida es inusual o llamativa.

Dentro de este elemento podemos distinguir distintos tipos de formas: geométricas (son formas rectangulares, por ejemplo triángulos, rectángulos, etc), naturales (son formas irregulares y fluidas, por ejemplo un árbol, una persona, un animal, etc) y abstractas (simplificaciones menos complejas de las formas naturales, por ejemplo símbolos, números, letras, etc).

Paty Juberias - patyjg.wordpress.com - Página 4

Page 5: Teoria del-diseno-grafico-2

Paty Juberias - patyjg.wordpress.com - Página 5

Page 6: Teoria del-diseno-grafico-2

“… El aspecto más esencial de la profesión no es el de crear formas, sino el de crear comunicaciones.”

Jorge Frascara (gran maestro de la teoría del diseño).

Aclarando la importancia que tiene la acción de razonar, de decidir, de maquetar la idea que el cliente desea transmitir (regularmente

para persuadir) y dirigirlo de la manera correcta a un público determinado.

Paty Juberias - patyjg.wordpress.com - Página 6

Page 7: Teoria del-diseno-grafico-2

La textura y el espacio

La Textura: permite crear una adaptación más personalizada de la realidad añadiendo dimensión y riqueza al diseño.

Hay dos tipos de texturas: táctil y visual:

• Táctil : Por ejemplo la textura de un papel, que tiene diferentes tipos de grosores y rugosidades perceptibles al tacto.

• Visual : Texturas impresas que asemejan la realidad: piedras, ladrillo, arena, etc. Dentro de esta, se pueden encontrar texturas reales (representaciones de texturas existentes en la realidad) y texturas irreales (creaciones o combinaciones de texturas inexistentes en la realidad).

Paty Juberias - patyjg.wordpress.com - Página 7

Page 8: Teoria del-diseno-grafico-2

El Espacio: Se puede considerar como uno de los elementos fundamentales del diseño. Nos referimos a el, como la distancia o área entre elementos del diseño o alrededor de los mismos.

A la hora de hacer una composición hay que tener en cuenta donde se colocarán los elementos y a que distancia unos de otros.

Paty Juberias - patyjg.wordpress.com - Página 8

Page 9: Teoria del-diseno-grafico-2

La situación, las tonalidades de los elementos y las formas sirven para crear relaciones espaciales y focales de interés para el receptor, es decir, se pueden conseguir efectos muy diversos;

Por ejemplo si se usa un amplio espacio en blanco se produce un descanso para el ojo o si se dejan espacios blancos alrededor de un objeto, este se destaca mucho más que el resto de la composición.

Paty Juberias - patyjg.wordpress.com - Página 9

Page 10: Teoria del-diseno-grafico-2

Dentro del espacio, es muy importante el Formato. El formato es la forma y el tamaño del trabajo realizado. Normalmente, al hablar del formato de un archivo, se hace referencia al tamaño en el que será impreso o presentado el trabajo.

El mundo de los formatos de papel es un conjunto de formatos estandarizados y de tamaños consolidados en diversos países.

Paty Juberias - patyjg.wordpress.com - Página 10

Page 11: Teoria del-diseno-grafico-2

Dentro de los formatos de papel, encontramos los tamaños ISO, que son un conjunto de formatos establecidos por el ISO (International Organization for Standardization). Estas normas ISO también se pueden encontrar como tamaños DIN.

Dentro de estos formatos se encuentran por ejemplo el tamaño DIN A4 (de 297 x 210 mm), prácticamente igual que un folio y es el papel de uso más corriente, o el tamaño DIN A3 (de 420 x 297 mm), usado para dibujos, pequeños posters, diagramas, etc.

Paty Juberias - patyjg.wordpress.com - Página 11

Page 12: Teoria del-diseno-grafico-2

Estos son los más usados habitualmente, pero existen muchos formatos de papel, por ejemplo para diseño publicitario de carteles y trabajos de grandes dimensiones, se puede usar hasta un 4 A0 (de 2.378×1.682 mm, es decir, 4 metros cuadrados), mientras que para diseños muy pequeños, un DIN C10 (de 28×40 mm).

Dentro del formato, un dato importante es la dirección del papel, es decir: Horizontal o Vertical, ya que una composición varía mucho de estar hecha de una u otra forma.

Paty Juberias - patyjg.wordpress.com - Página 12

Page 13: Teoria del-diseno-grafico-2

El tamaño, el valor y el color

El Tamaño: de un elemento es determinante en una composición. Permite organizar el espacio de trabajo, llamar la atención aumentando el más relevante y disminuyendo el resto, etc.

El tamaño de la presentación del archivo es muy relevante, cuanto mayor sea el tamaño del archivo, mejor se apreciarán los detalles y mejor lo visualizará el receptor.

Paty Juberias - patyjg.wordpress.com - Página 13

Page 14: Teoria del-diseno-grafico-2

El Valor: Es un término que se usa para describir que valor de un objeto puede ser modificado por los elementos de su alrededor, por ejemplo: cuanta más luz refleje: mayor valor tendrá. Este elemento, ayuda a crear el contraste de la imagen, mezclando sombras de color y en blanco y negro.

El Color: o lo que es lo mismo, la percepción que recibimos de la longitud de onda reflejada por un objeto. Es un elemento importante, ya que los colores transmiten sensaciones, actitudes y estados de ánimo. Este aspecto del diseño, tiene especial importancia y por ello se tratará posteriormente.

Paty Juberias - patyjg.wordpress.com - Página 14

Page 15: Teoria del-diseno-grafico-2

La creación de imágenes

Dentro del diseño, una imagen puede tener distinta procedencia dependiendo del modo mediante el cual se ha obtenido.

Además según la finalidad que se le vaya a dar a esa imagen, está será de un tipo u otro.

Básicamente se puede distinguir entre dos tipos de imágenes: las que son generadas directamente desde el ordenador y las importadas al ordenador.

Paty Juberias - patyjg.wordpress.com - Página 15

Page 16: Teoria del-diseno-grafico-2

Las imágenes importadas al ordenador también reciben el nombre de “mapa de bits”. Estas imágenes están compuestas por una cuadrícula de puntos, que reciben el nombre de “pixels”.

A su vez, dentro de cada píxel se almacena información de color y cada uno tiene su posición determinada en la imagen y un valor asignado de color.

Paty Juberias - patyjg.wordpress.com - Página 16

Page 17: Teoria del-diseno-grafico-2

Formatos de imagen

Existen muchos formatos, algunos de los más utilizados son:

• JPG: Es una modalidad de archivo comprimido que se usa para imágenes que incluyen mucha variedad de tonos de color. Se usa sobre todo para internet, ya que no se observa tanto la compresión de la imagen y su escaso tamaño es perfecto para ilustrar las páginas web o ser enviada por correo.

• GIF: Es un formato muy comprimido de imagen que se utiliza casi exclusivamente para la web. Su tamaño es mínimo pero solo mantiene un número reducido de colores, funciona bien con colores planos sin degradados como botones, banners publicitarios etc. Este formato permite creación de fondos transparentes y posibilidad de animación (entonces recibe el nombre de “gif animado”).

Paty Juberias - patyjg.wordpress.com - Página 17

Page 18: Teoria del-diseno-grafico-2

• PNG:Es el sustituto del formato GIF, permitiendo imágenes con color, escala de grises y transparencias. Estos archivos conservan toda la información original (capas, colores, vectores, etc.)

• TIFF:Se emplea para imágenes con mucha calidad dirigidas al ámbito de la impresión y por tanto de un gran tamaño. Es el utilizado para carteles, catálogos, etc.

• BMP: Es uno de los archivos más antiguos de imagen, tiene mucha calidad visual pero su tamaño es excesivamente grande. Usado con frecuencia en CD ROMs.

Paty Juberias - patyjg.wordpress.com - Página 18

Page 19: Teoria del-diseno-grafico-2

La Resolución

La resolución de una imagen es el número de pixels mostrados en la imagen por unidad de longitud. (como se comento anteriormente, un píxel es cada uno de los puntos que forman una imagen y que almacenan su información de color).

Esta resolución se mide en ppp (puntos por pulgada) y representa la calidad de la imagen, cuanta más cantidad de pixels tenga mejor será su calidad.

Paty Juberias - patyjg.wordpress.com - Página 19

Page 20: Teoria del-diseno-grafico-2

El Proceso de la comunicación

La comunicación, requiere de actividades de producción y de consumo. Para ello, el diseñador usas los signos, que anteriormente se comentaron, y estos sirven como portadores de información en el proceso de comunicación.

Esta actividad requiere de una serie de fases: creación, selección y arreglos de signos visuales en formación de signos compuestas y complejas, como por ejemplo catálogos, carteles, folletos, etc.

Paty Juberias - patyjg.wordpress.com - Página 20

Page 21: Teoria del-diseno-grafico-2

Si se trata de símbolos que han de ser perceptibles y reconocibles por los consumidores, no existe una libertad absoluta para la selección y composición de los signos.

Los mensajes, dependiendo del canal, por el que se transmitan, tendrán una codificación débil o fuerte, por ejemplo, si comparamos palabras y fotografías, las palabras están más fuertemente codificadas que la fotografía, porque su significado varía mucho más de unas personas a otras.

Cuando se da lugar al diseño o a la creación de formas, el diseñador no lo crea de la nada; siempre lo hará mediante un repertorio específico de elementos y un conjunto de reglas gramaticales.

Paty Juberias - patyjg.wordpress.com - Página 21

Page 22: Teoria del-diseno-grafico-2

Por ello, y para concluir con este apartado, se puede decir:

“que la comunicación esta ligada a la producción y al consumo,

ya que el proceso de comunicación consiste en la producción de un diseño, mediante todo el proceso que acabamos de comentar y

dicho mensaje tiene que llegar al público (luego lo están consumiendo)”.

Paty Juberias - patyjg.wordpress.com - Página 22

Page 23: Teoria del-diseno-grafico-2

Fases de creación Publicitaria

Anteriormente se comentó el proceso para la creación de cualquier diseño dado, pero en particular se analizará la creación de un diseño publicitario.

Dentro de la creación publicitaria, se pueden plantear diseños diversos, desde un sencillo cartel, hasta una campaña completa, pero en cualquier caso hay una serie de pasos que se deberán seguir si se desea conseguir un buen trabajo.

Paty Juberias - patyjg.wordpress.com - Página 23

Page 24: Teoria del-diseno-grafico-2

Estas fases son sencillas de seguir, y dependiendo de cada caso, se deberá hacer más o menos hincapié en cada una de ellas. Estas fases son:

1. Estudio de las necesidades de la empresa o cliente

2. Análisis de esta información y estudio de las empresas de la competencia

3. Realización de los primeros esbozos, y conclusiones iniciales

4. Primera fase de diseño y realización de la memoria analítica

5. Revisión final con el cliente, segunda fase de diseño y memoria de intenciones

6. Arte final del trabajo y conclusiones en la memoria

Paty Juberias - patyjg.wordpress.com - Página 24

Page 25: Teoria del-diseno-grafico-2

1. Estudio de las necesidades de la empresa o cliente

En primer lugar, siempre es necesario recopilar información acerca de la empresa para la que se va a realizar el proyecto.

Esto puede hacerse de diversas formas: con una revisión con el cliente o mediante la recopilación libre de información.

– En la primera de ellas, el cliente deberá aclarar la idea de lo que desea, lo que espera conseguir con este diseño, el presupuesto del que se dispone y el tiempo dado para la realización de dicho trabajo.

Paty Juberias - patyjg.wordpress.com - Página 25

Page 26: Teoria del-diseno-grafico-2

– Si no es posible realizar esta “reunión” con el cliente, será indispensable la búsqueda de información en cualquier otro medio que sea posible.

Paty Juberias - patyjg.wordpress.com - Página 26

Page 27: Teoria del-diseno-grafico-2

Si se realiza esta fase, se evitan muchos imprevisto futuros; El diseñador se asegura de conocer perfectamente los deseos del cliente.

Aunque sea posible conseguir la información del primer método, es conveniente recopilar información adicional. Ya que en una revisión con el cliente, no siempre se obtiene toda la información esperada.

Para concretar aún más, es interesante disponer de información acerca de la historia de la empresa, dedicación concreta de esta, en que tipo de mercados opera (nacionales o internacionales), que espera conseguir con este nuevo proyecto (aumentar las ventas, conseguir prestigio, aumentar número de clientes, etc).

Paty Juberias - patyjg.wordpress.com - Página 27

Page 28: Teoria del-diseno-grafico-2

2. Análisis de la información y estudio de la competencia

Con toda la información recopilada, se pasará a analizarla, estudiarla y marcar una serie de puntos de obligatorio cumplimiento y otros aconsejables, pero no imprescindibles.

Además, para completar la información, será muy conveniente, realizar un estudio de las empresas de la compendia, donde se vean los recursos que estas emplean, el tipo de productos que ofrecen, la imagen que los consumidores tiene de ella, etc.

Paty Juberias - patyjg.wordpress.com - Página 28

Page 29: Teoria del-diseno-grafico-2

3. Realización de los primeros esbozos, y conclusiones iniciales

Con esta información, es posible comenzar a trazar las primeras ideas o esbozos acerca del diseño a realizar.

Siempre será recomendable, realizar varias propuestas, para presentar al cliente, para que decida la que más se ajuste a sus necesidades.

Realizar las conclusiones iniciales, acerca de los gustos, el grado de aceptación por parte del cliente de las ideas presentadas, y la cantidad de trabajo necesario para la realización del proyecto.

Y por último, crear los primeros esbozos acerca del trabajo, ideas que posteriormente podrían ser modificadas, pero que servirán de base para el trabajo.

Paty Juberias - patyjg.wordpress.com - Página 29

Page 30: Teoria del-diseno-grafico-2

4. Primera fase de diseño y realización de la memoria analítica

En esta fase de la creación ya se dispone de la información dada por el cliente, el estudio de varias marcas de la competencia, las conclusiones iniciales y los esbozos del trabajo, luego ya es posible comenzar con la realización del trabajo propiamente dicho.

Aquí se comienza a recopilar los elementos necesarios para nuestro trabajo: imágenes, textos, tipografías, logotipo de la empresa, etc.

Paty Juberias - patyjg.wordpress.com - Página 30

Page 31: Teoria del-diseno-grafico-2

Es importante tener en cuenta un aspecto que trataremos posteriormente, se trata de la imagen corporativa de la empresa, y consiste en que, toda la imagen que tenga la empresa (logotipo, tipografía corporativa, colores corporativos) debe ser respetada sin sufrir variaciones bruscas e introducida en el trabajo nuevo, para no romper la unidad y que los usuarios sigan reconociendo la empresa y asociándola con la imagen anterior de ella que tenían.

Suele ser recomendable, en la creación de todo proyecto, y en concreto en las creaciones publicitarias, la realización de una memoria que acompañe al trabajo.

Paty Juberias - patyjg.wordpress.com - Página 31

Page 32: Teoria del-diseno-grafico-2

“Una memoria, es un documento que se presentará junto con el trabajo, y en se expone la información

anteriormente recopilada, los bocetos previos al trabajo, y la explicación de todos los elementos que aparezcan en el (los colores utilizados, las formas empleadas, la combinación de los elementos, etc)”

Paty Juberias - patyjg.wordpress.com - Página 32

Page 33: Teoria del-diseno-grafico-2

5. Revisión final con el cliente, segunda fase de diseño y memoria de intenciones

Con toda esta parte del trabajo terminado, será conveniente una última revisión con el cliente, antes de la entrega del trabajo, para que observe su evolución, y de su opinión antes de que el proyecto este concluido.

Siempre que el cliente esté de acuerdo con el trabajo visto hasta el momento, se continuará con la fase del diseño propiamente dicho y con la memoria que antes se comentó.

En este caso atendiendo a las intenciones del trabajo, es decir, el “porqué” se ha hecho así, se han empleado esos colores, o se ha elegido una posición u otra.

Paty Juberias - patyjg.wordpress.com - Página 33

Page 34: Teoria del-diseno-grafico-2

6. Arte final del trabajo y conclusiones en la memoria

El arte final del trabajo consiste en prepararlo para la impresión (si esa va a ser su finalidad), o en un CD de soporte informático (si se requiere el archivo original para trabajar con el).

Si el trabajo se trata, por ejemplo de un cartel o un poster, generalmente este se montará sobre una superficie rígida para ser presentado al cliente o si se trata de una aplicación o de una serie de archivos presentados en un CD, sería conveniente diseñar para este una portada y una etiqueta interior para identificarlo.

De la memoria que se está elaborando a la par que el trabajo, se introducirán las conclusiones al trabajo y cualquier información anexa al trabajo que hayamos usado para su realización.

Paty Juberias - patyjg.wordpress.com - Página 34

Page 35: Teoria del-diseno-grafico-2

::Creado por::

Contenido - Patricia JuberiasImágenes – Algunas imágenes han sido tomadas de Internet para ejemplificar los contenidos y son propiedad de sus respectivos autoresCitas – Diversos autores

:: Fecha::

2003

Paty Juberias - patyjg.wordpress.com - Página 35