Principios del diseño visual

43
PRINCIPIOS DEL DISEÑO VISUAL

Transcript of Principios del diseño visual

Page 1: Principios del diseño visual

PRINCIPIOS DEL DISEÑO VISUAL

Page 2: Principios del diseño visual

LA COMPOSICIÓN La composición hace referencia a la organización de los

distintos elementos (color, textura, tono, etc.) que se distribuyen en el plano o espacio, y se presentan en un tono armónico y expresivo, teniendo en cuenta tanto su valor individual como su subordinación en relación con el todo.

Componer significa ordenar y relacionar elementos entre sí formando un todo coherente, autónomo, que debe tener una estructura, proporción, orden, ritmo, energía, movimiento y equilibrio.

Page 3: Principios del diseño visual

PRINCIPIOS DE LA COMPOSICIÓN De unidad es la relación entre los elementos de la obra.

Cuadrados con círculos concéntricos (1913), kandinsky. Bailarina en una calavera

(1939), Dalí

De contraste es la diferencia entre los elementos esta no puede ser fuerte o se pierde la unidad dentro de la variedad.

De variedad es la diversidad de los elementos que conforman las obra llamando así la atención del público, pero esta no debe ser exagerada.

Composición Nº 8 (1923), Kandinsky

Page 4: Principios del diseño visual

LEYES DE LA COMPOSICIÓN Del resalte: establece que en cada composición debe

existir un elementos dominante que resalta entre los demás.

De la balanza: Consiste en distribuir dos formas de semejante tamaño, color y configuración situadas a la misma distancia del centro del espacio compositivo.

Page 5: Principios del diseño visual

LEYES DE LA COMPOSICIÓN De la compensación de las masas:

establece que el centro de atención está desplazado del eje. El motivo principal de la obra se desplaza del centro hacia un lateral y se compensa el descentrado con otros objetos o personajes en el lado opuesto por medio de la forma, el color la textura, la luz o el significado.

De los tercios: Consiste en dividir el formato en tres partes iguales a lo largo y ancho. El punto de interés está sobre los tercios.

Page 6: Principios del diseño visual

ESQUEMAS COMPOSITIVOS El esquema compositivo es un conjunto de líneas maestras

que organizan los espacios donde van a estar situados los elementos visuales.

El caballero de la mano en el pecho (1580). El Greco.

Page 7: Principios del diseño visual

ESQUEMAS COMPOSITIVOS El punto de partida de la lectura de una imagen viene

determinada por el elemento de mayor peso visual y continuará en función de las direcciones visuales que pueden ser representada o inducidas.

Esquemas compositivos simples : Los esquemas compositivos simples suelen estar formados una figura geométrica o por una o varias líneas.

Page 8: Principios del diseño visual

ESQUEMA COMPOSITIVO Combinan en un mismo tema dos o más esquemas

compositivos simples por lo que da a la composición mayor sensación de complejidad.

Desnudo bajando la escalera (1912), M. Duchamp. Acróbata con balón

(1905), Pablo Picasso.

Page 9: Principios del diseño visual

CLASES DE COMPOSICIÓN Dinámica: figura movimiento. Estática: carece de movimiento. Figurativa: con entornos reales o irreales creados por la

imaginación. Abstracta: Se abstrae de la realidad. Modular: es la unidad de elementos para lograr un conjunto.

Galatea de las Esferas (1952), Salvador Dalí.

Discóbolo de Mirón.

El pez cantando (1972), Joan Miró.

Page 10: Principios del diseño visual

EL RITMO EN LA COMPOSICIÓN El ritmo en la composición es el orden de los elementos que

generan una sensación a la vista de movimiento o dinamismo. Observamos los tipos:

Page 11: Principios del diseño visual

ELEMENTOS BÁSICOS DE LA COMUNICACIÓN VISUAL Siempre que se diseña algo, boceta, pinta, dibuja, garabatea,

esculpe, etc., la sustancia visual de la obra se extrae de una lista de elementos:

Punto línea Contorno Dirección Color Tono Textura Dimensión Escala Movimiento. La estructura del diseño visual es la fuerza que determina qué

elementos visuales están presentes y en qué énfasis.

Page 12: Principios del diseño visual

EL PUNTO Es la unidad más simple, irreductiblemente mínima, de comunicación

visual. Estamos habituados a considerarlo redondo pero en realidad puede adoptar

formas muy variadas : triangular, cuadrado, ovalado, gota, estrellado, irregular; relleno de color o vacío.

Cualquier punto tiene una fuerza visual grande de atracción sobre el ojo.

Dos puntos constituyen una herramienta para la medición del espacio en el entorno o en desarrollo de cualquier clase de plan visual.

Page 13: Principios del diseño visual

EL PUNTO

Page 14: Principios del diseño visual

EL PUNTO Variando los tamaños, las formas y los colores de los puntos podemos

lograr sensación de profundidad. Tamaño grande cercanía, tamaño pequeño lejanía.

Los puntos se pueden situar muy cerca, concentración, o disponerse alejados, dispersión, de esta manera podemos producir sensación visual de volumen.

Page 15: Principios del diseño visual

EL PUNTO En gran cantidad y yuxtapuestos, los puntos crean la ilusión

de tono o color.

Georges Pierre Seurat (1889) Paisaje con un barcoTarde de domingo en la isla de la Grande Jatte (1884-1886)

Page 16: Principios del diseño visual

EL PUNTO

Page 17: Principios del diseño visual

LA LÍNEA Cuando los puntos están tan próximos entre sí que no pueden

reconocerse individualmente la sensación de direccionalidad y la cadena de puntos se convierten en la línea.

La línea puede definirse también como la historia del movimiento de los puntos.

En las artes visuales, la línea, a causa de su naturaleza tiene una enorme energía. La línea puede ser delicada, ondulada, vacilante, etc.

Composición en azul, Piet Mondrian.

Page 18: Principios del diseño visual

LA LÍNEA La línea puede expresar distintas sensaciones dependiendo de su

posición:

Horizontales: Sensación de estabilidad, equilibrio, calma, falta de movimiento.

Verticales: Sensación menos estabilidad que la horizontal pero igualmente equilibrada; sensación de elevación y espiritualidad.

Oblicuas: También se les puede llamar inclinadas, producen sensación de inestabilidad y de más movimiento

Curvas: Siempre crean sensación dinámica o de movimiento.

Page 19: Principios del diseño visual

LA LÍNEATienen capacidad de expresar profundidad Las líneas más gruesas y oscuras parecen estar más cerca, y las más finas y claras más lejos.

Sensación de volumen: Mediante líneas paralelas podemos dar sensación de volumen, es decir, de tres dimensiones.

Sensación de claroscuro: Mediante líneas entrecruzadas en diferentes direcciones podemos dar sensación de luz y sombra.

Page 20: Principios del diseño visual

LA LÍNEA

Page 21: Principios del diseño visual

EL CONTORNO Hablamos de contorno cuando el trazo de línea se une en un

mismo punto. es la línea o conjunto de líneas que delimitan una figura o forma. Al limitar esa forma, la aíslan en el espacio o composición. Son los contornos los que configuran las formas.

El trazo es la línea del contorno. Suele decidirse si el trazo será más o menos grueso, más o menos delimitador y cerrado, o si será discontinuo.

Dintorno es el interior de una forma. En ese interior pueden aparecer colores, texturas, líneas, etc.

Silueta es una forma con un dintorno plano, pintado con un color.

Page 22: Principios del diseño visual

EL CONTORNO

Page 23: Principios del diseño visual

EL CONTORNOHay tres contornos básicos: círculo, cuadrado y triángulo equilátero.

o El círculo: Es una figura continuamente curvada cuyo perímetro equidista en todos sus puntos del centro. Puede tener diferentes significaciones: protección, inestabilidad, infinitud, calidez, cerrado… Su direccionalidad es la curva y su proyección tridimensional la esfera. Las modificaciones son el óvalo y el ovoide.

El cuadrado: Es una figura de cuatro lados con ángulos rectos exactamente iguales en sus lados. Es una figura estable y de carácter permanente (aun cuando se modifica alargando o acortando sus lados). Se asocia a ideas de estabilidad, permanencia, honestidad, rectitud, esmero y equilibrio. Su direccionalidad es la vertical y horizontal y su proyección tridimensional, el cubo en el caso del cuadrado y el paralepípedo en el caso del rectángulo.

El triángulo: Equilátero es una figura de tres lados cuyos ángulos y lados son todos iguales. Es también una figura estable, con tres puntos de apoyo, uno en cada vértice, aunque no tan estático como el cuadrado. Su direccionalidad es la diagonal y su proyección tridimensional el tetraedro. Puede tener un fuerte sentido de verticalidad siempre que lo representemos por la base. Se le asocian significados de acción, conflicto y tensión.

Page 24: Principios del diseño visual

EL CONTORNO A partir de estos contornos básicos derivamos mediante

combinaciones y variaciones inacabables todas las formas físicas de la naturaleza y de la imaginación del hombre:

Page 25: Principios del diseño visual

EL CONTORNO Tipos de contornos: 1. Contornos marcados, nítidos y fuertes: Son los trazos

claramente visibles y diferenciados. Los contornos marcados son aquellos que se ven más.

Herencia, Matt Sesow.

2. Contornos difuminados: Las líneas se desvanecen por la pintura suelta, con efectos atmosféricos, e incluso a veces, por roturas hechas a propósito para romper el trazo.

El parlamento de Londres al atardecer, Monet

Page 26: Principios del diseño visual

EL CONTORNO3. Contornos simplificados: formas que contienen el mínimo de

líneas capaces de crear un contorno.

Círculos dentro de un círculo (1923), Kandinsky.

4. Contornos complicados: La complejidad de líneas hace más confuso ver el contorno de las figuras.

El buceador (1949), Arnulf Rainer.

Page 27: Principios del diseño visual

EL CONTORNO6. Contornos insinuados – incompletos: Dibujo trazado con unas

líneas entrecortadas, que delimitan la figura perfectamente y al mismo tiempo son sueltas, libres, activas y permiten que el aire circule. Se pierde fuerza en los contornos pero se gana en suavidad expresiva.

La durmiente (1887), James Ensor.

Page 28: Principios del diseño visual

LA DIRECCIÓN Los elementos visuales crean diferentes relaciones imponiendo un

recorrido visual que lleva al ojo hacia los centros de interés, es lo que denominamos dirección visual.

Todos los contorno básicos expresan tres direcciones: el cuadrado, la horizontal y la vertical; el triángulo la diagonal; el círculo, la curva.

La referencia horizontal-vertical estabilidad en todas las cuestiones visuales.

La dirección diagonal, es la fuerza direccional más inestable, la formulación visual más provocadora.

Las fuerzas direccionales curvas tienen sus significados asociados al calor y la repetición.

Page 29: Principios del diseño visual

COLOR

El color de los cuerpos depende de las radiaciones de luz absorbidas por su estructura molecular y las longitudes de onda que el cuerpo refleja.

La propiedad cromática asociada a la longitud de onda se conoce como: color y es percibido por medio del sentido de la vista.

Isaac Newton, describió los colores como el producto de las propiedades de los rayos que componen las fuentes luminosas. Demostró que la luz blanca estaba compuesta por los colores del arco iris.

Page 30: Principios del diseño visual

TONO, MATIZ O CROMA Es el estímulo que nos permite distinguir un color de otro. Así, rojo, verde

o azul. También se define como la variación cualitativa del color, en relación con la longitud de onda de su radiación. 

El matiz también hace referencia al recorrido que hace un tono hacia uno u otro lado del circulo cromático, por lo que el verde amarillento y el verde azulado serán matices diferente del verde.

 

Page 31: Principios del diseño visual

TONO, MATIZ O CROMA Según el tono los colores se pueden dividir en cálidos, rojos,

naranjas y amarillos (colores asociados con la luz solar, el fuego...) y fríos, verdes, azules y violetas (colores asociados con el agua...).  Los colores cálidos, dan sensación de actividad, de alegría, de dinamismo, de confianza, amistad y acogimiento. Los colores fríos dan sensación de tranquilidad, seriedad y distanciamiento. 

Page 32: Principios del diseño visual

TEXTURA La textura es la apariencia externa y

superficial de la estructura de los materiales, objetos y cosas que nos rodean.

Tipos de textura Por lo que podemos determinar que en

las obras visuales existen dos tipos de textura: la táctil y la visual.

Textura táctil: es aquella que se percibe mediante el tacto y la visión, al tocar y observar la superficie de los objetos. Se comprueba así que estos tienen relieve y que pueden ser suaves o rugosos. Textura visual: es la representación por medios gráficos, como pintura, dibujo o fotografía, de las texturas táctiles. Por ello, las percibimos únicamente de manera visual y se llaman también texturas gráficas. Existen diversos procedimientos para obtener texturas visuales a partir de materiales de pintura y dibujo: raspado, transparencia, estarcido, estampación, etc.

Page 33: Principios del diseño visual

TEXTURA Otros tipos Además pueden ser encontradas otros tipos como: naturales y artificiales. Las texturas naturales pertenecen a elementos de la naturaleza, como

la madera o la superficie de un pétalo de rosa. Las texturas artificiales son las que estructuran las superficies del

material con que están fabricados los objetos, como la de la pared o un papel de regalo.

Page 34: Principios del diseño visual

TEXTURA Técnica del frottage: Técnica de fricción o frotamiento automático

que consiste en transferir al papel o al lienzo el veteado o rugosidad de una superficie con la ayuda de un sombreado o lápiz.

Técnica del salpicado: Consiste en salpicar gotas de pintura al azar sobre el papel. Para ello podemos usar un cepillo impregnado en pintura.

Técnica del estampado: Consiste en impregnar una superficie  (dedo, corcho, esponja, objeto) y después estamparlo sobre el papel repetidas veces.

Page 35: Principios del diseño visual

TEXTURA ELABORACIÓN DE TEXTURAS TÁCTILES: La técnica del collage

puede emplearse para la confección de composiciones con texturas táctiles. Esta técnica consiste en elegir materiales como pueden ser palillos, cartón, arpilleras, papeles, hojas de árboles, etc.

TEXTURAS DIGITALES: El ordenador es un medio que facilita enormemente la creación de texturas visuales. Basta para ello disponer de un programa de diseño gráfico para poder dibujar texturas como las representadas en estas ilustraciones.

Page 36: Principios del diseño visual

TEXTURA LA TEXTURA EN LA OBRA DE ARTE: El artista utiliza las texturas para dar

un efecto expresivo y comunicativo que nos ayuda a entender mejor la obra de arte. Hay artistas que crean texturas mediante la aplicación directa del color con la espátula o con otros materiales como arena, azúcar, arroz, etc.

Page 37: Principios del diseño visual

ESCALA Y PROPORCIÓN Decimos que existe una escala

cuando se da una relación matemática (proporción) entre las dimensiones de distintos elementos. Una escala, por tanto, se puede representar mediante un número o una fórmula.

Ej.: 1 cm= 1m ó 1 cm= 1,000m La escala normalmente se usa en

cartografía, planos, mapas... para poder representar una medida proporcional al tamaño real.

Proporción se refiere a la justa y armoniosa relación de una parte con otras o con el todo.

Page 38: Principios del diseño visual

ESCALA Y PROPORCIÓN Las escalas aplicadas al dibujos nos ayudan a conocer las dimensiones

reales de un objeto independientemente de su representación en papel.Mediante el método de la cuadrícula podemos reproducir una imagen o ampliarla, e incluso deformarla creando lo que conocemos como anamorfosis.

http://arte-on-line.blogspot.mx/p/dibujo.htmlInvestigar sobre la sección áurea . Presentar 3 ejemplos.

Page 39: Principios del diseño visual

MOVIMIENTO

Page 40: Principios del diseño visual

EL PLANO El plano o superficie: Magnitud continua que tiene dos

dimensiones, largo y ancho, pero no espesor o profundidad.

El plano carece de volumen. Puede definirse como el movimiento de una recta. Considerándolo en su sentido más puramente geométrico, carece de límites, es infinito; sin embargo, en su sentido plástico, el plano tiene límites que definen la forma.

Las superficies pueden ser verticales, horizontales, inclinadas, cóncavas, convexas, torcida, distorsionada, curvada, angular, etc.

Page 41: Principios del diseño visual

EL PLANO El plano en el espacio gráfico se presenta en áreas con formas

determinadas que percibimos por contraste de figura y fondo o por un contorno lineal. 

Cuadro 1 (1921), Piet Mondrian.

Page 42: Principios del diseño visual

EL VOLUMEN El recorrido de un plano en movimiento en el espacio. Tiene

posición y está limitado por planos. En un plano bidimensional, el volumen es ilusorio.

Las imágenes bidimensionales también reciben el nombre de “Planos”, y los más comunes son: el círculo, el triangulo, el rectángulo, el rombo, etc.Las representaciones de cuerpos con volumen, o sea, imágenes tridimensionales se les llama “Sólidos”, y los más comunes son: El cono, el cubo, el prisma, el cilindro, etc.

Page 43: Principios del diseño visual

PERSPECTIVA Conceptos:o Perspectivao Punto de fuga

Tipos de perspectiva: : perspectiva lineal, perspectiva aérea, perspectiva invertida,  perspectiva de importancia y perspectiva axonométrica.  Presentar láminas de cada una.

Realizar un collage o dibujo usando uno de los tipos de perspectiva antes señalados.

Sugerencias: http://www.profesorenlinea.com.mx/artes/Perspectiva_Tipos.htmhttp://www.ecured.cu/index.php/Tipos_de_perspectivahttp://www.xatakafoto.com/guias/mas-conceptos-horizonte-puntos-de-fuga-tipos-de-perspectivas-control-de-la-perspectiva