1
1 2 3 4 5 6 7 8
5 6
ÑO
Y
SE DI
AL U S I
I
O IC
F RÁ
G
EV
EN
L N:
Ó
CI C U
OD
R NT
I
F
O
N N
CIÓ A IC
N
AS
M OR
F
S
A RIC
T MÉ
E SG
A
M OR
AJ U G
MU O YC
D
LAS
A
ESC S A L
IMA GEN MÓ
DU
GE
STA
LO S
GE
LT:
YM
AJE
YP
ICT OG
PA UT AS
ST AL T:
I
ENS
RA
DE
FIG
OR
C
MA
S
GA N
IZA CIÓ
UR
ND
A
Y
FO
EL
ND
A
O
PE
RC
EP
CIÓ
N
E
1 4
I N T R O D U CC I Ó N : L E N G UA J E V I S UA L Y D I S E Ñ O G R Á F I CO 5
I N T R O D
¿ Q U É
E S
E L
D I S E Ñ O ?
El diseño es un proceso de creación visual con un propósito. A diferencia de la pintura y de la escultura, que son la realización de las visiones personales y los sueños de un artista, el diseño cubre exigencias prácticas. Una unidad de diseño gráfico debe transportar un mensaje prefijado. Un buen diseño es la mejor expresión visual de la esencia de “algo”, ya sea esto un mensaje o un producto. Por tanto, la creación en el diseño no debe ser sólo estética sino también funcional.
E L
L E N G U A J E
V I S U A L
El diseño es práctico. El diseñador debe estar preparado para ello y dominar el lenguaje visual. Hay numerosas formas de interpretar el lenguaje visual. A diferencia del lenguaje escrito o hablado, cuyas leyes gramaticales están establecidas, el lenguaje visual se fundamenta en una teoría que pueden variar según el enfoque.
E L E M E N T O S E L E M E N T O S
D E L
D I S E Ñ O
C O N C E P T U A L E S
a) Punto: Un punto indica posición. No tiene largo ni ancho. No ocupa una zona del espacio. Es el principio y el fin de una línea, y es donde dos líneas se encuentran o se cruzan. b) Línea: Cuando un punto se mueve, su recorrido se transforma en una línea. La línea tiene largo, pero no ancho. Tiene posición y dirección. Está limitada por puntos. Forma los bordes de un plano. c) Plano: El recorrido de una línea en movimiento se convierte en un plano. Un plano tiene largo y ancho, pero no grosor. Tiene posición y dirección. Está limitado por líneas. Define los límites extremos de un volumen. d) Volumen: El recorrido de un plano en movimiento se convierte en un volumen. Tiene una posición en el espacio y está limitado por planos.
6
U C C I Ó N
E L E M E N T O S
V I S U A L E S
Cuando dibujamos un objeto en un papel, empleamos una línea visible para representar una línea conceptual. La línea visible tiene no solo largo sino también ancho. Su color y su textura quedan determinados por los materiales que usamos y por la forma en que los usamos. Así, cuando los elementos conceptuales se hacen visibles, tienen forma, medida, color y textura. a) Forma. Todo lo que pueda ser visto posee una forma que aporta la identificación principal en nuestra percepción. b) Medida. Todas las formas tienen un tamaño. El tamaño es relativo si lo describimos en términos de magnitud y de pequeñez, pero asimismo es físicamente mensurable. c) Color. Una forma se distingue de sus cercanas por medio del color. El color se utiliza en su sentido más amplio, comprendiendo no sólo los del espectro solar sino asimismo los neutros (blanco, negro, los grises intermedios) y asimismo sus variaciones tonales y cromáticas. d) Textura. La textura se refiere a las cercanías en la superficie de una forma. Puede ser plana o decorada, suave o rugosa, y puede atraer tanto al sentido del tacto como a la vista.
7
2 8
F O R M A S G E O M É T R I C A S
9
F O R M A S L A
F O R M A
Los elementos conceptuales, como el punto, la línea y el plano, cuando son visibles se convierten en forma. C L A S I F I C A C I Ó N a) Geométricas, construidas matemáticamente b) Orgánicas, rodeadas por curvas libres que sugieren fluidez c) Rectilíneas, limitadas por líneas rectas que no están relacionadas matemáticamente entre sí. d) Irregulares, limitadas por líneas rectas y curvas que no están relaciondas matemáticamente entre sí. e) Manuscritas, creadas a mano alzada. f) Accidentales, obtenidas accidentalmente.
10
G E
O M É T R I C A S F O R M A S
P O S I T I V A S
Y
N E G A T I V A S
A la forma se le ve como ocupante de un espacio, pero también puede ser vista como un espacio en blanco, rodeado de un espacio ocupado. Forma Positiva: Cuando se la percibe como ocupante de un espacio. Forma Negativa: Cuando se la percibe como un espacio en blanco, rodeado por un espacio ocupado. En el diseño en blanco y negro, tendemos a considerar al negro como ocupado y al blanco como vacío. Así, una forma negra es reconocida como positiva y una forma blanca como negativa.
11
F O R M A S
F O R M A S
G E O M É T R I C A S
12
G E
O M É T R I C A S
F O R M A S
O R G Á N I C A S
13
F O R M A S F O R M A S
M A N U S C R I T A S
14
G E
O M É T R I C A S F O R M A S
A C C I D E N T A L E S
15
3 16
F O R M A S Y CO M U N I C AC I Ó N
17
H O M B R E
M U J E R
P R O C R E A C I Ó N
18
U N I D A D F A M I L I A R
FORMAS Y COMUNICACIÓN
E M B A R A Z O
V I U D A
N A C I M I E N T O
H U E R F A N O D E P A D R E
V I U D O
19
4 20
L A S E S C A L A S
21
L A S L A T A M A Ñ O
M E D I D A Y
P R O P O R C I O N E S
Tamaño es un término que refiere a la dimensión, el cuerpo, el grosor, la medida o el espesor de algo. El concepto se vincula a qué tan pequeño o grande resulta un objeto físico. Sin embargo, constituye una cuestión relativa. El tamaño se verá de una forma mayor o menor de lo que realmente es, dependiendo de sus relaciones y comparaciones. A continuación podemos ver ejemplos de los diferentes recursos utilizados por artistas en sus propuestas, en donde el “tamaño” es una cuestión relativa en función de la relación con otros elementos.
22
E S
C A L A S
23
L A S L A F I G U R A H U M A N A C O M O R E F E R E N C I A D E P R O P O R C I O N E S Para mostrar las proporciones de un elemento con una referencia universal, se hace uso de la figura humana como elemento comparativo. De esta forma podemos entender, de una forma visual, si una propuesta es “grande” o “pequeña” por el simple hecho de hacer uso de la figura humana como comparación.
24
E S
C A L A S
25
LAS ESCALAS
LAS ESCALAS
LAS ESCALAS
LAS ESCALAS
LAS ESCALAS
LAS ESCALAS 26
27
5 28
I M AG E N Y M E N S A J E
29
I M A G E N
C O N C E P T O
30
Y
I N T E G R A
M E N S A J E
D O
E N
F O T O G R A F Í A
31
I M A G E N
Y
J E R A R Q U Í A
32
T
M E N S A J E
T I P O G R Á F I C A
33
I M A G E N
Y
P E N S A M I E N T O C O P R O P I A P
34
M E N S A J E
O M P U E S T O P E R S O N A
E N
L A
35
6 36
M Ó D U LO S Y P I C TO G R A M A S
37
M Ó D U L O S O T L
Y
A I C H E R
Otl Aicher, también conocido como Otto Aicher, fue uno de los más importantes e influyentes diseñadores gráficos del S. XX. Entre sus creaciones se cuentan las imágenes corporativas de Braun, Lufthansa, ERCO y de los Juegos Olímpicos de Múnich. Es autor de Sistemas de signos en la comunicación visual, El mundo como proyecto, Analógico y digital entre otros. Los pictogramas de Munich72 establecen un punto sin retorno para la evolución del diseño de la señalización de grandes instalaciones y servicios. Se produce un avance conceptual importante: se sustituye una abstracción simplificada de las posiciones físicas de los atletas (Tokio 1964) por una estructura modular de 3 elementos: cabeza, tronco con los brazos, cintura y piernas, configurando así todas las diversas posiciones del atleta en movimiento.
38
P
P I C T O G R A M A S
39
M Ó D U L O S
40
Y
P
P I C T O G R A M A S
J U E G O S
O L Í M P I C O S
D E
M U N I C H
1 9 7 2
Los Juegos Olímpicos de Múnich 1972, oficialmente conocidos como los XX juegos olímpicos, fue un evento multideportivo internacional, celebrado en Múnich, Alemania Federal, entre el 26 de agosto y el 11 de septiembre de 1972. Participaron 7134 atletas (6075 hombres y 1059 mujeres) de 121 países, compitiendo en 23 deportes y 195 especialidades.
41
M Ó D U L O S J O S E P
M A R I A
Y
T R I A S
Josep Maria Trias nació en Barcelona en 1948. Estudió Bellas Artes en Barcelona y en la Escuela de Artes y Oficios (Llotja). Actualmente retirado y centrado en la pintura, Trias ha dedicado casi toda su vida al diseño gráfico, profesión que ha ejercido durante más de 30 años. Tras concluir sus estudios en Artes y Oficios y Bellas Artes, Josep Maria Trias deja su Barcelona natal y se traslada a París donde trabaja como diseñador. Se marca dos metas, calificadas en principio de inalcanzables: diseñar una imagen de los Juegos Olímpicos y la señalización de un sistema de transporte público. Dos metas que consiguió con amplia repercusión.
42
P
I C T O G R A M A S
43
M Ó D U L O S
44
Y
P
I C T O G R A M A S
J U E G O S
O L Í M P I C O S
D E
B A R C E L O N A
1 9 9 2
Los Juegos Olímpicos de 1992 (oficialmente denominados Juegos de la XXV Olimpiada) se celebraron en Barcelona, España, entre el 25 de julio y el 9 de agosto de 1992, aunque el torneo de fútbol comenzó el 24 de julio. Participaron 9356 atletas (6652 hombres y 2704 mujeres)de 169 países, compitiendo en 28 deportes y 257 especialidades.2 Tras su conclusión se celebraron los IX Juegos Paralímpicos entre los días 3 y 14 de septiembre. Participaron un total de 169 comités nacionales, siendo los segundos Juegos desde Múnich 1972 en los que no se produjo el boicot de ningún país.
45
M Ó D U L O S
R E C R E A C I Ó N D E L P I C T O G R A M A O T L A I C H E R
46
D E
Y
P
P I C T O G R A M A S
P I C T O G R A M A P A R A L Í M P I C O O T L A I C H E R
47
E S T I L O
M Ó D U L O S D I S E Ñ O
D E
P I C T O G R A M A ( M U J E R )
48
D E
U N
Y
O F I C I O
P
P I C T O G R A M A S D I S E Ñ O
D E
P I C T O G R A M A ( H O M B R E )
49
D E
U N
O F I C I O
M Ó D U L O S
50
Y
P
P I C T O G R A M A S
51
7 52
G E S TA LT : PAU TA S PA R A L A O R G A N I Z AC I Ó N D E L A P E R C E P C I Ó N 53
G E S TA LT
Y
La Psicología Gestalt fue iniciada por Max Wertheimer en la Universidad de Frankfurt en 1912. La Teoría Gestalt desafió la creencia de que la organización en la percepción no es una habilidad aprendida, sino que el cerebro organiza espontáneamente el sentido de los datos según pautas simples, el “ver” es un proceso de ordenación.
P A U T A S
D E
O R G A N I Z A C I Ó N P E R C E P C I Ó N
D E
L A
_ Proximidad. Tendemos a crear grupos de aquellos elementos que están más cercanos. En este ejemplo, de forma espontánea, se crean grupos cada dos líneas.
_ Semejanza. La percepción agrupa las figuras por similitud (tanto de forma como de color). En este ejemplo, de forma espontánea, se crean grupos en vertical. Se agrupan las formas que son iguales.
54
L A
A
P E R C E P C I Ă“ N
_ FenĂłmeno de cierre. Si una figura estĂĄ incompleta, el perceptor la completa en su mente.
55
G E S TA LT
Y
L A
Para hacer el anuncio publicitario siguiendo lo el Promarker, que es un rotulador con base de New Para diseĂąar el anuncio he seguido el criterio nuac
56
A
P E R C E P C I Ó N
os cristerios Gestalt he elegido como producto alcohol con doble punta de la marca Winsor & wton. Gestalt Figura y Fondo que explicaré a contición:
57
8 58
G E S TA LT : F I G U R A Y F O N D O
59
G E S TA LT :
F I G
La percepción puede tener dos niveles visuales: figura y fondo. Los elementos que son percibidos con gran claridad forman “la figura”, mientras que el resto del campo visual constituye el “fondo”. El fondo no suele ser percibido en un primer momento, pero cuando lo descubrimos visualmente somos capaces de alternar “figura” y “fondo” y por tanto descubrimos los dos niveles visuales.
60
U R A
Y
F O N D O
E J E M P L O S D E “ F I G U R A Y F O N D O ” I D E N T I D A D C O R P O R A T I V A
61
E N
G E S TA LT :
62
F I G
U R A
Y
F O N D O
63
G E S TA LT :
F I G
Noma Bar es un israelí, nacido en el 73 y afincado en Londres desde 2001. Es diseñador, ilustrador y artista gráfico. Ha desarrollado un estilo minimalista, personal y característico hasta conseguir una obra gráfica refinada y con identidad propia. Noma Bar utiliza una estética pragmática, un sutil sentido del humor al que se añade una paleta de colores básica escogida con precisión. Sus obras suelen contener varios significados, el uso de las formas juegan con nuestra percepción sacándole el máximo partido al espacio negativo utilizando diferentes niveles visuales. Son imágenes extremadamente simples que acostumbran ocultar una o más figuras escondidas en el fondo, figuras que siempre ofrecen el contrapunto que consolida el significado final de cada obra. En ocasiones solo un detalle, un trazo o una letra, pero es rara la pieza que no esconde algún secreto. “Mis imágenes no deben ser obvias para el lector”- ha comentado Noma Bar refiriéndose a sus obras,
64
U R A
Y
F O N D O
65
G E S TA LT :
F I G
H O M E N A J E
A
Para realizar el homenaje a Noma Bar he querido la película “E.T., el extraterrestre”: Una de ellas e silueta de el propio E.T. Las ruedas de la bi
66
U R A
A
N O M A
Y
F O N D O
B A R
o fusionar dos imagenes muy representativas de es la famosa silueta de la bicicleta, y la otra es la icicleta imitan los ojos de el extraterrestre.
67
B I B L I O G R A F Í A
F U E N T E S
D E
I N F O R M A C I Ó N
WIKIPEDIA: “ Juegos Olímpicos de Múnich 1972” https://es.wikipedia.org/wiki/Juegos_Ol%C3%ADmpicos_de_M%C3%BAnich_1972 BRANDEMIA: “Estudiamos a un grande del branding: Otl Aicher” http://www.brandemia.org/un-grande-del-branding-otl-aicher/ GRÀFFICA INFO: “Josep Maria Trias, diseñador del logo de las olimpiadas de Barcelona 92” https://graffica.info/josep-maria-trias/ WIKIPEDIA: “Juegos Olímpicos de Barcelona 1992” https://es.wikipedia.org/wiki/Juegos_Ol%C3%ADmpicos_de_Barcelona_1992 PAULA MASTRA: “Noma Bar, el arte de lo simple” http://www.paulamastra.com/blog/2012/10/31/norma-bar-el-arte-de-lo-simple/
68
69