Fundamentos del Diseño Vol.1

Fundamentos del Diseño

Vol. 1

Inés Cordovés 1

2

Índice 1. Introducción........................................................................4 1.1 Lenguaje visual y diseño gráfico............................................4 1.2 Elementos del Diseño.................................................................4 2. La forma..............................................................................5 2.1 Clasificación de formas..............................................................5 3. Formas de comunicación...................................................8 4. Imagen y mensaje.............................................................10 5. Módulos y pictogramas...................................................13 6. Las escalas.........................................................................26 7. Gestalt...............................................................................27 7.1Pautas de organización y de la percepción.......................27 7.2Figura y fondo...............................................................................28 7.3Noma Bar........................................................................................30 https://issuu.com/ines.cordoves

3

1. INTRODUCCIÓN 1.1 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

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

1.2 Elementos del Diseño 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

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.

2. La Forma

Los elementos conceptuales, como el punto, la línea y el plano, cuando son visibles se convierten en forma.

2.1 Clasificación de formas

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.

5

Formas geomĂŠtricas

Formas manuscritas

Formas accidentales

Formas orgĂĄnicas

6

Creación de cartel de película a través de formas geométricas

7

Formas positivas y negtivas 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.

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.

8

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.

3. Formas de comunicación

En el neolítico utilizaban ciertos dibujos, que eran símbolos para transmitir ideas, en este caso, aquí se presentan aquellos que significaban hombre, mujer y procreación respectivamente.

9

A partir de esta simbología, tendriamos que crear una nueva siguiendo el mismo patrón, las cuales significasen el embarazo, el nacimiento, la familia con un hijo, la viudez y un huérfano de madre.

Embarazo

Nacimiento

Familia con un hijo

Viudez

Huérfano de madre 10

4. Imagen y mensaje A partir de unas fotografĂ­as propuestas, el trabajo consistia en decir el significado connotativo y denotativo de cada imagen, sabiendo que el significado denotativo es lo que tu ves directamente en la imagen y el connotativo lo que sientes al observarla.

1.

Soledad Significado denotativo: lluvia, agua.

Significado connotativo: soledad, tristeza, desamparo.

11

12

13

5. Módulos y pictogramas Un pictograma es un signo icónico dibujado y no lingüístico que representa figurativamente, de forma más o menos realista, un objeto real o significado, con su nombre se suelen denominar los signos de los sistemas no alfabéticos basados en dibujos significativos.

Otl Aicher

Fue un diseñador gráfico y tipográfico alemán, donde en el mundo de los pictogramas destaca por sus diseños para los Juegos Olímpicos que se celebraron en la ciudad de Múnich en el 1972, los cuales se basaban en formas geométricas para representar la figura humana así como el deporte que se deseaba exponer.

14

Josep Maria Trias

Al igual que Aicher, también fue un diseñador el cual creó los pictogramas de los Juegos Olímpicos que se realizaron en Barcelona el año 1992, la forma de los cuales es una forma geométrica basada en la caligrafía japonesa.

A partir de estos dos ejemplos, debíamos escoger un estilo para crear nuestro propio pictograma pero que en este caso representara con claridad una modalidad de deporte paralímpico.

Aquí se muestra la imagen de referencia escogida para realizar el susodicho pictograma. Modalidad: esquí

15

El diseñador elegido fue Ottl Aicher con sus pictogramas orgánicos, y la imagen que se eligió como inspiración es la que aquí se va a mostrar.

Aquí se presenta la propuesta para el pictograma de deporte paralímpico.

Original

Negativo

16

Siguiendo la temática de los pictogramas, en este caso la tarea era crear dos pictogramas que representasen 2 profesiones y hacerlos de tal forma que su reducción a 2x2cm no tuviese ninguna repercusión en la imagen.

Para la ocasión, opté por la estética de los pictogramas geométricos de Aicher una vez más.

La primera propuesta de pictograma representa a un pintor con su paso a negativo.

17

En esta segunda propuesta se puede observar un camarero con su respectivo paso a negativo.

A continuaci贸n se muestra el paso de ambas profesiones a escala de 2x2cm, respetando su respectivo paso a negativo, en su momento de reducci贸n no sufri贸 ninguna modificaci贸n.

18

​​

PICTOGRAMAS Inés Cordovés

19

1. TIPOS DE PICTOGRAMAS Para comenzar lo que es en sí la explicación de los tipos de pictogramas que hay, primero de todo, me parece importante explicar qué es un pictograma y eliminar el margen de duda que pueda haber. Un pictograma es un dibujo no lingüístico que a través de su forma pretende representar figuradamente de forma más o menos realista un objeto real; por ejemplo, cualquier ‘’personajillo’’ que veamos iluminado en un semáforo el cual nos indica si podemos cruzar o no, es un pictograma, las figuras que representan al hombre y la mujer las cuales nos indican cuál es nuestro baño correspondiente también son pictogramas, incluso las historietas, comics, etc. también lo son. Cabe explicar que podemos encontrar dos tipos de pictogramas según su forma, los cuales pueden ser geométricos u orgánicos dependiendo de cómo se hayan realizado.

1.1 PICTOGRAMAS GEOMÉTRICOS Los pictogramas geométricos son aquellos que siguen unas proporciones exactas, formas precisas y se basan en líneas rectas para realizar el dibujo, un ejemplo de los pictogramas geométricos que podemos encontrar a día de hoy son aquellos creados por Aicher para las Olimpiadas celebradas en la ciudad de Munich en 1972, donde los dibujos son proporcionados y expresan de forma precisa cada deporte.

Pictogramas de Aicher 20

MĂĄs ejemplos de pictogramas geomĂŠtricos.

21

22

1.2 PICTOGRAMAS ORGÁNICOS Los pictogramas orgánicos son aquellos que no siguen una forma precisa, no tienen por qué presentar líneas rectas rectas ni tener una perfecta proporción; como ejemplo tenemos el trabajo que realizó Josep Maria Trias para las Olimpiadas realizadas en Barcelona en el año 1992.

Más ejemplos de pictogramas orgánicos.

23

24

El trabajo a realizar era la elaboración de unos pictogramas que representasen con la mayor precisión posible 2 profesiones a elegir, así que aquí presento mis propuestas.

La estructura figurativa que decidí seguir en estos pictogramas fue el estilo de los pictogramas geométricos, quise inspirarme en los pictogramas creados por Aicher, ya que considero que son los que representan con mayor precisión la realidad la cual se intenta mostrar, haciéndolos así mucho más fáciles de entender.

El proceso de selección se basó en ciertos criterios que se impusieron, como la elección de los complementos que estas figuras deberían tener para así poder expresar con claridad la profesión que se quiere mostrar así como los materiales que constarían a su alrededor para que la profesión fuese todavía más reconocible. Así pues, elegí aquellas que tuviesen los objetos más representativos, como por ejemplo el camarero con su bandeja llena de bebidas y su llamativo y elegante traje, un pintor con su pincel y su paleta de colores… Otras ideas eran hacer otras profesiones como aviador con las características gafas Ray-Ban y la chaqueta bomber, un director de orquesta con su batuta y su atril e incluso un programador demostrando sus ansias por acabar un trabajo que no funciona a causa de errores en el código, etc.

25

Comencé a investigar, no solo los pictogramas en general, sino los pictogramas de esas profesiones que había elegido para así tener más o menos una idea inicial de cómo podría realizar los míos. Después de investigar todas las profesiones que tenía en mente representar, me quedé con la elección del camarero y el pintor.

A la hora de representar al camarero pensé ¿Qué tipo de camarero me gustaría hacer? Si hago una simple figura con una bandeja si que se asemeja a un camarero, pero notas que le falta algo, y ese algo no es nada más que ese distintivo de camarero elegante de esos restaurantes a los que irías para una ocasión muy especial, aquellos en los que sabes que ‘’una vez al año, tirar la casa por la ventana no hace daño’’ así que por supuesto, un traje elegante y formal con una pajarita no podían faltar para representar a este distintivo camarero. Y así se realizó, el resultado final fue el esperado, la inversión de colores a negativo quedó perfecta y la reducción a los 2cm mostró a la perfección todos los detalles que en la figura constaban, así que en conclusión, considero que es pictograma quedó 10/10.

Para realizar el pictograma del pintor fue incluso más fácil que crear el pictograma del camarero, ya que simplemente copié el cuerpo que le hice al camarero y solamente tenía que cambiar las herramientas que estaban en sus manos, así que simplemente cambié la bandeja por la paleta y en la mano vacía le coloqué un pincel.

Tuve bastante problema para crear tanto el pincel como la figura inicial en sí, ya que para ahorrarme problemas decidí crearlo todo directamente en la escala en la que debíamos dejarlos, y al ser tan pequeño la línea de trazo era muy gruesa aunque estuviera solo con un punto de grosor. Después de hacerlo en tamaño pequeño simplemente tuve que adaptarlo a un formato más grande para que se pudiese ver mejor y de la manera que se puede ver quedó, simplemente después se imprimió y perfectamente se mostraron todos los detalles tanto en la versión grande como en la pequeña.

26

6. Las escalas Se plantea hacer un collage donde el tema es La Libertad incluyéndonos a nosotros dentro de un entorno de “escalas imposibles”.

27

7. Gestalt 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.

Corriente psicológica que empieza a analizar cómo percibimos las cosas que nos rodean, no observamos el caos sino que tenemos tendencia a ordenarlo de una determinada manera.

7.1 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.

28

_ Fenรณmeno de cierre. Si una figura estรก incompleta, el perceptor la completa en su mente.

Anuncio publicitario con pautas Gestalt

CAN YOU RELY ON EVERY WHITE POWDER? NOT ALL OF THEM ARE

HD WE MAKE THE DIFFERENCE

29

7.2 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.

30

31

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.

Noma Bar

Es un Diseñador Gráfico, ilustrador y artista israelí que ha desarrollado un estilo minimalista, personal y característico hasta conseguir una obra gráfica refinada y con identidad propia.

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.

32

Ilustraciรณn personal al estilo Noma Bar

33

34

Fundamentos del DiseĂąo