Fundamentos del diseño wucius wong

PARTE A

I.

o

ELEMENTOS DEL DISEÑO

C

omienza con una lista de los elementos del diseño. Esta lista es necesaria porque los elementos formaran la base de todas nuestras futuras discusiones.

En realidad, los elementos están muy relacionados entre sí y no pueden ser fácilmente separados en nuestra experiencia visual general. Tomados por separado, pueden parecer bastante abstractos, pero reunidos determinan la apariencia definitiva y el contenido de un diseño.

Se distinguen cuatro grupos de elementos: A. B. C. D.

Elementos conceptuales Elementos visuales Elementos de relación Elementos prácticos

Elementos conceptuales Los elementos conceptuales no son visibles. Por ejemplo, creemos que hay un punto en el ángulo de cierta forma, que hay una línea en el contorno de un objeto, que hay planos que envuelven un volumen y que un volumen ocupa un espacio.

A. Punto. Un punto indica posición. No tiene largo ni ancho. No ocupa zona en el espacio y es donde dos líneas se encuentran o se cruzan. Figura (1a) 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. (figura 1b) C. Plano. El recorrido de una línea en movimiento (en una dirección distinta a la suya intrínseca) se convierte en un plano. Un plano tiene largo y ancho pero no grosor. (figura 1c) D. Volumen. El recorrido de un plano en movimiento (en una dirección distinta a la suya intrínseca) se convierte en volumen.

Tiene una posición en el espacio y esta limitado por planos. En un diseño bidimensional, el volumen es ilusorio (fig 1d)

Elementos visuales

Cuando dibujamos un objeto en un papel, empleamos una linea visible para representar una linea concepual. La linea visible tiene no solo largo, sino tambien ancho. Los elementos visuales forman la parte mas prominente de un diseño, porque son los que realmente vemos.

a. Forma. Todo lo que pueda ser visto posee una forma que aporta la identificaion principal en nuestra percepción. (figura 2a) 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 así mismo es físicamente mensurable. (figura. 2b). c. Color. Una forma se distingue de sus cercanías por medio del color. El color se utiliza en su sentido amplio. (figura2c) 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 (fig.

2d).

Elementos de relación Este grupo de elementos gobierna la ubicación y la interrelación de las formas en un diseño. Algunos pueden ser percibido, como la dirección y la posición; otros pueden ser sentidos, como el espacio y la gravedad.

A. Dirección. La dirección de una forma depende de como esta relacionada con el observador, con el marco que la contiene o con otras formas cercanas ( fig.3a).

B. Posición. La posición de un forma es juzgada por su relación respecto al cuadro o la estructura (fig 3b)

C. Espacio. Las formas de cualquier tamaño, por pequeñas quesean, ocupan un espacio. (fig 3c) D. Gravedad. La sensación de gravedad no es visual sino psicológica. Tal como somos atraídos por la gravedad de la tierra, tenemos tendencia a atribuir pesantez o liviandad , estabilidad o inestabilidad, a formas, o grupos de formas individuales (fig 3d)

Elementos prácticos Los elementos prácticos subyacen el contenido y el alcance de un diseño. a. Representación. Cuando una forma ha sido derivada de la naturaleza, o del mundo hecho por el ser humano, es representativa. b. Significado. El significado se hace presente cuando el diseño transporta un mensaje. c. Función. La función se hace presente cuando un diseño debe servir un determinado propósito.

PARTE B

1. ¿Quién es y fue Wucius Wong?

(1936) es un

famoso pintor

que trabaja con tinta china, siendo uno de los principales referentes

del

movimiento

conocido como Nueva Tinta en Hong Kong. A su vez, es considerado el exponente más importante del diseño bidimensional y en tres dimensiones.

Es originario de la provincia de Guangdong, China, aunque creció en Hong Kong.

Fue influenciado por Lui Shou-Kwan, con quien dio sus primeros pasos en la pintura china con tinta en 1955.

Es un pintor de tinta chino de Hong Kong y figura principal del Movimiento de Nueva Tinta de Hong Kong. Ha trabajado para llamar la atención sobre los esfuerzos de Hong Kong en el arte contemporáneo chino, y fue uno de los primeros artistas en llevar el modernismo a la región. es conocido por su trabajo en Estados Unidos, donde realizó un profundo análisis del arte chino en el que introdujo elementos clave desde el punto de vista occidental.

Son muy conocidos sus trabajos sobre el Diseño, su estudio y definición, durante la época de los años 60 y 70.

2. ¿Qué es la teoría de la Gestalt y sus variaciones?

La Gestalt es tanto a una teoría que explica la percepción (mediante distintas leyes), como a un enfoque utilizado en la psicoterapia.

Gestalt es una corriente de la psicología, de corte teórico y experimental, que se dedica al estudio de la percepción humana.

Gestalt es una palabra proveniente del alemán, y se puede traducir como ‘forma’ o ‘contorno’.

Para la Gestalt, el ser humano organiza sus percepciones como totalidades, como forma o configuración, y no como simple suma de sus partes. De allí que lo percibido pase de ser un conjunto de manchas a convertirse en personas, objetos o escenas.

En este sentido, es una disciplina que estudia el proceso mediante el cual nuestro cerebro ordena y les da forma (es decir, sentido) a las imágenes que recibe del mundo externo o de aquello que de este le ha parecido relevante.

Principio general de figura y fondo

AquĂ­ se aplica la ley de figura y fondo, podemos observar que tenemos la figura delante (imagotipo de Las papitas) que se destaca acompaĂąado de las papitas y detrĂĄs el fondo (todo lo que no es figura).

Ley general de la buena forma

Buena forma AquĂ­ se aplica la ley general de la buena forma, son figuras que interpretamos por percepcion.

Es manera de dar una forma acabada a algo que no la tiene.

Ley del cierre o de la completud

Ley de cierre o completud Las formas abiertas o inconclusas provocan incomodidad y por lo que existe una tendencia a completar con la imagina ciรณn aquello que falta.

Un ejemplo de esto es el panda.

Ley del contraste

Contraste La posiciĂłn relativa de los diferentes elementos incide sobre la atribuciĂłn de cualidades (como ser el tamaĂąo) de los mismos.

Ley de la similaridad

Los elementos que son similares tienen a ser agrupados.

Continuidad

Continuidad : Los elementos son conectados a travĂŠs de lĂ­neas imaginarias en lugar de ver puntos o grupos de puntos.

Movimiento común o destino común

Movimiento

común

Los elementos que se desplazan en la misma dirección tienden a ser vistos como un grupo o conjunto.

Ley de proximidad

Proximidad Los elementos tienen a agruparse con los que se menor distancia.

AquĂ­

las

ver botellas

El punto

C

uando se habla de un punto se hace para indicar una posición dentro de un espacio determinado. Cuando hacemos foco en un punto concreto tenemos que tener en cuenta los elementos adyacentes y su influencia.

•

No posee ninguna dimensión.

•

No tiene posición en el espacio.

• •

Indica una dirección.

Es el principio y el fin de una línea.

•

Es donde dos líneas se encuentran o se cruzan.

Transformación: Cuando un punto se mueve, su recorrido se transforma en una línea o puede considerarse también una sucesión de puntos.

La línea

E

s un ente invisible, es la traza que deja un punto al moverse. Es, por lo tanto, un producto que surge del movimiento.

•

Posee una sola dimensión, largo.

•

Tiene posición y dirección en el espacio.

•

Está limitada por puntos y forma los bordes de un plano.

Transformación: El recorrido de una línea en movimiento crea un plano.

Anuncios donde se identifica el punto y la línea Practica 4.

El punto no tiene dimensión, pero tiene una posición, aquí podemos ver las gotas representar un punto, y la nerviación de la hoja representar las líneas.

AquĂ­ podemos observar muchos puntos que tambien conforman lineas al unirse.

La linea. Su presencia crea tensiĂłn en el espacio donde la ubiquemos y afecta a los diferentes elementos que conviven con ella.

En este anuncio podemos observar los vehiculos formar un punto, y la linea podemos ver que tiene una direccion en el suelo de la carretera.

AquĂ­ representa la linea los sorbetes o calimetes en una linea curva y el punto lo representan las lĂ­neas al cruzarse.

En este anuncio se ve claramente los puntos que forman las botellas y al estar juntas conforman la linea.

Formas positivas son aquellas que percibimos como una figura con un fondo, y las negativas son las que percibimos como un vacío sobre un fondo lleno.

Ejemplo:

Cuando se perciben las formas negativas y positivas, el ocupante que invade un espacio es negativo y viceversa, En el diseño el negro es positivo y el blanco es negativo.

Espacio positivo, es el que rodea a un espacio negativo, y el espacio negativo, el que rodea un signo positivo, la relación figura fondo es ambivalente: en ciertos momentos encontramos formas positivas y espacio negativos, en otros encontramos formas negativas y espacios positivos.

Tendemos a considerar al negro como OCUPADO y al blanco como VACÍO. Una forma negra es reconocida como POSITIVA y una forma blanca como NEGATIVA.

Parte B.

Parte C:

Las formas pueden encontrarse entre sí de diferentes maneras, estas opciones nos pueden ser muy útiles al momento de la creación de logotipos, íconos abstractos.

Distanciamiento: Ambas formas quedan separadas entre sí, aunque pueden estar muy cercanas • Toque: Si acercamos las formas, comienzan a tocarse, así que el espacio que existía entre ella queda anulado.

• Superposición: Una forma se cruza sobre la otra y parece estar por encima, cubriendo una porción de la que queda debajo.

• Penetración: No existe una relación obvia de arriba y debajo entre las formas, los contornos siguen siendo enteramente visibles.

• Unión: No existe una relación obvia de arriba y debajo entre las formas, pero ambas formas quedan reunidas y se convierten en una forma nueva y mayor.

• Sustracción: Se la considera como la superposición de una forma negativa sobre una positiva.

• Intersección: En este caso solo es visible la porción en que ambas formas se cruzan entre sí.

• Coincidencia: Si acercamos las formas, los dos formas se convierten en una.

•

Tipos de Repetición: Repetición Módulos.

Son formas idénticas o similares que aparecen más de una vez en un diseño. La presencia de módulos tiende a unificar el diseño. Los módulos pueden ser descubiertos fácilmente y deben de ser simples o si no se perdería el efecto de repetición.

Si utilizamos la misma forma más de una vez usamos la repetición. Este es el método más sencillo de diseño, esta suele aportar una inmediata sensación de armonía.

Tipos de Repetición: • • • • • • •

Repetición de Figura: La figura es siempre el elemento más importante. Las figuras que se emplean pueden tener diferentes medidas, colores, etc.

Repetición de Tamaño: Esta solo es posible cuando las figuras son también repetidas o muy similares.

Repetición de Color: Esto supone que todas las formas tienen el mismo color, pero que sus figuras y tamaños pueden variar.

Repetición de Textura: Todas las formas pueden ser de diferentes conformaciones, medidas o colores.

Repetición de Dirección: esto solo es posible cuando las formas muestran un sentido definido de dirección, sin la menor ambigüedad.

Repetición de Posición. Esto se refiere a como se disponen las formas, de acuerdo a una estructura.

Repetición de espacio: Todas las formas pueden ocupar su espacio de una misma manera. Repetición de gravedad: Es un elemento demasiado abstracto

para ser usado repetidamente. Es dificultoso afirmas que las formas sean de igual pesantez o liviandad, de igual estabilidad o inestabilidad, a menos que todos los otros elementos estén en estricta repetición.

Variaciones de Repetición.

La repetición de todos los elementos puede resultar muy monótona. La repetición de un solo elemento puede no provocar la sensación de orden y de

armonía que asociamos normalmente con la disciplina de repetición, deben explorarse las posibilidades de variaciones direccionales o espaciales.

Variaciones Direccionales.

Con la excepción del círculo todas las formas pueden variar de dirección en cierto grado. Aun los círculos pueden ser agrupados para dar una sensación de dirección.

Pueden distinguirse varias clases de arreglos direccionales: • • • • • •

Direcciones repetidas Direcciones indefinidas Direcciones alternadas Direcciones en gradación Direcciones similares Variaciones Espaciales

PARTE B

La estructura es la que gobierna la posición de las formas. Impone un orden y predetermina las interrelaciones. Esta presente cuando hay organización. Puede ser formal, informal, activa, inactiva, visible e invisible.

Estructura formal está compuesta de líneas estructurales que parecen rígidas, las cuales guían el diseño. Los tipos de estructura formal son: repetición, gradación y radiación.

Estructura semiformal es bastante regular, pero tiene una ligera irregularidad.

No es necesario que tenga líneas estructurales.

Estructura informal no tiene líneas estructurales estructura libre o indefinida.

Todos los tipos de estructura pueden ser activos e inactivos.

Estructura inactiva se compone de líneas estructurales puramente conceptuales, guían la estructura, pero no interfieren con las figuras ni el espacio.

Estructura activa líneas estructurales que son conceptuales. Pero estas pueden dividir el espacio en subdivisiones visuales.

-Las subdivisiones estructurales aportan independencia a los módulos.

-Cada módulo puede ser trasladado para asumir distintas posiciones (excéntricas).

-Un módulo dentro de una subdivisión adyacente se puede considerar como dos formas.

Estructura invisible, son vistas en la mayoría de los casos, las líneas estructurales son conceptuales.

Estructura visible, las líneas estructurales existen, son reales y visibles; deben ser tratadas como una clase especial del módulo, pues se puede interactuar con estas.

Pueden ser positivas y negativas.

Estructura repetición es cuando los módulos se colocan con los mismos espacios y regularmente. Es la más simple de las estructuras. La retícula básica se usa con frecuencia en las estructuras de repetición, son líneas horizontales y verticales medidas que se cruzan. Algunas de sus variaciones son:

– Cambio de proporción.

– Cambio de dirección.

-Direccionamiento.

-Curvatura o quebrantamiento.

-Reflexión -Combinación -Divisiones ulteriores (Divisiones dentro de la retícula base) -Retícula triangular o hexagonal.

Estructura de múltiple repetición, cuando la retícula se compone de más de una clase de subdivisiones estructurales que son iguales en forma y tamaño. Dos ejemplos son: los taraceados planos matemáticos y las estructuras de formas repetidas.

Módulos y subdivisiones estructurales En una estructura inactiva(invisible) los módulos están dentro de las

subdivisiones o en la intersecciones estructurales.

En una estructura activa(visible o invisible) cada módulo tiene su propia subdivisión y no tiene que estar dentro de la subdivisión. Así como los super módulos pueden quedar relacionados con supersubdivisiones.

Repetición de posición, siendo que todos los módulos están colocados de la misma manera dentro de la subdivisión. Esta presente siempre en la estructura inactiva y en la activa no siempre es necesaria.

Superposición de estructuras de repetición, una estructura de repetición puede sobreponerse a otra estructura de sobre posición, estas pueden ser las mismas entre si o no.

Estructura de repeticion.

Es la mas simple de las estructuras, es utilizar las mismas formas varias veces en un diseĂąo.

Estructura informal Es generalmente libre e indefinida.

Estructura inactiva.

Se compone de lĂ­neas estructurales puramente conceptuales.

Estructura invisible

Las lineas estructurales no forman parte en la composicion.

Estructura visible Las lineas estructurales forman parte elemental del diseĂąo.

“Las formas pueden parecerse y sin embargo no ser idénticas. Si no son idénticas, las formas no están en repetición. Están en similitud. Los aspectos de similitud pueden encontrarse fácilmente en la naturaleza. Las hojas de un árbol, los árboles de un bosque, los granos de arena en una playa, las olas del océano, son ejemplos vívidos.

La similitud no tiene la estricta regularidad de la repetición, pero mantiene en grado considerable la sensación de regularidad.

“El diseño por similitud esencialmente consiste en un cambio de escala”

Similitud de Módulos Las figuras usadas se parecen. En la repetición sus tamaños deben ser también parecidos. Cuando la diferencia sea reducida, los módulos pueden parecer repetitivos, si esta aumenta pueden parecer figuras individuales, solamente vagamente relacionadas.

“La similitud de módulos en un diseño se refiere primordialmente, a la similitud de las figuras de esos módulos. En una estructura de repetición, los tamaños de los módulos deben ser también similares, (…), la similitud debe ser considerada separadamente, respecto a cada uno de los elementos visuales y de relación. La figura es siempre el elemento principal para establecer la relación de similitud, por que las formas difícilmente podrían ser consideradas como similares si lo fueran en tamaño, color y textura, pero diferentes en figura. Desde luego el grado de similitud de figuras puede ser muy flexible.”

Similitud de Figuras No significa que las formas parezcan mas o menos las mismas ante nuestros ojos. A veces es reconocida cuando todas las formas pertenecen a una clasificación común.

“La similitud de figura no significa simplemente que las formas parezcan más o menos las mismas ante nuestros ojos. A veces la similitud puede ser reconocida cuando todas las formas pertenecen a una clasificación común. Están relacionados entre sí, no tanto visualmente como quizá psicológicamente.” Wucius Wong.

La similitud de figura puede ser creada por uno de los siguientes medios: 1. Asociación: Pueden ser agrupadas juntas de acuerdo a su tipo, su familia, su significado o su función. La serie de similitud es aquí particularmente flexible.

(Fig.27)

2. Imperfección: Es cuando una figura ‘ideal’ es deformada, transformada, mutilada, cortada o quebrada. (Fig.28) 3. Distorsión Espacial: Es cuando la forma es rotada, curvada o retorcida lo que deriva en una gran variedad de distorsiones espaciales. (Fig.29) 4. Unión o Sustracción: Una forma puede esta compuesta por dos formas más pequeñas que son unidas u obtenidas sustrayendo una forma menor de una mayor. Los múltiples medios por los que se relacionan las dos formas componentes producen una cadena de módulos en similitud. (Fig.30) 5. Tensión o Comprensión: Una forma puede ser estirada (Por una fuerza interior que empuja los contornos hacia afuera) o apretada (Por una fuerza exterior que empuja los contornos hacia adentro), lo que deriva en una serie de módulos en similitud. (Fig.31). Wucius Wong.

Similitud y Gradación En la Similitud (fig.32a) los módulos son vistos en una ligera agitación, pero se adhieren entre si para formar una unidad. En la Gradación (fig.32b), los módulos son organizados para sugerir de manera muy controlada, la progresión y el movimiento.

“Cuando se utiliza un grupo de módulos en similitud, es esencial que no sean dispuestos en el diseño de tal manera que muestren un discernible cambio sistemático en gradación. Tan pronto como sea aparente la regularidad de un cambio en la gradación, desaparecerá el efecto de similitud” Wucius Wong.

La Estructura de Similitud “Podemos decir que es semiformal y que no tiene la rigidez de una estructura de repetición ni tampoco la regularidad de repetición múltiple. Se sugieren dos tipos básicos de estructura de similitud: •

•

Subdivisiones Estructurales Similares: Las subdivisiones no son repetitivas sino similares entre si. Este tipo de estructura puede ser activa o inactiva, visible o invisible.(Fig.33) Distribución Visual: Los módulos quedan distribuidos dentro del marco del diseño, visualmente, sin la guía de las líneas estructurales. En este caso, la distribución visual debe conceder a cada módulo una cantidad, similar de espacio, juzgada por el ojo

La gradación es una disciplina más estricta. Exige no solo un cambio gradual, sino que ese cambio gradual, sea hecho de manera ordenada. Genera ilusión óptica y crea una sensación de progresión, lo que normalmente conduce a una culminación o una serie de culminaciones. La gradación es una experiencia visual diaria. Las cosas que están cerca de nosotros parecen grandes, y las lejanas parecen pequeñas. Si miramos desde abajo a un edificio alto, con una fachada de ventanas iguales, el cambio en tamaño de las ventanas sugiere una ley de la gradación.” Wucius Wong.

“La Gradación puede avanzar desde la situación inicial a la final y luego volver a la inicial.”?.

“Trata sobre la transición de elementos de un grado a otro de un modo ordenado, Abarca el trabajo tonal (cambio gradual de tono), de matiz (cambio gradual de color) y de cambios de escala /forma.”*.

“Gradación: Disposición o ejecución de algo en grados sucesivos, ascendentes o descendentes, Serie de cosas ordenadas gradualmente, graduación.”Microsoft® Encarta® 2009.

Gradación de módulos

“La mayor parte de los elementos visuales o de relación pueden ser utilizados en gradación, solos o combinados, para obtener diversos efectos. Esto supone que los módulos pueden tener gradación de figura, de tamaño, de color, de textura, de dirección, de posición, de espacio y de gravedad. Sin embargo, tres de estos elementos serán descartados de la presente consideración. Uno es el color, que está más allá del objeto de este libro, otro es la textura, y el otro es la gravedad, que depende de los efectos producidos por otros elementos. Eliminados éstos, los restantes pueden reunirse en tres grupos principales: gradación en el plano, gradación espacial y gradación en la figura.” Wucius Wong.

Gradación de Plano

“No afecta a la figura ni al tamaño de los módulos. La relación entre los módulos y el plano de la imagen permanece constante. Pueden distinguirse dos clases de gradación en el plano: Esto indica en gradual cambio de dirección de los módulos. Una figura puede ser rotada sin trasladarse en el plano de la imagen.

Rotación en el plano: Esto indica un gradual cambio de dirección de los modulos.

Una figura puede ser rotada sin trasladarse en el plano de la imagen. (Fig.a.) Progresión en el plano: Indica un cambio gradual de la posición de los módulos dentro de las subdivisiones estructurales del diseño. Los módulos pueden ascender o descender, trasladarse de un ángulo a otro de las subdivisiones, en una secuencia de movimientos regulares y graduales.

Gradación Espacial La gradación espacial o gradación en el plano, afecta a la figura o al tamaño de los módulos.

La relación entre los módulos y el plano de la imagen nunca es constante, Pueden distinguirse dos clases de gradación espacial: Rotación Espacial o rotación en el plano: Con una separación gradual del plano de la

imagen, un mรณdulo puede ser rotado para que veamos cada vez un poco mas del

borde y un poco menos del frente, Una figura chata puede verse cada vez más estrecha hasta convertirse casi en una fina línea..

Progresión Espacial o progresión en el plano: Esta es igual al cambio de tamaño de los módulos sugiere la progresión de los módulos en el espacio, hacia adelante o hacia atrás.

Los módulos permanecen siempre paralelos al plano de la imagen, pero pueden parecer colocados muy detrás de él cuando son pequeños o delante cuando son grandes.

Gradación en la Figura Esto se refiere a la secuencia de gradaciones que resulta de un cambio real de la figura. Se sugieren dos clases comunes de gradación en la figura: Unión o Sustracción: Esto indica el cambio gradual de posiciones de los submódulos, que forman a los módulos por unión o sustracción. La figura y tamaño de cada uno de los submódulos puede asimismo experimentar el mismo tiempo transformaciones graduales.

Tensión o comprensión: Esto indica el cambio gradual de la figura de los módulos, por fuerzas internas o externas, La figura aparece como si fuera elástica y resulta fácilmente afectada por cualquier ligero empuje o atracción.

El Camino de la Gradación Toda forma puede ser gradualmente cambiada hasta convertirse en cualquier otra. Como ocurre ese cambio es algo que queda determinado por el camino de gradación que se elija.

Hay múltiples caminos para la gradación. El diseñador puede escoger un camino de gradación en el plano, en el espacio, en la figura o en una combinación de ellos. El camino puede ser directo o dar rodeo.

La Velocidad de Gradación La cantidad de pasos requeridos para que una figura cambie de una situación a otra determina la velocidad de gradación. Cuando los pasos son pocos, la velocidad es rápida, y cuando son muchos la velocidad es lenta. La velocidad en gradación depende de los efectos que el diseñador quiera obtener. Una gradación rápida provoca saltos visuales, mientras una gradación lenta evoluciona lenta y a veces casi imperceptiblemente. La ilusión óptica es habitualmente el resultado de la gradación lenta.