Fundamentos del diseĂąo
Carlos MartĂnez
Índice 1. Introducción lenguaje visual y diseño gráfico..................................................................................................... 4 2. Formas geométricas................................................................................................................................................ 8 3. Formas y comunicación......................................................................................................................................... 10 4. Imagen y mensaje.................................................................................................................................................... 11 5. Módulos y pictogramas ......................................................................................................................................... 14 6. Escalas....................................................................................................................................................................... 18 7. Gestalt. Pautas de organización de la percepción............................................................................................... 19 8. Gestalt: Figura y fondo........................................................................................................................................... 23
1. Introducción lenguaje visual y diseño gráfico ¿Qué es el Diseñ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.
El Lenguaje Visual
El diseño es práctico. Es 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.
Elementos del Diseño 1. Elementos Conceptuales
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.
4
2. Elementos Visuales 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.
LA FORMA Los elementos conceptuales, como el punto, la línea y el plano, cuando son visibles se convierten en forma. CLASIFICACIÓ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. FORMAS POSITIVAS Y NEGATIVAS 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. 5
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.
LA MEDIDA: TAMAÑO Y PROPORCIONES 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.
6
LA FIGURA HUMANA COMO REFERENCIA DE PROPORCIONES 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.
7
2. Formas geomĂŠtricas Manuscritas
accidentales
8
Orgánicas
Geométricas
9
3. Formas y comunicaciรณn
HOMBRE
MUJER
EMBARAZO
HIJO
PARTO
FAMILIA
VIUDA 10
4. Imagen y mensaje
MonotonĂa
Mensaje denotativo: lluvia
Carisma Mensaje denotativo: anillos 11
Vulnerable
Desesperanza
Mensaje denotativo: niĂąo
Mensaje denotativo: desierto
Mensaje denotativo: anciano
Olvido
12
Pacifismo
Mensaje denotativo: paloma
Libertad
Mensaje denotativo: playa
13
5. Módulos y pictogramas
Ejemplos de pictogramas geométricos y orgánicos
14
15
Tras barajar varios oficios de distinto desarrollo me decanté por dos que se basasen en el esfuerzo físico por ser más expresivo: soldado y bombero. El diseño se basa en una mezcla entre los pictograma utilizados en las olimpiadas de Munich en 1972 (por lo eficaz que me parece el resultado expresivo) y los de Barcelona de 1992 (por el acabado orgánico en su diseño). A la hora de bocetar tenía muy claro hacia donde quería que fuesen, trazos muy claros y suaves a la vez que diesen un acabado atractivo. Al querer hacer un nivel de detalle alto he tenido que utilizar contornos blancos para poder distinguir entre piezas, pese a no tenerlo dentro de mi idea principal
16
Olimpiadas
Al desarrollar un pictograma basado en un deporte paralímpico, escogí el baloncesto sobre silla de ruedas, ya que es uno de los deportes, dentro de esta modalidad, más destacados. Basándome en los pictogramas de Pekín 2008.
Negativo
positivo
17
6. Escalas
18
7. Gestalt. Pautas de organización de la percepción _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. _Fenómeno de cierre. Si una figura está incompleta, el perceptor la completa en su mente.
19
CONCEPTO DE FIGURA Y FONDO 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.
Ejemplos de “Figura y Fondo” en Identidad Corporativa
20
LA GESTALT INCONSCIENTE: PERCEPCIÓN SUBLIMINAL Los conceptos de figura y fondo, en situaciones reales, no son tan simples. A una de las figuras se le presta la mayor atención y es percibida de forma consciente. Pero el fondo se compone de un número indefinido de figuras secundarias, de las cuales no estamos conscientemente al tanto, pero que penetran en nuestro sistema a través de los llamados “canales colaterales”. A estos estímulos se les denomina subliminales. Los mensajes subliminales, son aquellos que penetran en nuestro cerebro sin que nos percatemos conscientemente de que ésto sucede. 21
Anuncio
Figura y fondo
Figura y fondo
22
8. Gestalt: Figura y fondo
Noma Bar Es un diseñador, ilustrador, artista gráfico, etc… israelí afincado en Londres que ha ido perfeccionando un personal y característico estilo basado en el espacio negativo hasta conseguir una depuradísima y muy reconocible obra gráfica. Su perfeccionamiento del doble sentido visual lo ha llevado a escribir libros y a ser incluido en todo tipo de recopilaciones sobre diseño, libros pedagógicos, lecciones en escuelas sobre fondo y forma, etc.
23
Cartel inspirado en la tĂŠcnica de Noma Bar
24
Portada pelĂcula
25
26