Teoría del Diseño

Teoría del Diseño
TEORÍA DEL DISEÑO
Sesión No. 3
Nombre: Elementos del Diseño
Contextualización
Ya viste como todas las imágenes cuentan con los Elementos Conceptuales y
Visuales, si nos quedáramos aquí, sería como tener un mundo únicamente lleno
de planos y volúmenes de diferentes formas, tamaños, con diferentes colores y
texturas… ¿un poco vago, no crees?
Ahora observa a tu alrededor y describe mentalmente lo que ves..., ¿lo notas?
Prácticamente estás viendo planos y volúmenes de diferentes formas, tamaños,
colores y texturas, pero cada uno de ellos tiene una posición y dirección en el
espacio, un peso en especifico, cada objeto deja de ser abstracto para
representar algo, tener significado y una función, ahora todos esos elementos
tienen sentido, porque es importante que se le proporcione una función más allá
de la estética.
1
TEORÍA DEL DISEÑO
Introducción al Tema
Los elementos son los que determinan la apariencia final y el contenido del
diseño. En la sesión pasada aprendiste sobre los Elementos Conceptuales
(punto, línea, plano y volumen) y los Elementos Visuales (forma, color, medida y
textura) del diseño. Como vimos por sí solos pueden dar significado, pero usar
un sólo elemento sería muy limitado, así que necesitamos una forma de disponer
a más de estos en nuestro espacio de diseño.
No podemos tener formas de colores con diferentes
tamaños y texturas flotando a la deriva, eso no es
diseño. Hay que organizarlos de una manera
coherente para obtener el resultado que queremos,
¿cómo se hace? Es simple, gracias a los Elementos de
Relación y los Elementos de Práctica.
Los Elementos de Relación (Dirección, Posición, Espacio y
Gravedad) rigiendo la ubicación y la interrelación de las
formas y los Elementos de Práctica (Representación,
Significado y Función) dando sentido práctico al diseño;
juntos, complementan y dan sentido a los Elementos
Conceptuales y Visuales.
Fuente:
epaul.edu/SiteCollectionImages/2013/Apr_2013/earthweek.jpg
http://newsline.d
Fíjate en estas dos imágenes, en una tenemos los componentes del diseño, y en
otra se les da sentido a los mismos después de organizarlos.
2
TEORÍA DEL DISEÑO
Explicación
ELEMENTOS DEL DISEÑO
Elementos de Relación
En el diseño son los que rigen la ubicación y la interrelación de las formas;
la dirección y la posición se perciben, mientras que el espacio y la gravedad se
sienten.
DIRECCION. Dependerá de: la relación de la forma con el observador, con otras
formas cercanas o con el marco que contiene a esta forma. En la cultura
occidental leemos de izquierda a derecha, las imágenes también. La dirección
genera la idea de movimiento (sensación de acción) en el diseño, a través de las
formas que son atraídas o repulsadas entre ellas provocando la sugerencia de
desplazamiento, haciendo el diseño más activo e interesante al espectador.
POSICIÓN. Dependerá de la relación que tenga la forma con respecto al marco
o estructura del diseño. Generalmente la
posición de las formas en el diseño podrán
dar diferentes sensaciones de reposo y
dinamismo, así como de gravedad:
A) Estático; B) Dinámico, inquieto y entrante; C)
Dinámico, tranquilo y saliente; D) Activo, distante y
flotante; E) Pasivo, próximo, pesado.
ESPACIO. Todo ocupa un lugar en el espacio y en el diseño bidimensional se
clasifica en:
a) Positivo y Negativo. El espacio POSITIVO es el que rodea a una forma
negativa. El espacio NEGATIVO es el que rodea una forma positiva.
3
TEORÍA DEL DISEÑO
b) Liso e Ilusorio. El espacio es LISO cuando todas las formas
parecen reposar en el plano de la imagen y ser paralelas a
este plano. Pueden encontrarse entre sí por medio de
diferentes interacciones de formas (toque, penetración,
coincidencia, sustracción, intersección, unión) pero nunca
por superposición. El espacio es ILUSORIO cuando las
formas no parecen reposar sobre el plano de la imagen o
ser paralelas a él. Las formas parecen avanzar, retroceder,
algunas formas pareciera que se presentan de manera
frontal y otras de manera oblicua.
GRAVEDAD. Es psicológica, tendemos a darle a las formas atributos como
ligereza-pesadez y de estabilidad-inestabilidad.
Elementos Prácticos
Son los que unen al resto de los elementos para crear el diseño final. Se
compone de la Representación, el Significado y la Función.
REPRESENTACIÓN. Toda forma que podamos reconocer de
diseño natural o de factura humana es representativa. Puede ser
realista, estilizada o semiabstracta.
SIGNIFICADO. Cuando el diseño da un mensaje al observador a
través de los elementos utilizados.
FUNCIÓN. Cuando el diseño cubre el propósito para el que fue
proyectado.
4
TEORÍA DEL DISEÑO
Conclusión
No importa si son visibles físicamente o no, los elementos del diseño van a
afectar la percepción de nuestro trabajo cada vez que diseñemos y es
importante aprender a usarlos a nuestro favor.
Los Elementos de Relación, (dirección, posición, espacio y gravedad) dándonos
el sentido de ubicación, de espacio, de movimiento así como de peso o ligereza
y de estabilidad e inestabilidad a los componentes de nuestro diseño; y los
Elementos de Práctica que nos permiten darle practicidad a nuestros diseños, ya
sea un diseño realista, estilizado o semiabstracto, que tengan un significado y
así puedan cumplir con la función para la que este diseño fue hecho.
Como ves, diseñar no se trata nada más de acomodar piezas en un espacio, se
trata de meditar el por qué de todos los componentes de nuestro diseño, tanto
los visibles como la percepción que tenemos de ellos, para que al final sea un
trabajo con unidad y funcionalidad.
Éste es un ejemplo de lo que se considera uno de los
mejores diseños de pagina web del 2012, es también un
link a esta página, accede a ella y observa esos
ejemplos, nota el acomodo o la composición de los
diferentes elementos utilizados en éstas. Justo este es
nuestro
siguiente
Composición.
tema,
la
Metodología
de
la
Fuente: http://webdesignledger.com/inspiration/best-of-web-design-in-2012
5
TEORÍA DEL DISEÑO
Para aprender más
Existe muchísima información en la red, slideshare.net es un buen espacio para
buscar presentaciones relacionados a cualquier tema de diseño. Explorando los
diferentes sitios de Internet te puedes inspirar y aprender también de la
experiencia de otros diseñadores.
•
García, C. (2011). Interrelación de la forma. Consultado el 10 de mayo de
2013:
http://www.slideshare.net/camiloags84/interrelacin-de-la-formas
•
EcuRed: Enciclopedia cubana. (2013). Elementos gráficos del diseño
humano. Consultado el 10 de mayo de 2013:
http://brd.unid.edu.mx/elementos-graficos-del-diseno-humano-2/
Esta presentación es parte del CD de la cátedra Comunicación Visual, UNLZ
Facultad de Ciencias Sociales. Su autora es Teresa Tsuji y sigue los
lineamientos de W. Wong
•
Tsuji, T. (2011). El lenguaje visual. Una aproximación al alfabeto visual.
Consultado el 10 de mayo de 2013:
http://www.slideshare.net/mcsabat10/elementos-del-diseo-7621500
6
TEORÍA DEL DISEÑO
Actividad de Aprendizaje
Instrucciones:
Con el objetivo de conocer la manera en que las figuras/formas se relacionan
entre ellas en un espacio, así como crear la ilusión de profundidad y gravedad,
realizarás lo siguiente:
Utilizando la figura creada en la actividad pasada,
1. Interrelaciona esta forma en las 8 maneras posibles, recurre a la
presentación de ppt. en la sección de “Posición” para repasar el tema de
Interrelación de Formas.
2. Con tu diseño original, demuestra las 7 maneras de crear la ilusión de
espacio, recurre a la presentación de ppt. en la sección de “Espacio” para
repasar el tema de Formas Lisas en Espacio Ilusorio.
3. Utilizando 4 formas obtenidas de la interrelación de formas, y 3 maneras
diferentes de presentar la ilusión de espacio, crea una composición que
muestre la ilusión de gravedad.
Justifica tu composición final de acuerdo a:
1. Qué maneras de interrelacionar las formas eligieron para su diseño (de 8
que hicieron tuvieron que elegir 4, por qué eligieron esas 4… aunque la
razón sea porque “les latió” esa figura, tienen que explicar las razones del
porqué les “latió”.)
2. ¿De qué manera logran que estas 4 figuras den la ilusión de un espacio
3d? ¿Qué técnicas utilizan de las que se les presentan para crear esta
ilusión?
3. ¿De qué manera logran la sensación de gravedad en su composición?
Esta actividad vale el 5% de tu calificación, la guardarás en formato PDF o JPG
y la subirás a la plataforma de la asignatura.
7
TEORÍA DEL DISEÑO
Nombre: _____________________________
1. Figura seleccionada en la actividad 2:
2. Interrelación de formas. Tu diseño lo utilizarás dos veces en cada recuadro
para recrear las 8 maneras en que las formas se relacionan entre ellas. Describe
la relación que tiene una figura con la otra, sigue el ejemplo.
Distanciamiento
Toque
Las dos formas aunque están próximas,
no se tocan una a la otra.
________________________
________________________
________________________
Superposición
Penetración
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
8
TEORÍA DEL DISEÑO
Unión
Sustracción
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
Intersección
Coincidencia
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
9
TEORÍA DEL DISEÑO
10
3. Espacio Ilusorio. Tu diseño lo utilizarás en cada recuadro para recrear las 7
maneras en que se puede crear la ilusión de espacio/profundidad. Describe la
manera en que se crea esta ilusión, sigue el ejemplo:
Superposición
Cambio de tamaño
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
Cambio de punto de vista
_________________________
_________________________
_________________________
Curvatura o quebrantamiento
_________________________
_________________________
_________________________
Cambio de textura
Sobras
Entre más alejado se encuentra
el objeto sus textura se pierde y
se vuelve más lisa.
_________________________
_________________________
_________________________
TEORÍA DEL DISEÑO
4. Elige cuatro formas de las obtenidas en la interrelación de formas y 3
técnicas para crear la ilusión de espacio en tu composición.
INTERRELACION DE FORMAS:
ESPACIO ILUSORIO:
1.________________________
1.________________________
2.________________________
2.________________________
3. _______________________
3. _______________________
4.________________________
Composición:
¿Cómo utilizaste las técnicas de forma y espacio para dar la ilusión de Gravedad
en tu diseño?
________________________________________________________________
________________________________________________________________
________________________________________________________________
________________________________________________________________
11
TEORÍA DEL DISEÑO
Bibliografía
Samara, T. (2008). Los Elementos del Diseño, Manual de estilo para
diseñadores gráficos. México: Editorial Gustavo Gili.
Wong, W. (1993). Fundamentos del Diseño. México: Ediciones G. Gill.
12