Libro fundamentos del Diseño vol. 2

Fundamentos

DISENON

del

Ines cordoves vol.2

1

2

INDICE 1. C o l o r . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 1.1 Círculo cromático. Complementarios, análogos, tríada ......5 1.2 Colores Primarios, sistemas de color (aditivo y sustrativo).

RGB y CMYK..............................................................................................12 1.3 Psicología y Simbolismo del color..............................................17

2. Composicion........................................45 2.1 Tipos de encuadre...........................................................................45 2.2 Tipos de composición....................................................................54

3. TEXTURAS ..........................................63 3.1 Texturas de connotación.............................................................63 3.2 Texturas en portada de libro......................................................69

4. Tipografia creativa............................71 4.1 Tipogrfia como ilustración..........................................................71

5. volumen.............................................75

3

4

1. color 1.1 Circulo cromatico

5

COMPLEMENTARIOS

6

Los colores opuestos o complementarios son aquellos colores que se encuentran en una posición oponible dentro del círculo cromático. Como hay varios tipos de círculo cromático, la denominación complementario depende en gran medida del modelo empleado RGB, CMYK o tradicional.

Se obtiene, por ejemplo, mediante la contraposición de un primario con un color secundario formado por los otros dos primarios.

7

ANALOGOS

8

Son aquellos que se sitúan en ambos lados de cualquier color en el circulo cromático, también son los colores vecinos del circulo cromático los cuales tienen un color como base, es decir tres colores consecutivos.

Estas combinaciones producen una mezcla armoniosa y natural como por ejemplo, verde que tiene a los análogos amarillo verdoso y azul verdoso.

Se pueden tomar distancias para determinar el color análogo de otro y así obtener efectos o contrastes mas o menos suaves.

9

TRIADA

10

Se eligen tres colores equidistantes en el círculo cromático.

Versiones mas complejas incluyen grupos de cuatro o de cinco colores, igualmente equidistantes entre sí (situados en los vértices de un cuadrado o de un pentágono inscrito en el circulo)

11

1.2 Colores Primarios, sistemas de color. RGB y CMYK

RGB (Sintesis aditiva) RGB es una sigla formada por los términos de la lengua inglesa red (“rojo”), green (“verde”) y blue (“azul”). El concepto suele emplearse para referirse a un modelo cromático que consiste en representar distintos colores a partir de la mezcla de estos tres colores primarios.

Se basa en lo que se conoce como síntesis aditiva de color. Empleando la luminosidad del rojo, el verde y el azul en diferentes proporciones, se produce el resto de los colores.

cmyk (sintesis sustractiva) Cuando hablamos de CMYK nos referimos a un modelo sustractivo, el acrónimo CMYK indica un modelo de colores conocido también como cuadricromía. Los colores a los que se refiere son cian (Cyan), magenta (Magenta), amarillo (Yellow) y negro (Key black). Este sistema es aquello utilizado por las tipografías tradicionales u online y funciona por medio del utilizo de una plancha negra a la que se alinean las planchas cian, magenta y amarillo.

12

portada para la revista alternativa infomag

original cmyk

13

blanco y negro 14

Duotono

15

16

con sangrados, marcas de corte y marcas de registro

1.3 Psicologia y Simbolismo del color.

Connotacion inversa, cambiar el color de frutas

17

Connotacion inversa, cambiar el color de un paisaje

18

19

colores relacionados con los diferentes tipos de sentidos

NEGRO 20

El negro es la percepción visual de máxima oscuridad, debido a la inexistencia de fotorrecepción, por falta total de luz. Se asemeja a la coloración del carbón. En las sociedades occidentales “negro” es utilizado casi siempre con connotaciones negativas. Existen varias razones para ello, pero la más ampliamente aceptada es que la noche a lo largo de la historia ha sido experiencia humana negativa y peligrosa. Otra posible explicación es que las manchas son más visibles sobre un fondo pálido, y contrastan con un concepto cultural de “pureza”.

21

vista

22

Este ejemplo sigue la connotaciĂłn del color negro como algo “negativoâ€?, ya que en este caso que todos vistan de negro simboliza la muerte de un ser querido

23

gusto

24

ÂżQuiĂŠn no ha probado alguna vez el caracterĂ­stico sabor de estas pastillitas negras?

Su sabor amargo hacen de ellas un gran ejemplo que demuestra que puede haber algo que de inmediato contacto con la lengua, te inspira este color.

25

oido

26

Aquí se muestra una foto de un concierto de Slipknot, que es una banda estadounidense de música heavy metal formada en 1995 en Des Moines, Iowa, Estados Unidos.

He incluido esta imagen en sentido auditivo porque este estilo de música inspira este tipo de colores, ya sea por la agresividad musical de sus notas, por los colores que llevan los fans de este estilo o por la agresividad que se muestra en el escenario a la hora de dar un concierto de este tipo de música

27

Tacto

28

El tacto del cuero nuevo, uno de los tactos mĂĄs reconocibles que tenemos a dia de hoy. Este tipo de material es sĂ­mbolo de elegancia, sofisticaciĂłn y exclusividad. Lo asociamos con aquellos elegantes empresarios que van vestidos con un bonito traje y un exclusivo reloj, y como no, vestidos con unos lujosos zapatos de cuero negro.

29

olfato

30

El regaliz negro es el olfato que mĂĄs inspira el color negro por excelencia, su olor y sus matices indiscutibles hacen que esta hucherĂ­a un alimento reconocible cada vez que su aroma entra en nuestras cavidades nasales.

31

azul 32

Azul es el color que se percibe ante la fotorrecepción de una luz cuya longitud de onda mide entre 460 y 482 nm. Se asemeja a la coloración más característica del lapislázuli.

El azul es uno de los cuatro colores psicológicos primarios, junto con el rojo, el amarillo y el verde. Además, es considerado un color frío , junto con el verde y el violeta.

Es un color amable, simpático y que inspira confianza y además se asocia con la fantasía.

33

vista

34

¿Algo más azul que el cielo junto con el océano? Esta imagen tiene aquellos dos elementos naturales más azules que tiene el mundo.

35

gusto

36

Si el paquete de los chicles es de color azul, eso significa que van a picar... ¡Y mucho! Apuesto uno de estos a que a la mínima que su sabor toque tu lengua, ya sabrás de qué color es su envase.

37

oido

38

Esta es una foto del mítico grupo musical “AQUA” ,originalmente llamado Joyspeed, que es un grupo danés de música pop y eurodance, formado en 1989 en Copenhague. El grupo comenzó a tener éxito en Escandinavia con el tema de estilo eurodance Roses are red (1996), aunque el salto al estrellato internacional lo harían con el tema Barbie Girl, por el cual la compañía de juguetes Mattel los demandó por usar el nombre de la muñeca Barbie.

39

tacto

40

Si tuvieses los ojos vendados, el tacto de una tela como esta te harĂ­a imaginarte unos clasicos jeans de color azul desgastados.

41

Olfato

42

El olor de una piscina; ese indiscutible olor a cloro que te transporta directamente a un dĂ­a de vacaciones de verano con toda la maĂąana y toda la tarde para jugar en el agua.

43

44

2. composicion La composición es la disposición equilibrada de los elementos que se ordenan para expresar sensaciones favorables en un espacio determinado. La distribución de estos elementos debe realizarse en función de una estructura interna que tenga una significación clara o una intención con el mensaje que se quiera transmitir.En una composición tenemos que tener en cuenta tanto los espacios llenos que ocupan las formas como los vacíos.

2.1 Tipos de encuadre El encuadre fotográfico consiste en la captura de la realidad exterior eligiendo y organizando los elementos que formarán parte de la composición del contenido de la imagen, es decir, aquello que el fotógrafo sitúa dentro de la fotografía y la porción de escena que elige captar. Ante un mismo motivo cada fotógrafo puede elegir hacer una fotografía diferente captando unos u otros elementos.

En esta selección de lo que sitúa dentro de la fotografía y cómo se hace, aunque ninguna es norma estricta, existen algunas directrices que se pueden tener en cuenta, a saber: -Suele existir un motivo y un fondo.Para resaltar el motivo el fotógrafo debe llenar el encuadre con él, hacer que ese sea el objeto principal en la escena; de este modo excluiremos del encuadre otros objetos que puedan distraer la atención del espectado.

-Es importante en el encuadre dejar un cierto margen alrededor del motivo para no atosigar la imagen. Este margen actuará como marco del motivo, y deberá ser normalmente igual por todos los lados de la fotografía.

-La línea del horizonte suele ser una referencia visual clave para el ser humano.

Esta debe mantenerse recta, horizontal. La percepción de una línea inclinada suele llamar la atención y, si no está justificada, da al espectador la sensación de que los objetos se van a caer hacia ese lado, lo cual no suele producir buenas sensaciones.

-Es importante considerar la profundidad de campo, pues permite jugar con la tercera dimensión del espacio, dando oportunidad de añadir dramatismo a la toma.

45

tipos de planos Gran plano general (G.P.G.)

46

La persona sรณlo ocupa tres cuartos o la mitad de la pantalla. No hay elementos que destaquen y el espacio es enorme.

47

Plano general (P.G.)

Recoge todo el cuerpo y queda un pequeĂąo margen en la parte superior e inferior de la pantalla.

48

Plano tres cuartos o plano americano.

Desde la parte superior de la cabeza hasta las rodillas. Sirve para captar la interpretaciรณn o expresiรณn del cuerpo.

49

Plano normal o plano medio (P.N.)

Desde la parte superior de la cabeza a la cintura. El p.m. corto recoge hasta la mitad del torso.

50

Primer plano (P.P.)

Desde la parte superior de la cabeza a la parte superior del torso. Un p.p. grande recoge la cara del personaje con aire a los lados. Representa una imagen elemental o la expresiรณn de la cara.

51

Primerisimo primer plano o plano de detalle (P.P.P.)

La cara del personaje cubre la pantalla entera.

52

La angulacion Es el รกngulo que forma el punto de vista del espectador ante el objeto.

Puede ser:

Contrapicado: (de abajo hacia arriba), ofrece la sensaciรณn de superioridad sobre el objeto.

Picado: (punto de vista de arriba abajo), da sensaciรณn de inferioridad, realce, solemnidad.

Normal: (puntos de vista y objeto en el mismo plano) superior del torso.

53

2.1 Tipos de composicion EL EQUILIBRIO Tenemos tendencia a buscar los ejes en los que descansa la composición, y en ellos la estabilidad o equilibrio de la misma. Lo opuesto crea inestabilidad.

La referencia horizontal: necesitamos ver que los objetos o partes que com-

ponen una composición están de alguna forma apoyados. La parte inferior se verá mejo que la superior, ya que será donde se constituya la base.

Zonas de preferencia visual: Preferencia por el ángulo inferior izquierdo: los hábitos de lectura occidentales han motivado que la atención se centre más en la parte izquierda y en concreto en la inferior izquierda.

Efecto de relajación-tensión: una composición equilibrada, simétrica o predecible produce un efecto de relajación visual; por oposición, la ausencia de ese órden visual compositivo, genera tensión en la apreciación del receptor.

Composicion estatica

54

Composicion estatica

Composicion Dinamica

55

anuncios propios

56

Composicion estatica

Composicion estatica con lineas compositivas

57

Composicion dinamica

58

Composicion dinamica con lineas compositivas

59

Composiciones simetricas Una composición es simétrica cuando el peso visual de los elementos está repartido de modo equivalente con respecto a uno de los ejes principales, vertical u horizontal. El tipo más usado es el de la simetría bilateral según el eje vertical. También existe una simetría con respecto a un eje diagonal. Por lo general la simetría implica estatismo.

60

Composiciones asimetricas Una composición es asimétrica cuando el peso visual de los elementos de la imagen se reparte de modo desigual con respecto a uno de los ejes principales, vertical u horizontal. La asimetría respecto al eje horizonal o a una diagonal es lo más frecuente. La asimetría al romper la formalidad estática y convencional del centro, representa la alternativa más inmediata de crear un efecto dinámico en la composición.

61

62

3. Texturas 3.1 texturas con connotacion El trabajo a realizar en este caso son 5 enmarcaciones en formato “Polaroid”, hacer fotos utilizando un pequeño marco que nosotros hemos creado siguiendo las medidas exactas de este tipo de fotografía para luego ponerle a cada fotografía un nombre que concordase con su contenido.

Purple tree

63

Nature never die

64

Relax in the city

65

Summer is coming

66

Yellow feelings

67

3.2. texturas en portada de libro La finalidad de este ejercicio era hacer una portada para el mítico libro “Guerra y paz” de León Tolstói. La cual teníamos que realizar a partir de relieves sobre un trozo de cartón.

En mi propuesta he querido dar una sensación de contraposición, de elementos inconexos con un cierto tono de ironía.

La parte de querra se ve con un relieve disparejo, muchos agujeros realizados encima del cartón para dar la sensación de caos, violencia, desorden; mientras que en la parte de paz podemos observar como todos los agujeros que se han realizado en la superficie siguen un orden y una medida estándar.

El primer elemento de esta portada que da a entender la idea de crear una cierta ironía es el hecho de que la parte de paz está cubierta por un color rojo sangre que hace que destaque por encima de la de guerra, que de un aspecto más agresivo, cuando en teoría la parte de paz debería ser serena y relajada, y con ese color rojo se consigue justo lo contrario, ya que el color rojo es uno de los colores que psicológicamente genera más nerviosismo, mientras que la parte de guerra está totalmente sin color respetando el tono natural del cartón.

Para poder crear esta imagen de antítesis, también me he ayudado del gran abanico de tipografías de las que disponemos los diseñadores gráficos para poder trabajar; es por ello que en la imagen se puede observar como “GUERRA”está escrito con letras elegantes y serenas mientras que “PAZ”está escrito con letras parecidas a las que harían los artistas callejeros en algunas de sus obras, esta combinación junto con los colores ha aportado atractivo y originalidad a la composición.

Para acabar de romper con el estilo de esa portada clásica que todo el mundo conoce de este conocido libro, he optado por escribir el nombre del autor con letras más bien orgánicas, dando la impresión de que esta composición está creada para ser muy contemporánea, algo que haría el original artista Jean Michel Basquiat.

Así pues, esta portada da un giro radical a la portada original llevándola al terreno contemporáneo, original, divertido y orgánico a la vez.

68

GUERRA

Leรณn Tolstรณi 69

70

4. tipografia creativa 4.1 tipografia como ilustracion En este caso, la propuesta es realizar el diseño de 3 emoticonos que tuviesen un mismo estilo haciendo uso de caracteres tipográficos y los cuales fuesen perfectamente legibles en un tamaño adecuado para un “smartphone”.

Creado a partir de la tipografía “Alex Brush”, usando las letras O mayúscula, x minúscula y p minúscula con su reducción a 1 cm para smartphone.

71

Creado a partir de la tipografía “Alex Brush”, usando las letras O mayúscula, p minúscula y un paréntesis con su respectiva reducción a 1 cm para smartphone.

72

Creado a partir de la tipografía “Alex Brush”, usando las letras O mayúscula, v minúscula y un paréntesis con su respectiva reducción a 1 cm para smartphone.

73

74

5. volumen Creación de un montaje tangible utilizando como material una cartulina blanca sobre un soporte rígido. La propuesta pasa por utilizar diferentes técnicas en donde el alumno trabaje con superposición de diferentes capas de montaje, volumen y proyección de sombra.

75

vol.2

76

Fundamentos del diseno