Jesús Morales Muñoz
Fundamentos del diseño
Fundamentos del Diseño
Jesús Morales Muñoz 1º Diseño Gráfico 2013/2014
Fundamentos del Diseño 1. Diseño gráfico 1.1 ¿Que es el diseño gráfico? ............................4 2. Lenguaje Visual 2.1 ¿De qué trata el lenguaje visual? ............4 2.2 ¿Cómo se compone? .......................................... 4 2.2.1 Elementos conceptuales ................................ 4
3.4 Figuras Geométricas
3.4.1 Montaje de Figuras Geométricas 3.4.2 Imagen Animada
4. Concepto de Escala 4.1 Escala imposible .................................................... 8 4.2 Acentuación de escala ...................................... 9 5. Elementos de relación 5.1 ¿Cuáles son estos elementos?...................... 9
2.2.a Punto 2.2.b Línea 2.2.c Plano
2.2.2 Elementos visuales ........................................... 5
5.1.1 Posición 5.1.2 Espacio 5.1.3 Gravedad
2.2.a Forma 2.2.b Medida 2.2.c Color 2.2.d Textura
6. Módulos y pictogramas 6.1 Simbolos de Otl Icher....................................... 10 6.2 Recreación de Otl Icher.................................. 11 6.3 Munich’72 Paralímpicos................................. 11 6.4 Pictogramas en profesiones......................... 11 6.5 Pictogramas en negativo................................ 11 7. Gestalt & Percepción 7.1 Pautas de organización.................................... 12
3.Forma & Comunicación 3.1 ¿Que es la Forma? ............................................... 5 3.2 ¿Cómo se clasifican? .......................................... 5 3.2.1 3.2.2 3.2.3 3.2.4 3.2.5
Geométricas Orgánicas Rectilíneas Irregulares Formas accidentales
7.1.1 7.1.2 7.1.3 7.1.4
3.3 El circulo..................................................................... 6 3.3.1 Medio Natural 3.3.2 Medio Artificial
3.3.a Accidental 3.3.b Representativa 3.3.c Simbólica
........................................ 7
3
Proximidad Semejanza Completar Figura Figura y Fondo
Fundamentos del Diseño 2.2 ¿Como se compone?
1. Diseño gráfico
El lenguaje visual se compone de una serie de elementos que son los siguientes;
1.1 ¿Que es el diseño gráfico? El diseño gráfico es un proceso de creación visual con un propósito. El diseño debe cubrir exigencias prácticas. Un trabajo de diseño gráfico debe transmitir al público un mensaje y por tanto la creación no debe ser solo estética sino también funcional.
2.2.1 Elementos conceptuales En este bloque definimos los tres conceptos básicos que estarán presentes en cualquier desarrollo grafico de esta forma. 2.2.a Punto
Un punto indica posición es el principio y el fin de una línea y es donde dos líneas se encuentran o cruzan
2. Lenguaje Visual
....
2.1 ¿De que trata el lenguaje visual?
2.2.b Línea
Cuando un punto se mueve su recorrido se transforma en una línea. Una línea tiene posición y dirección y está limitada por puntos
El diseño es práctico y para que el diseñador sea capaz de entenderse y solucionar problemas debe combinar un lenguaje visual al igual que escrito. Es decir al mismo tiempo que el lenguaje escrito/visual tiene sus reglas gramaticales, en el lenguaje visual hay una serie de elementos que permiten describir las diferentes procesos del diseño.
2.2.c Plano
El recorrido de una línea en movimiento se convierte en un plano. Tiene posición y dirección y está limitado por líneas.
4
Fundamentos del Diseño
3.Forma & Comunicación
2.2.2 Elementos visuales Cuando los elementos conceptuales se hacen visibles es decir tiene forma, medida color y textura.
3.1 ¿Que es la Forma?
2.2.a Forma
En una superficie bidimensional una clasificación de formas.
Todo lo que puede ser visto posee una forma que aporta identificación a nuestra percepción
3.2 ¿Como se clasifican? 2.2.b Medida
3.2.1 Geométricas Aquellas formas construidas matemáticamente.
Todas las formas tiene un tamaño, un tamaño es relativo pero a su vez contiene unas medidas determinadas
3.2.2 Orgánicas Son aquellas formas rodeadas por curvas libres que sugieren fluidez.
2.2.c Color
El color dota a los elementos visuales de un significado de ahí que el color se entiende como un algo propiamente físico o connotaciones psicológicas.
3.2.3 Rectilíneas Formas limitadas por formas rectas que no están relacionadas matemáticamente entre si.
2.2.d Textura
3.2.4 Irregulares Formas limitadas por líneas rectas y curvas no relacionadas matemáticamente entre si.
La textura dota a las formas de una percepción en la que se suma dos sentidos el de la vista y el tacto.
5
Fundamentos del Dise単o 3.2.5 Formas accidentales Son aquellas formas no premeditadas sino que se han obtenido de un proceso de forma accidental.
3.3.2 Medio Artificial 3.3.a Accidental
3.3 El Circulo 3.3.1 Medio Natural 3.3.b Representativo
3.3.c Simbolica
6
Fundamentos del Dise単o 3.4 Figuras geometricas 3.4.2 Imagen Animada
3.4.1 Montaje de Figuras Geometricas
Click Aqui
7
Fundamentos del Diseño 4.1 Escala imposible
4. Concepto de Escala Todas las formas tienen un tamaño que podemos completar en medidas sin embargo cuando lo comparamos con otros elementos la escala se vuelve relativa, visualmente podemos acentuar la sensación de tamaño (+grande/+pequeño) en función de la comparación de otros elementos. por tanto el concepto de escala es relativo.
8
Fundamentos del Diseño 4.2 Acentuación de escala
5. Elementos de relación Los elementos de una composición pueden tener una relación entre ellos, la forma en la que establecemos esta relación hace que la composición final varia visualmente e incluso podamos cambiar el tipo de mensaje. 5.1 ¿Cuales son estos elementos? 5.1.1 Posición la posición de un elemento en un área de trabajo, pueden tener diferentes posibilidades. Por ejemplo; un elementos puede ubicarse colocarse a la izq., derecha, centro de una ubicación.
9
Fundamentos del Diseño 5.1.2 Espacio las formas por muy pequeñas que sean ocupan un espacio. Ese espacio puede estar ocupado o vacío a su alrededor, y esto afectara a la sensación de escala y por tanto de proporción.
6. Módulos y Pictogramas 6.1 Módulos y pictogramas Es una corriente psicológica que se inició en Alemania en 1912. Una de las disciplinas que analiza es el tema de la percepción y la manera que el ser humano tiene de organizar los datos que le rodean. De forma innata tenemos una tendencia que nos permite reorganizar y percibir por diferentes pautas.
6.1 Símbolos de Otl Icher Munich 1972
5.1.3 La gravedad la sensación de gravedad es una efecto psicológico en referencia a la gravedad de la tierra tenemos tendencia a atribuir pesadez e inestabilidad o estabilidad a las formas según como estén giradas en el espacio.
10
Fundamentos del Diseño 6.4 Pictogramas en profesiones
6.2 Recreación de Otl Icher
6.3 Modelo Icher munich’72 Paralímpicos 6.5 Pictogramas en negativo
11
Fundamentos del Diseño
7. Gestalt & Percepción 7.1.3 Completar Figura Si una figura está incompleta la completamos en nuestra mente, esto se llama fenómeno de cierre y también se manifiesta en muchos otros campos de la percepción visual, por ejemplo ya en el mundo antiguo se organizaban los astros en constelaciones.
7.1 Pautas de Organización 7.1.1 Proximidad De forma espontánea tendemos a formar grupos que están próximos entre si. 7.1.2 Semejanza Tendemos a ordenar y agrupar aquellos elementos que son iguales, pueden ser por color, forma etc..
7.1.4 Figura y Fondo Según la teoría de la percepción Gestalt podemos establecer dos niveles en el campo visual que se define como figura y fondo. los elementos que captan esta atención y son percibidos con gran claridad forman la figura, mientras que el resto del campo visual que no es percibido en un primer nivel lo llamamos fondo, cuando nuestra percepción es capaz de captar el fondo se convierte en figura y de esta manera podemos alternar ambos campos visuales
12
Fundamentos del Dise単o
13
En esta recopilación de 12 páginas ilustradas, se pretende mostrar conocimientos acerca de los fundamentos del diseño a través de las diferentes propuestas desarrolladas en clase.Mostrando asi, técnicas y metodologías de trabajo. Incluye contenidos esenciales y conceptos muy básicos que ha de saber cualquier persona que se inicia en el mundo del diseño, desde conceptos básicos de que es el diseño gráfico, hasta que pautas sigue nuestro cerebro a la hora de visualizar una imagen.