Fundamentos del diseĂąo Vol. I
Fundamentos del diseĂąo
1
2
Juana Lopez Oviedo
Índice Introducción Lenguaje Visual y Diseño Gráfico ........................ 4-5 Formas geométricas ................................................................. 6-8 Formas y comunicación ............................................................ 9 Imagen y mensaje ..................................................................... 10-11 Módulos y pictogramas ............................................................. 12-20 Las Escalas .............................................................................. 21-24 Gestalt: Pautas de organización de la percepción ................... 25-27 Gestalt: Figura y Fondo ............................................................ 28-31
Fundamentos del diseño
3
Lenguaje Visual y Diseño Gráfico ¿Qué es el Diseño?
Elementos del 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.
4
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.
Juana Lopez Oviedo
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.
Fundamentos del diseño
5
FORMAS GEOMÉTRICAS
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. Cuadrado → Un cuadrado es más estable en sensación que un círculo, por que es más solido y la sensación de gravedad en la zona de apoyo. La línea horizontal es más estable. Triángulo → más estable que el cuadrado ya que tiene más dinamismo, por el peso de la gravedad en la base.
Geométricas
b) Orgánicas, rodeadas por curvas libres que sugieren fluidez. Más relativo a la naturaleza, menos meditado. 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. Ámbito más creativo y libertad de expresíon. f) Accidentales, obtenidas accidentalmente. Carácter de cercania mediante las acciones cuotidianas.
6
Juana Lopez Oviedo
Accidentales
Manuscritas
OrgĂĄnicas
Fundamentos del diseĂąo
7
TRABAJO PELÍCULA
He intentado recreaer esa sensación de angustia y de supervivencia mendiantes estas formas geométricas. He usado unos círculos de colores neutro con diferentes opacidades para recrear a los enemigos.
8
Para el personaje principal he utilizado octágono y representar la empresa que le ha utilizado de experimento. Esta en modo repetición para recrear movimiento, en este caso de huida y con diferentes opacidades.
Juana Lopez Oviedo
FORMAS Y COMUNICACIÓN La comunicación es un proceso, no debe entenderse como algo estático que se agota únicamente en el mensa en sí. El proposito de la comunicación es transmitir estímulos, en otras palabras, acciones que tienden a producir una reacción. lo.
Este es un ejercicio de ejemp-
_Tomando como punto de partida un ejemplo de “simbología familiar” del Neolítico de “Hombre” y “Mujer”(basado en formas geométricas). El alumno completará la secuencia familiar, basándose en las formas ya dadas y sin perder coherencia en la representación. La línea familiar continúa en: Nacimiento/Familia+1 hijo/Viuda/ Huérfano de madre.
´
Fundamentos del diseño
9
IMAGEN Y MENSAJE
Lenguaje Denotativo El lenguaje denotativo es el lenguaje objetivo, acorde con la realidad. Esta forma de expresión se utiliza para decir las cosas tal como son o se presentan. Su objetivo es comunicar con toda claridad, por lo que el lenguaje denotativo es usado, con el ánimo de ser entendido por los oyentes, sin utilizar ningún tipo de simbología.
Lenguaje Connotativo El lenguaje connotativo es aquel que se emplea en forma simbólica o figurada y no sólo comunica información sino sensaciones y sentimientos. Generalmente es utilizado en el lenguaje cotidiano o coloquial y en los textos literarios. Aqui tenemos estos ejemplos.
10
Juana Lopez Oviedo
Fundamentos del diseĂąo
11
MODULOS Y PICTOGRAMAS Formas positivas y negativas
Los pictogramas
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.
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.
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.
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.
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.
12
Juana Lopez Oviedo
Fundamentos del diseĂąo
13
El conjunto de pictogramas utilizados en los Juegos de Barcelona’92 supusieron una evolución cualitativa respecto a los que se utilizaron en las Olimpiadas anteriores, las cuales habían seguido el estilo originado en Múnich’72 de manos del diseñador Otl Aicher.
14
En el caso de Barcelona, los pictogramas fueron elaborados a partir del logotipo creado por Josep Maria Trias, lo que significó un cambio sustancial respecto a los pictogramas anteriores ya que se imponía un estilo basado en el dibujo del cuerpo humano a partir de tres partes únicas diferenciadas: cabeza, brazos y piernas.
Juana Lopez Oviedo
Fundamentos del diseĂąo
15
Denominados como “la belleza de los caracteres chinos”, los pictogramas de los JJ.OO de Pekín 2008 integran el encanto gráfico de las inscripciones en hueso y objetos de bronce de la antigua China con la simplificación de las trazos modernos, haciéndolos reconocibles y fáciles de recordar y comprender.
16
Combinan además el agudo contraste entre el blanco y el negro con las tradicionales formas artísticas chinas. Los pictogramas poseen un distintivo caracter de movimiento, gracia estética y ricas connotaciones culturales, lo que les dota de harmonía y una unidad de forma y concepto.
Juana Lopez Oviedo
Fundamentos del diseĂąo
17
TRABAJO PICTOGRAMA PARALÍMPICO A partir de estas grandes revoluciones, hemos creado nuestro propio pictograma paralimpico.
18
Después de elegir un tipo de pictograma olímpico, el Goalball. He elegido un deporte paralimpico e intentar recrear al estilo de Josep Trias de Barcelona ‘92.
Juana Lopez Oviedo
TRABAJO PICTOGRAMAS DE PROFESIONES Hemos creado dos pictogramas de estilo libre, dónde tiene que resaltar el objeto que utilizan para ser destacados. Me he basado en estas fotos para la estética de los pictogramas.
He utilizado una estructura figurativa que se parezca a la manuscrita, he querido hacer unos pictogramas con líneas sueltas, sin resaltar a la figura humana y dar importancia al objeto que hacen destacar a estas dos profesiones. El primer pictograma es una bailarina donde he querido destacar esa pose tan caraterística y sobre todo el tutú. El segundo pictograma es un guitarrista, lo he hecho en una pose básica y resaltando la guitarra.
Fundamentos del diseño
19
20
Juana Lopez Oviedo
ESCALAS: 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.
Fundamentos del diseño
21
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.
22
Juana Lopez Oviedo
Fundamentos del diseĂąo
23
TRABAJO DE ESCALAS
24
Juana Lopez Oviedo
GESTALT: PAUTAS DE ORGANIZACIÓN DE LA PERCEPCIÓN La Psicología Gestalt fue iniciada por Max Wertheimer en la Universidad de Frankfurt en 1912.
_Semejanza. La percepción agrupa las figuras por similitud (tanto de forma como de color)
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.
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.
Fundamentos del diseño
25
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.
Ejemplos:
26
Juana Lopez Oviedo
TRABAJO DE SEMEJANZA
Fundamentos del diseño
27
GESTALT: FIGURA Y FONDO La percepción puede tener dos niveles visuales: figura y fondo.
LA GESTALT INCONSCIENTE: PERCEPCIÓN SUBLIMINAL
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.
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.
Ejemplos de “Figura y Fondo” en Identidad Corporativa
28
Juana Lopez Oviedo
NOMA BAR Noma Bar es un israelí, nacido en el El término también se refiere a 73 y afincado en Londres desde 2001. cualquier tema que evoca sentimientos Es diseñador, ilustrador, artista gráfico. de inquietud e incomodidad. 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. Las imágenes no deben ser obvias para el lector. Su trabajo es tan simple, y sin embargo tan inteligente que impresiona. En sus últimos trabajo usa el espacio negativo que se basa en el espacio que rodea al sujeto para darle forma y significado.
Fundamentos del diseño
29
TRABAJO FIGURA Y FONDO
30
Juana Lopez Oviedo
He utilizado la reina de las piezas de ajedrez ya que al copiarlas en el medio me daba la forma de las tumbas de los faraones. A la pieza le he quitado el círculo de arriba y le he puesto un brazo y un bastón, representando a los protectores de los reyes egipcios, cuando estos mueren. Y para resaltar un poco más y que sea más fácil de diferencias figura fondo, he recreado una máscara conmemorativas de estos reyes y destacando como se perfilaban los ojos.
Fundamentos del diseño
31
«Arte visual es evocar un sentimiento experimentado y luego por medio de líneas, movimientos, sonidos, colores o palabras transmitirlo a los demás». León Tolstoi
Fundamentos del diseño 32
Juana Lopez Oviedo