Libro de Fundamentos del diseño

LIBRO DE FUNDAMENTOS DEL DISEÑO

Paula Salom Colombás 1º Diseño gráfico

INDICE 1. Introducción: Lenguaje Visual y Diseño Gráfico 2. Las formas y sus clasificación 3. Formas y comunicación 4. Las Escalas 5. Imagen y mensaje 6. Módulos y pictogramas 7. Gestalt: Pautas de organización de la percepción 8. Gestalt: Figura y Fondo 9. Módulos y supermódulos

3

4

1º Capítulo INTRODUCCIÓN: Lenguaje Visual y Diseño Gráfico

5

¿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 un sólo estética sino también funcional.

El Lenguaje Visual 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 hablando. cuyas leyes gramaticales están establecidas, el lenguaje visual se fundamenta en una

.

teoría que pueden variar según el enfoque

6

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

7

2. Elementos Visuales Cuando dibujamos un objecto 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. 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 fisicamente mensurable.

c) Color: Una forma se distingue de sus cercanas por el 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 vista.

8

LA FORMA Los elementos conceptuales, como un 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 relacionadas matemáticamente entre sí.

e) Manuscritas: creadas a mano alzada. f) Accidentales: obtenidas accidentalmente.

9

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.

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.

10

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 objecto 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 utilizandos 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.

11

12

2º Capítulo Las formas y sus clasificación

13

Reportaje fotográfico que ilustre el concepto de las formas relacionadas con su clasificación.

El alumno realizará fotografías, de su entorno (tanto en el ámbito natural como artificial) 5 días/ 5 fotografías Realizar 1 fotografía por día de las siguientes. Formas geométricas (2 fotos), Orgánicas (1 foto), Manuscritas (1 fotos) y Accidentales (1 fotos).

Subir las fotos a instagram con los hashtags formasencontradas edib.

Formas geometricas

14

Formas orgรกnicas

Formas accidentales

Formas manuscritos

15

16

3º Capítulo Formas y comunicación

17

Tomando como punto de partida un ejemplo de “simbología familiar” del Neolístico de “Hombre” y “Mujer” (basado en formas geométricas).

El alumno completará la secuencia familiar, basándose en las formas geométricas (se pueden añadir otras formas geométricas ) y sin perder coherencia corporativa en la representación.

La línea familiar continúa en: Embarazo/ Parto/ Unidad familiar con dos hijos/ Viuda.

18

Hombre y la mujer yacen HOMBRE

MUJER

EMBARAZADA

unido para la procreaciรณn

Unidad familiar con dos hijos PARTO

VIUDA

VIUDO

19

20

4º Capítulo Las Escalas

21

Diseño de un cartel de cine (tamaño A3) temática ciencia ficción y estilo libre.

La finalidad es hacer un diseño basádose en el concepto de trabajo con escalas.

El alumno se convierte en el protagonista del cartel, convirtiéndose en un “Godzilla” que arrasa una ciudad.

La técnica es el collage.

El cartel debe llevar el título de la película (puede ser inventado).

Referencias: Ciencia ficción japonesa o la ciencia ficción de los años 50 norteamericana.

Escape From New York fue una inspiración para hacer el trabajo del cartel de cine

22

23

24

5Âş CapĂ­tulo Imagen y mensaje

25

Realizar tres composiciones trabajando la connotación de la fotografía con el mensaje, la cmposición y la tipografía.

Haciendo uso de fotografías propias del alumno o libres de derechos de autor hay que realizar las siguientes composiciones.

1 imagen: foto+concepto emocional y connotativo 1 imagen: foto+mensaje con jerarquía tipográfica 1 imagen: retrato con texto subjetivo

Tranquilidad

26

Un padre no es el que da la vida eso sería demasiado fácil, un padre es el que da el amor.

INFANTIL DIVERSIÓN PASIÓN SONRISA EMOCIÓN

RISA POSITIVO GRACIA

ALEGRIA ATREVIDO 27

FOTO CON ILUSTRACIÓN

RISA

INFANTIL

POSITIVO DIVERSIÓN PASIÓN

GRACIA ALEGRIA

EMOCIÓN SONRISA

28

ATREVIDO

6º Capítulo Módulos y pictogramas

29

1. En base al diseño con formas geométricas, el alumno recreará el módulo basado en la retícula de los pictogramas olímpicas de Otl Aicher con Illustrator en formato vectorial.

2. Siguiendo el mismo patrón del módulo de Otl Aicher, se realizará el diseño de la adaptación de un deporte a la modalidad de paralímpico.

3. Diseño de un módulo para pictogramas basado en la representación de 2 profesiones.

- El alumno creará un módulo basado en el diseño de dos profesiones (elección libre del tipo de forma con el que trabajar) pero siguiendo la lógica de repetición para la recreación de una colección completa en base a una retícula.

- Representación en positivo y negativo.

- Representación de escalas y reducción a 1 cm de ancho.

30

31

32

33

34

7º Capítulo Gestalt: Pautas de organización de la percepción

35

LA GESTALT Y LA PERCEPCIÓN 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 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: Tendremos a crear grupos de aquellos elementos que están más cercanos.

Semejanza: La percepción agrupa las figuras por similitud (tanto de forma como de color) Fenómeno de cierre: Si una figura está incompleta, el perceptor la completa en su mente.

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 “figuras” y “fondo” y por tanto descubrimos los dos niveles visuales.

LA GESTALT INCONSCIENTE: PERCEPCIÓN SUBLIMINAL Los conceptos de figura y fondo, 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 sibliminales, son aquellos que penetran en nuestro cerebro sin que nos percatemos conscientemente de que ésto sucede.

36

Realización de un anuncio publicitario, siguiente las pautas gestalt de organización de la información.

Pautas: - Elegir una marca y por tanto un producto.

La composición tiene que seguir criterios gestalt (semejanza, cierre de figura, etc.)

Debe estar presente el logotipo de la marca y un texto/ slogan.

- Montaje en A4 (vertical), proceso en Illustrator.

- Explicación de los criterios gestalt que se han seguido para diseñar el anuncio.

Sobrevivir o disfrutar tu lunes...

Depende de ti :)

37

38

8º Capítulo Gestalt: Figura y Fondo

39

DiseĂąo/ Homenaje al ilustrador Noma Bar. Pautas: - Elegir un personaje famoso (real o de ficciĂłn) para hacer un retrato del mismo inspirado en el estilo de Noma Bar. - Montaje en A3 (vertical), proceso en Ilustrator.

40

41

42

9º Capítulo Módulos y supermódulos

43

Diseño de un Módulo y un Supermódulo homanaje a Mastisse o Kandinsky para recrear un “pattern” que sirva para crear un textil personalizado que permita confeccionar prendas textiles.

Pautas: - Elegir uno de los dos artistas para crear un módulo de diseño que luego por diferentes métodos de repetición componga un supermódulo.

- Tanto el módulo como el supermódulo se hará como dibujo vectorial en Illustrator.

- De supermódulos se harán dos variantes (de color y de composión).

Me inspiré con Mastisse para hacer el proyecto

44

45

46

47

48

49