Carpeta Final Introducción a la Comunicación Visual - Joseph Engel Manzanillo 2019-8046

Fundamentos del Diseño Joseph Engel Manzanillo 2019-8046

Elementos del Diseño

• • • •

Resumen analítico Elementos conceptuales Elementos visuales Elementos de relación Elementos prácticos

Investigación • Wucius Wong • Teoría de Gestalt y variaciones

Los elementos del diseño están compuestos por 4 grupos:

Elementos conceptuales visuales Elementos de relación prácticos

Elementos Elementos

Por su cuenta estos elementos separados no determinan nada, pero al juntarlos determinan apariencia y contenido de un diseño.

-Elementos Conceptuales Estos elementos no existen, pero parecen estar ahí. Si existieran no serían llamados conceptuales.

En una forma creemos que los vemos presente, pero no están allí. Los elementos de este grupo son el punto, la línea, el plano y el volumen.

Estos elementos van formándose en otros por los recorridos de manera jerárquica.

-El punto es el más mínimo, al hacer un recorrido cortando o encontrándose con otro punto forma una línea, siendo ambos su principio y fin.

-La línea compuesta por dos puntos de principio a fin, tiene largo pero no ancho, en su trayecto las líneas forman los bordes de un plano.

-El plano se compone del recorrido de una línea que forma sus bordes, dándole dirección y posición, ancho y largo, pero sin grosor. Define los límites del volumen.

-El volumen se compone de los tres elementos ya mencionados, con una posición en el espacio. En el diseño bidimensional es una ilusión del grosor.

-Elementos visuales Al representar una línea conceptual con un lápiz y un papel obtenemos una línea visible. Esta línea visible a diferencia de la conceptual tiene ancho.

La forma, el tamaño, la textura y el color son las propiedades de estos elementos.

Los elementos visuales son lo más resaltado en un diseño por ser lo que realmente se ve. Estos elementos van formándose en otros por los recorridos de manera jerárquica.

-La forma nos ayuda a identificar en nuestra percepción de aquello que estemos viendo.

-El tamaño lo tienen todas las formas y dependiendo a que se compare puede ser muy grande o muy pequeño, pero se puede medir.

-El color define la cercanía de la forma, los colores además de los del espectro solar (o del arcoíris), también están los neutros y sus variaciones tonales y cromáticas.

-La textura es la cercanía que tiene de la superficie de la forma, esta atrae tanto a la vista como al tacto. Puede ser plana, decorada, rugosa o suave.

-Elementos de relación En estos elementos domina la ubicación e interrelación de las formas de un diseño. La dirección y la posición se pueden percibir; el espacio y la gravedad son sensaciones.

-La dirección es relativa a su relación con el observador, su marco u otras formas cercanas

-La posición es definida por su relación con el marco que le contiene.

-El espacio es donde se encuentran las formas, dependiendo del espacio la forma puede llenar o vaciar, también puede de manera ilusoria sugerir profundidad.

-La gravedad es una sensación psicológica, tal como la gravedad de la tierra atribuye propiedades a la forma o grupo de formas como la estabilidad y/o su peso.

-Elementos prácticos Los elementos de este tipo son: -La representación es cuando un ser humano hace una forma que se toma de la naturaleza, sin importar el estilo en que fue realizada la forma.

-El significado es cuando el diseño lleva un mensaje consigo.

-La función es cuando un diseño tiene un propósito que servir

¿Quién es y fue Wucius Wong?

Artista del arte chino, referente del movimiento Nueva Tinta en Hong Kong. Autor del libro Fundamentos del Diseño.

Fue uno de los primeros artistas en llevar un toque modernista a China. Es actualmente el más grande exponente del diseño bidimensional y tridimensional.

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

Fueron enunciadas por los psicólogos de la Gestalt (Max Wertheimer, Wolfgang Köhler y Kurt Koffka en Alemania a principios del siglo XX) quienes, en un laboratorio de psicología experimental, demostraron que el cerebro humano organiza los elementos percibidos en forma de configuraciones (gestalts) o totalidades.

De esta se derivan leyes generales y particulares:

Generales -Principio general de figura y fondo: es un elemento que existe en un espacio o “campo” destacándose en su interrelación con otros elementos. El fondo sostiene y enmarca a la figura y, por su contraste menor, tiende a ser desapercibido u omitido.

-Ley general de la buena forma: se basa en la observación de que el cerebro intenta organizar los elementos percibidos de la mejor forma posible, (simple) esto incluye el sentido de perspectiva, volumen, profundidad etc.

El cerebro prefiere las formas integradas, completas y estables.

Particulares Ley de cierre: Las formas cerradas y acabadas son más estables. Tendemos a cerrar y a completar con la imaginación las partes faltantes.

Ley de 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 proximidad: Los elementos tienen a agruparse con los que se encuentran a menor distancia.

Ley de la similaridad: Los elementos que son similares tienden a ser agrupados.

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

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

Leyes de Gestalt • • • • • • • •

Ejemplos publicitarios Principio de figura fondo Ley general de buena forma Ley de cierre Ley de contraste Ley de proximidad Ley de similitud Ley de continuidad Ley de movimiento común

La forma tiene interrelación con el espacio que le rodea.

Centramos la atención en los elementos que forman parte del espacio y por el contraste de los colores y sus bordes distinguimos las formas.

Ambas caras son fáciles de distinguir por los rasgos notables, la manzana se nota por su parte inferior y superior que es característica de la fruta.

Ley general de la buena forma Al ver la imagen el cerebro trata de organizar la información que recibe como la profundidad y la dirección en que están los elementos que contiene.

Ambas calles se cruzan y si se remueven los vehículos no se especifica una dirección.

Los vehículos crean un sentido de profundidad pero diferentes a los de la otra calle.

Ley de cierre

Las formas quedan inconclusas provocando al observador completar la imagen con un cuadrado conceptual.

Las galletas sin completar su forma circular, forman un ángulo de 90 grados que constituyen los bordes del cuadrado conceptual.

Ley de contraste Los diferentes tamaños de ambos objetos hacen que el anuncio llame la atención, al comparar el tamaño del vehículo y la bailarina.

Además de los tamaños, el calzado contiene colores que contrastan a los colores acromáticos del entorno que los rodea, llamando la atención

Ley de la Proximidad Los elementos, en este caso, las botellas, se agrupan partiendo del centro delante hacia izquierda y derecha de atrás. Se crea una percepción de profundidad ante el punto de vista del observador.

Al la imagen ser bidimensional, para crear la forma de sonrisa que es la intención del diseñador.

Ley de similitud Los elementos que forman el ratón se agrupan, tienen la misma forma variando en los tamaños en ciertas áreas.

Los diferentes tamaños cumplen con las necesidades que la forma requiera.

En casos como la cola el tamaños de los quesos van disminuyendo en comparación a las extremidades que requieren más tamaño

Ley de Continuidad

Los elementos se conectan en los bordes, se siente incompleta visualmente la imagen.

Por medio de líneas imaginarias

En la botella, un lado complementa al otro, la sensación de necesidad se hace presente en nuestra vista y la mente la complementa con la forma que conocemos e identificamos como una botella.

Ley de movimiento común La imagen contiene elementos que repiten la misma forma desplazándose hacia la misma dirección, cerrando el camino. De ahí viene el nombre, porque los grupos se dirigen al mismo lugar.

Las columnas que rodean el camino de lado y lado son conjuntos que se dirigen al centro de la composición.

Punto y Línea Resumen analítico • Punto como forma • Línea como forma Ejemplos publicitarios Práctica

• Señalética

Punto y línea Punto como forma El punto es reconocido por su tamaño, pequeño relativamente con sus alrededores, si se encuentra en un marco pequeño parecerá grande mientras que si es grande el marco se verá pequeño.

Por lo tanto debe ser comparativamente pequeño.

Es regular ver el punto como un círculo sin ángulos ni dirección, pero también se puede representar tanto con formas regulares como formas irregulares. Lo importante es que la forma sea simple.

Líneas como forma La línea es conocida por su estrecho ancho y una gran longitud. La estructura de la línea transmite delgadez, que también es relativa. No existe un criterio para que sea definida como una forma.

En una línea se consideran 3 aspectos: Forma total: esta es su apariencia, si es recta, curva, quebrada, irregular o a mano alzada

Cuerpo: es el contenido dentro de los bordes, pueden ser lisos o paralelos y pueden ocasionar que se vean afiliados o irregulares.

Extremidades: carecen de importancia si la línea es fina, cuando es ancha se siente más. Pueden ser cuadrados, redondos, puntiagudos o cualquier forma simple.

Composición de líneas conceptuales ..................................

Varios puntos en forma de hilera pueden formar una línea conceptual, pero sigue siendo una serie de puntos. ..................................

En esta publicidad de concientización luego La razón para usar de un terremoto en los puntos es por la ilusión óptica creada Indonesia se utilizan por los colores, que puntos en forma de crean una sensación círculos haciendo la forma de territorial de de profundidad la ciudad de (pero eso es otro tema) a partir de los Yogyakarta. Al mismo tiempo de tener puntos colores que se le atribuye a las formas visuales, tienen líneas conceptuales marcando de los puntos. los bordes de la ciudad.

Esta compañía rusa de manejo de riesgo presenta al gran barco RMS Titanic frente al iceberg que lo llevó a su hundimiento. El iceberg está formado por puntos numerados haciendo referencia a unir los puntos y ver los problemas antes que pasen, promoviendo su función.

Líneas conceptuales pueden ser formadas a partir de estos puntos que se deben unir para ver el iceberg.

Aquí vemos líneas de diferentes grosores, como está formado un código de barras, de los cuales se encuentran en lugares como este supermercado Carrefour.

En la izquierda el código de barras es un contenedor de líquidos. Mientras que el de la derecha, usa ciertas líneas saliendo como si fueran confeti, entre tanto el código de barras tiene forma rectangular, manteniendo sus características líneas inconstantes en grosor.

Vemos líneas conceptuales en este ejemplo, estas son las que soportan cada fila de formas. Se están tomando ilusiones ópticas conocidas para probar la salud del consumidor al ver cosas como estas.

Quien hace esta campaña publicitaria es aspirina, promoviéndose a través de ilusiones ópticas, que al observador fallar le llame la atención una aspirina.

Coca Cola llena de puntos casi toda la composición. Estos puntos se supone que salen al abrir la botella, es posible que signifiquen las burbujas de la bebida y toda la frescura que proporciona al consumidor.

Hay diferentes tamaños, las más grandes se encuentran más cerca. Con colores que dan alegría y van con la guía de color de la marca.

Señalética Señales de un supermercado

Formas positivas y negativas Resumen analítico • Formas positivas y negativas Práctica • Módulos

Formas negativas y positivas Una forma puede verse ocupada, como también puede verse vacía alrededor de un espacio ocupado. La forma que ocupa espacio es positiva, mientras que si está vacía rodeada por un espacio ocupado es negativa.

Cuando se trabaja en blanco y negro, el color negro es llamado positivo y ocupa espacio; el blanco es lo contrario, se le llama negativo y es vacío Pero no siempre es así en los casos que las formas se interfieren unas a otras, ya que es difícil separar cuales partes serán positivas y cuales partes serán negativas. En la forma ya sea positiva o negativa, es llamada la figura sobre un fondo.

En los ejemplos de más arriba se nota como dependiendo los colores de alrededor de la figura se define el contenido.

Módulos

Interrelación de formas

• • • •

Resumen analítico Distanciamiento • Unión Toque • Sustracción Superposición • Intersección Penetración • Coincidencia

• • • •

Practica Distanciamiento • Unión Toque • Sustracción Superposición • Intersección Penetración • Coincidencia

Interrelación de formas Las formas pueden colocarse una con otra de diferentes maneras que se vuelven complicadas.

Tomando dos círculos de tamaños iguales, pueden existir 8 maneras de interrelación.

Distanciamiento:

Toque:

Las formas están separadas sin contacto, aunque estén cerca

Las formas están cerca y se tocan, con esto el espacio entre las dos formas es anulado.

Superposición:

Penetración:

Ahora las formas acercarse más, están una sobre la otra, notándose una por encima cubriendo la de debajo.

Las formas están una sobre otra pero son transparentes y no se nota cual está por encima, solo se ven los contornos

Unión:

Sustracción:

Ambas formas están reunidas y crean una sola figura, de este modo perdiendo parte de su contorno al unirse

Cuando una forma invisible y otra invisible se cruzan, las dos cubren un espacio de la otra forma.

Intersección:

Coincidencia:

Las dos formas se cruzan pero solo es visible la porciones que son cubiertas, creando una forma nueva y más pequeña.

Acercando las formas aún más, coinciden es tamaño y en posición formándose como una sola forma.

Formas negativas y positivas

Distanciamiento

Toque

Superposición

Penetración

Formas negativas y positivas

Distanciamiento

Sustracción

Intersección

Coincidencia

Repetición

• • • • • • •

Resumen analítico Módulos Repetición de módulos Tipos de repetición Variaciones en la repetición Submódulos y supermódulos Encuentro de los cuatro círculos Repetición y reflexión

Ejemplos publicitarios

Repetición Módulos Son diseños compuestos por formas idénticas o similares, que se repiten y aparecen más de una vez. También se les llama formas unitarias, por como unen el diseño. Un diseño puede tener más de un conjunto de módulos. Para descubrir los módulos fácilmente deben ser simples, los complejos parecen formas individuales

Repetición de módulos Las formas que están más de una vez en un diseño, son repeticiones. Repetir es el método más simple del diseño. Ejemplos de repetición son columnas en arquitectura, patas de un mueble y las baldosas en el suelo. La repetición de módulos da la sensación de armonía.

Al usar pocos y grandes en tamaño el diseño es simple y audaz. Si son lo contrario, parecen uniformes compuestos por pequeños elementos.

Tipos de repetición La repetición es considerada con respecto a cada elemento visual y de relación.

-Repetición de figura -Repetición de tamaño -Repetición de color -Repetición de textura

Repetición de dirección Repetición de posición Repetición de espacio Repetición de gravedad

Repetición de figura:

Repetición de tamaño:

Las figuras se repiten son iguales y pueden variar en color, medida, etc.

Es posible cuando las figuras son repetidas o muy similares

Repetición de color:

Repetición de textura:

Todas las formas deben tener el mismo color, lo demás puede variar

Todas las formas pueden ser de la misma textura.

Las formas rellenas con la misma tinta son la misma textura.

Repetición de dirección:

Repetición de posición:

Es posible cuando se da un sentido de dirección definido

Se refiere a como se disponen la forma en su estructura

Repetición de espacio:

Repetición de gravedad:

Es posible cuando se da un sentido de dirección definido

Se refiere a como se disponen la forma en su estructura

Variaciones en la repetición La repetición de un mismo elemento es monótona, dando sensación de disciplina en la repetición. Si los elementos son los mismos debe tratarse de variar en dirección o espacio.

Variaciones direccionales -Con excepción del círculo, todas las figuras en ciertos grados pueden variar de dirección. Estos son los ejemplos de las varias clases de estas variaciones: Direcciones repetidas

Direcciones indefinidas

Direcciones alternadas

Direcciones en gradación

Direcciones similares

Variaciones espaciales -Se obtienen con las formas reunidas en una cantidad de interrelaciones. Al usar las formas resultantes de unión, penetración, superposición y las negativas se obtienen resultados sorprendentes

Submódulos y supermódulos La repetición de un mismo elemento es monótona, dando sensación de disciplina en la repetición. Si los elementos son los mismos debe tratarse de variar en dirección o espacio.

El encuentro de los cuatro círculos Disposición lineal: Los círculos se alinean como si fueran guiados por una línea conceptual, esta línea puede ser recta, curva o quebrada, la distancia entre los círculos no importa. Se pueden notar casos en que los círculos se cruzan sobre los otros 3, produciendo hasta trece divisiones.

Disposición cuadrada o rectangular: Los cuatro círculos se disponen en cuatro puntos formando un cuadrado o rectángulo. Cuando todos los círculos se cruzan entre sí se pueden generar hasta 13 divisiones.

Disposición en rombo: Los cuatro círculos se disponen en cuatro puntos formando un rombo.

Regulando la distancia, se forman módulos interesantes.

Disposición triangular: Aquí los círculos se disponen para que tres de ellos formen los puntos de un triángulo y el cuarto en el centro.

Disposición circular: Cuatro círculos hacen la misma disposición de la forma cuadrada, pero esta tiene sobre si líneas curvas conceptuales que le dan forma de arco de círculo

Repetición y reflexión -Es un caso especial de repetición. La forma es espejada resultando en una segunda, una a la izquierda y otra a la derecha, sin coincidir, ya que las dos no son simétricas. Al rotar las formas en cualquier dirección, no pueden producir la forma que reflejan.

En este caso, una publicidad para promocionar el día mundial sin tabaco. Se aplica una repetición con las formas de cruces, indicando los muchos que fallecen por causa del tabaco.

En este la repetición se emplea con la letra A en gran parte de la composición, hasta llegar a la palabra Aspirina

En este cartel hay repetición con los sombreros, en la gran mayoría de sombreros se repite el color hasta que en el último es diferente a los demás, se repite la forma, pero varía el color

En este anuncio Apple patrocina su producto con los diferentes colores en que se encuentra disponible el producto.

Repiten la forma, los colores cambian por completo

Se aplica la repetición a la forma, también el sentido de dirección de las formas va cambiando en ciertos grados, alineándose en líneas curvas conceptuales.

Supermódulos

Practica • Supermódulos

Supermódulos

Estructuras

• • • • •

Resumen analítico Formal • Invisible Semiformal • Visible Informal • De repetición Inactiva • Retícula básica Activa Ejemplos publicitarios

Práctica • Supermódulos en repetición

Estructuras Casi todos los diseños tienen estructuras, estas aplican disciplina en las posiciones de las formas de un diseño. Establece un orden y la relación interna de las formas dentro del diseño. Las estructuras siempre estarán presentes donde haya organización, sea consciente o inconscientemente.

Estos son los tipos de estructuras: Estructura formal: compuesta por líneas puestas de manera rígida y matemática, que guían como se dirige el diseño a una sensación de regularidad. El espacio se divide en subdivisiones. Entre sus tipos están la repetición, gradación y radiación.

Estructura semiformal: es una estructura que expresa regularidad con una ligera irregularidad. Pueden tener líneas estructurales que definan su disposición.

Estructura informal: esta no tiene líneas estructurales, sin organización definida de manera libre.

Estructura inactiva: en este caso, las líneas estructurales son conceptuales, por lo tanto, establecen un orden pero no interfieren con las formas ni dividen el espacio dentro del diseño.

Estructura activa: estas estructuras contienen líneas estructurales que son conceptuales, para dividir el espacio en varias maneras que sus módulos contienen: -Las subdivisiones estructurales aportan independencia espacial de cada módulo, como si estuviera en aislados con pequeñas referencias a un marco. Se pueden introducir alternados de formas positivas y negativas.

-Dentro de la subdivisión los módulos pueden asumir posiciones excéntricas y salirse de la zona definida. Pueden cortarse porciones de los módulos que están fuera de los límites marcados, así afectando la figura.

-Cuando el módulo penetra el dominio de la subdivisión se considera el encuentro de las formas y pueden procederse a las interrelaciones de formas.

-El espacio aislado de un módulo en una subdivisión estructural puede ser reunido con cualquier modulo o subdivisión vecina.

Estructura invisible: en este caso las líneas son conceptuales, las estructuras son invisibles. Las líneas pueden ser activas pero no son visibles, de un grosor mensurable.

Estructura visible: en este las líneas existen como reales y visibles de un grosor deseado. Sus líneas pueden ser tratadas como un módulo especial, ya que interactúan con los módulos y con el espacio contenido

Pueden ser positivas o negativas, si tienen módulos o espacios negativos, pueden atravesar módulos o espacios positivos. Las líneas estructurales negativas se consideran visibles ya que tienen un grosor definido que puede verse y medirse.

Hay casos en que pueden ser positivas y negativas, combinadas para el diseño. Por ejemplo tener las horizontales negativas y las verticales positivas.

Las líneas estructurales visibles e invisibles pueden estar en conjunto, teniendo visibles las verticales o las horizontales, o usarse de manera alternada o sistemática para que estas señalen divisiones.

Estructura de repetición: cuando los módulos están regularmente en un espacio, alrededor de cada uno, se dice que es una estructura de repetición. En esta estructura se encuentra dividida en subdivisiones estructurales de la misma forma y tamaño, sin intervalos espaciales entre ellos. Es la estructura más simple y útil en la construcción de dibujos más grandes.

La retícula básica: es la retícula más utilizada, se compone de líneas horizontales y verticales, parejamente espaciadas que se cruzan entre sí, resultando subdivisiones cuadradas. Proporciona la misma cantidad de espacio, en su alrededor, exceptuando por las direcciones generadas por el modulo, de este modo las direcciones verticales y horizontales

En este caso los lápices se encuentran alrededor de las palabras SEO&AD WORDS, estos forman una estructura informal ya que no contiene ninguna líneas estructurales que dividan, pero estas dan orden.

Este anuncio contiene una estructura formal, líneas conceptuales que limitan y definen donde están las subdivisiones estructurales.

En esta publicidad las letras en grande CPC, CTR y eCPM están siguiendo una estructura en dirección diagonal hay arriba. Las líneas estructurales son visibles y guían donde se apoyan las palabras.

En esta composición las palabras que forman parte de si, no todas tienen la misma dirección y sentido, pero si líneas estructurales que intervienen con el diseño.

Su intervención es notable, con las rayas que dan una sensación de corte en las letras.

Tenemos 3 objetos organizados con el mismo tamaño tanto de ancho como de largo, tienen líneas conceptuales que indican el espacio entre cada subdivisión, siendo sus líneas conceptuales del mismo grosor en cada lado.

Supermódulos en estructuras de repetición

Similitudes

Resumen analítico • Similitud de módulos • Similitud de figura • Similitud y gradación Práctica • Estampados

Similitudes Las formas pueden parecerse pero no ser idénticas, en este caso se llaman en Similitud. Los casos de similitud son evidentes en la naturaleza con, las hojas en un árbol, un árbol en un bosque y las olas en el océano son ejemplos de similitud.

La similitud no requiere una estricta regularidad pero requiere cierta cantidad entre las formas.

Similitud de módulos En la similitud de módulos, se habla de las figuras dentro de estos. En una estructura de repetición los tamaños también deben ser similares.

Al igual que en la repetición, en la similitud se considera de manera separada respecto a los elementos visuales y de relación.

La figura es lo principal en el caso de similitud, porque difícilmente sería el tamaño, color o texto, pero es diferente su figura. En algunos casos la similitud puede ser flexible, ya que las figuras A y B pueden parecer diferentes, pero al comparar ambas con C, se le nota la similitud.

Cuando es poca la diferencia pueden parecer casi módulos en repetición y cuando es mucha parecen formas individuales y vagamente relacionadas.

Similitud de figura A veces la similitud no es por cuanto se parezca ante nuestros ojos, también es cuando pertenecen a una clasificación común. Puede ser no relacionadas visualmente, pero si psicológicamente.

Puede ser creada de las siguientes formas:

Asociación: Las formas pueden ser agrupadas juntas por el tipo, la familia, significado o función. En esta la similitud es flexible. Por ejemplo en un alfabeto, cada letra tiene un significado y la similitud se establece por el tipo de letra o del peso. Puede ser ampliada hasta a la escritura humana.

Imperfección: Teniendo una figura ideal en mente, en nuestro diseño no está pero si están variaciones imperfectas, que son frecuentes de encontrar por medio de deformar, transformar, cortar, mutilar y quebrar la figura ideal.

Distorsión espacial: Las formas pueden ser giradas en el espacio de diferentes maneras, hasta ser curvadas o retorcidas, derivando muchas variaciones espaciales.

Estos medios en que se relacionan las dos formas producen una cadena en similitud, permitiendo variar las formas y tamaños.

Unión o sustracción: Una forma puede estar compuesta por dos formas más pequeñas que son unidas u obtenidas restando una forma menor en una mayor.

Tensión o compresión: La forma puede ser estirada por una fuerza, tanto desde dentro o hacia afuera. Esto funciona si vemos la forma como un elástico sujeto a las fuerzas.

Similitud y gradación Cuando hay un grupo de módulos en similitud es bueno que no se discierna un cambio en la gradación. Cuando se note la regularidad se perderá el efecto similitud.

En la similitud los módulos son vistos con ligera agitación, pero adhieren para formar una unidad.

En la gradación, los módulos se organizan para sugerir organización.

Estampados

Gradación

• • • • • • •

Resumen analítico Gradación de módulos Gradación en la figura El camino de la gradación Velocidad de la gradación Modelos de gradación Estructura de gradación Gradación alternada Práctica

•

Gradaciones

Gradación La gradación es uno de los efectos más estrictos que se abarcan. Exigen no sólo un cambio gradual sino también que sea de forma ordenada para crear una ilusión óptica y un sentido de progreso.

Vemos a diario la gradación, cosas que están cercas parecen más grandes y las lejanas parece más pequeñas, estos cambios de tamaño sugieren una ley de la gradación.

Gradación de módulos En una estructura de repetición los módulos pueden estar en gradación, con elementos visuales como lo son el color la textura el tamaño la dirección entre otros, ya sean solos o acompañados. Sin embargo tanto el color como la textura y también la gravedad se pueden descartar en este caso la gradación. Con esto queda la gradación en el plano la gradación espacial y gradación en la figura Gradación en el plano La gradación en el plano no afecta la figura y el tamaño de los módulos. Los módulos y el plano permanecen constantes y pueden distinguirse en dos clases de gradación Rotación en el plano

Progresión en el plano

Rotación en el plano: Indica un cambio gradual en la dirección de los módulos sin trasladarse en el plano.

Progresión en el plano: La progresión en el plano eso indica un cambio gradual de posición de los módulos en las subdivisiones estructurales puede ser ascendiendo o descendiendo en una secuencia de movimientos.

Gradación espacial La gradación espacial si afecta la figura y al tamaño, la relación de los módulos y el plano nunca es constante. Puede haber dos clases de gradación espacial Progresión espacial Rotación espacial

Rotación espacial: Es una separación gradual del plano de la imagen el módulo es rotado para que veamos pocos más de sus bordes y menos en su frente una figura chata puede ser más estrecha hasta convertirse en una fina línea

Progresión espacial La progresión espacial puede ser el aumento o la disminución en el tamaño del módulo sugiriendo que va de adelante o va de atrás.

Gradación en la figura Este indica que una secuencia degradaciones hace un cambio en la figura. Hay dos tipos comunes de gradación en la figura Tensión o compresión

Unión o sustracción

Unión o sustracción: Indica el cambio gradual en la posición de los módulos. la figura y tamaño en cada uno puede indicar que experimentan son transformaciones graduales.

Tensión o compresión Esto indica un cambio gradual en la figura el módulo por fuerzas internas o externas como si fuera elástico.

El camino de la gradación Todas formas gradualmente puede convertirse en cualquier otra, hay diferentes maneras para lograrlo y el diseñador elige cuál camino tomar, puede ser directo o dar un rodeo.

Si queremos transformar un círculo en un triángulo. En la gradación de figuras puede ser apretando los círculos hasta hacerse un triángulo

También se puede recortar en los tres lados hasta que se convierta en un triángulo.

En la gradación en el plano se puede ascender el círculo, hasta qué una figura de triángulo tome su lugar.

La gradación espacial, el triángulo puede estar dentro del círculo e ir creciendo hasta tomar el lugar del círculo. El círculo se expande hasta que se note la figura del triángulo.

Velocidad de gradación Los pasos requeridos para cambiar una situación es la velocidad de gradación. Mientras menos pasos la velocidad es más rápida y mientras más pasos la velocidad es lenta. Una gradación rápida provocas artes visuales mientras que una gradación lenta evoluciona y muestra una ilusión óptica habitualmente Hay casos en qué demasiada rapidez no da sensación de gradación. Y en otros casos, si es muy lenta puede parecer repetición.

Gradación rápida

Gradación lenta Modelos de gradación En el diseño de gradación importa 2 factores la serie y la dirección del movimiento. La serie queda marcada por lo que en el inicio y en el final, en algunos casos el camino no es directo sino indirecto y deben considerarse las situaciones intermedias.

La dirección del movimiento se refiere a la orientación en el inicio y el final y su interrelación.

Los módulos iniciales pueden estar en fila y proceder a lo ancho o a lo largo o ambos sentidos hasta el final.

Movimiento paralelo Los módulos se transforman gradualmente en pastos paralelos es habitualmente en línea recta y las líneas contienen y dividen las zonas en un mismo paso.

Movimiento concéntrico Los módulos se vuelven capas concéntricas.

Si comienza en la esquina del diseño entonces es parcialmente concéntrico.

Movimiento en zigzag Esto supone que los módulos de mismo paso se disponen en forma de zigzag a una misma velocidad.

Estructura de gradación Las estructuras gradación son similares a la estructuras de repetición exceptuando qué las degradación pueden cambiar tamaño figura o ambos en una secuencia gradual. Por esto casi todas las estructuras de repetición pueden ser convertidas en estructuras degradación.

Tales como:

Cambio de tamaño y proporción En esta en un enrejado básico las líneas estructurales verticales y horizontales pueden ser espaciadas con anchos crecientes o decrecientes o también pueden progresar del estrecho a lo ancho

Cambio de dirección Todo el conjunto de líneas estructurales horizontales o verticales o ambas, pueden ser inclinadas en la dirección deseada

Deslizamiento Las hileras completas de las subdivisiones estructurales pueden ser deslizada regularmente para que una subdivisión ya no sea totalmente vecina ni encimada a la otra

Curvatura, quebrantamiento Todo el conjunto de líneas verticales, u horizontales o ambas, pueden ser curvado o quebrado gradual o regularmente

Reflexión Una hilera de subdivisiones estructurales que no estén en ángulo recto puede ser reflejada y repetida, de forma alternada o regular

Combinación Las subdivisiones estructurales cambio de tamaño y dirección pueden ser combinadas para formas figuras mas complejas en gradación

División ulterior Las subdivisiones estructurales en gradación puedes ser divididas en figuras más pequeñas o complejas

Enrejado triangular Las subdivisiones estructurales en repetición pueden ser transformadas en estructuras de gradación variando los tamaños y figura de los triángulo

Enrejado hexagonal Este enrejado en repetición puede ser transformado en gradación variando la figura y los tamaños de los hexágonos.

Gradación alternada La gradación alternada aporta complejidad al diseño. Significa que los módulos gradualmente cambian el proceso y direcciones opuestas que son entretejidas entre sí. La manera más simple de conseguirlo Es dividir la estructura en filas pares e impares y determinando que las impares tendrán disciplina diferente a las pares.

Es una estructura de gradación alternada se consigue si las filas a disminuye gradualmente y las filas B Se expanden simultáneamente en la misma dirección. La Ilustración puede parecer complicada pero es muy simple de construir

Radiación

Exposición grupal

Anomalía

Resumen analítico • Anomalía entre módulos • Anomalía dentro de estructuras

Anomalía La anomalía es la presencia de una irregularidad dentro de la regularidad., marcando una desviación de disconformidad general, presentándose como una interrupción de la disciplina.

Hay ejemplos de anomalía en nuestro alrededor son comunes, como flores en el follaje, la luna entre las estrellas, las grietas en una pared lisa, entre otros.

En un diseño, las anomalías deben tener un propósito definido, como los siguientes:

-Atraer la atención. Al usar la anomalía de forma moderada se destaca y atrae la atención de forma inmediata.

-Aliviar la monotonía. La constante regularidad parece monótona. La anomalía puede generar movimiento y vibración en ciertas zonas.

-Transformar la regularidad. Una regularidad transforma a otra, siendo un cambio de disciplina.

-Quebrar la regularidad. Se aniquila la regularidad con el desorden en una o más zonas. En este caso parece violenta, pero es muy unida.

Anomalía entre módulos La regularidad en los módulos existe cuando hay una cierta clase de disciplina, como repetición, similitud y gradación. Cuando se introduce una anomalía en los módulos debe examinarse la originalidad de los elementos visuales y su relación.

Un módulo anómalo puede desviarse en uno o dos elementos y cambia la regularidad.

La anomalía es comparativa, un módulo puede ser más anómalo que otro. La anomalía puede ser tan sutil como también muy prominente.

Estos módulos anómalos pueden ser regulares o diferentes entre sí. Pueden llamar la atención de las siguientes maneras: -es muy prominente -todos los módulos anómalos aparecen dentro de una zona restringida -hay pocos módulos anómalos.

La anomalía concentrada se convierte en el centro de interés del diseño.

La anomalía alivia la monotonía cuando sus módulos aparecen con frecuencia en un lugar amplio. Su ubicación puede ser ordenada, casual, generando movimiento o haciendo énfasis.

La regularidad se transforma de una clase a otra, estableciendo regularidad entre sí. Estos equivale a anexar o combinar dos grupos de módulos regulares, en este caso la experiencia puede ser muy difusa.

La regularidad puede interrumpirse con una o más zonas que parezcan haberlo rasgado, quebrado o rasgado.

Anomalía dentro de las estructuras Las estructuras regulares son las de repetición, gradación y radiación, en el caso de similitud son menos regulares.

La anomalía en una estructura regular sucede en las subdivisiones estructurales, en una o más zonas del diseño pueden cambiar de figura, tamaño o dirección, cayendo en completa desorganización.

Esto señala informalidad, pero solo en las zonas anómalas.

En las zonas donde ocurre una anomalía de estructura, los módulos pueden ser afectados de las siguientes maneras: a) Los elementos visuales siguen intactos pero forzados a cambiar de dirección o posición, posiblemente cruzando sobre otros módulos o subdivisiones estructurales.

b) Los elementos visuales permanecen intactos pero con líneas estructurales anómalas activas, pueden cortar porciones de los módulos que se salgan de las estructuras. c) Pueden ser distorsionados como lo son las subdivisiones pero su relación con las subdivisiones sigue siendo igual d) Pueden convertirse en anómalos mientras mantienen una clase de regularidad entre sí mismos e) Pueden convertirse en variablemente anómalos

La anomalía estructural puede llamar la atención dentro de una zona restringida, incluso si los módulos del alrededor permanecen incambiados, esto llama la atención del ojo.

La monotonía puede ser aliviada al repetir la repetición de subdivisiones anómalas distribuidas de forma ordenada o casual en el diseño.

Las zonas de anomalía pueden convertirse en otra clase de regularidad estructural, de esta manera su transformación puede conducir a llamativas composiciones semiformales.

La ruptura de una estructura regular significa que la disciplina es completamente destruida en una o más zonas de anomalía. Las líneas estructurales quedan enmarañadas, las subdivisiones distorsionadas o dislocadas.

Contraste

• • • •

Resumen analítico Contraste, regularidad y anomalía Contraste de elementos visuales y de relación Contrastes dentro de una forma La estructura de contraste

Contraste El contraste ocurre siempre aunque su presencia pueda no ser advertida. Existe contraste con una forma rodeada de un espacio blanco, cuando una línea recta se cruza con una curva, lo hay cuando una forma es mayor que otra y cuando coexisten direcciones verticales y horizontales.

En la vida cotidiana lo vemos, el día con la noche, el pájaro en el cielo, una silla vieja y un moderno sofá son contrastes.

A B

C

El contraste puede estar de muchas formas siendo flexible. La forma A puede parecer contrastante con la B, pero al introducir C las formas A y B son más similares que contrastantes con relación a C. Contraste es solo una clase de comparación de la cual la diferencia es clara. Las diferencias entre figuras similares se enfatizan con un contraste

Contraste, regularidad y anomalía La anomalía existe en la regularidad bajo la forma de elementos irregulares habiendo un contraste entre estos dos. Ya que la regularidad requiere disciplina y la anomalía es su desviación. Sin embargo el contraste es parte de la regularidad.

Si el diseño es una superficie plana con color uniforme, es la excepción a que siempre hay un contraste de espacio ocupado y vacío. En los módulos que sean repetitivos de algún tipo, se puede contrastar posición, dirección o ambos. Los elementos contrastados pueden entretejerse juntos en el diseño como parte de la regularidad.

La regularidad trae armonía más no indica siempre un buen diseño. Un diseñador puede con los mismos elementos visuales hacer algo diferente a otro diseñador y el debido uso del contraste explica sus diferencias.

Contraste de elementos visuales y de relación El contraste es evidente en cada elemento visual y de relación: Contraste de figura Contraste de tamaño Contraste de color Contraste de textura

Contraste de dirección Contraste de posición Contraste de espacio Contraste de gravedad

Contraste de figura: Existe dentro de este el contraste entre una figura geométrica y una orgánica, pero las geométricas pueden estar en contraste si una es angulosa y la otra no. Otros casos son: -Curvilínea/Rectilínea -Plana/Lineal

-Mecánica/Caligráfica -Simétrica/Asimétrica -Hermosa/Fea

Contraste de tamaño: El contraste de tamaño es directo. El contraste entre pequeño y grande se nota en formas planas, mientras el contraste a lo largo y corto se nota en formas más lineales.

Contraste de color: Uno de los casos comunes en que este contraste está: -luminoso/oscuro -brillante/opaco

-cálido/frío

Contraste de textura: Uno de los casos comunes en que este contraste está: -suave/rugoso

-pulido/tosco -parejo/desparejo -opaco/satinado

Contraste de dirección: Dos direcciones cualesquiera que se encuentren a un ángulo de 90° están en contraste máximo.

Dos formas que se enfrentan tienen contraste de naturaleza muy distinta por no ser paralela aunque sean rotadas en 180°.

Contraste de posición: La posición de una forma se conoce por su relación en el marco o la subdivisión estructural que la contiene u otra forma.

Contraste de espacio: Cuando el espacio es plano liso se perciben los contrastes ocupado/vacío o positivo/negativo. El espacio blanco puede ser visto como apretado o expansivo y puede tener contraste de figura y tamaño si es visto como negativo. Cuando el espacio es ilusorio las formas pueden parecer que avanzan o retroceden, ser chatas o tridimensionales, etc.

Contraste de gravedad: en esta se encuentran dos tipos: -estable/inestable: puede ser debida a la figura misma o la conformidad de la desviación. La estabilidad es estática mientras que la inestable sugiere movimiento

-ligero/pesado: esto puede deberse al uso del color pero puede ser afectado por la figura y por el tamaño.

Contrastes dentro de una forma Es común dentro de una forma tener elementos contrastantes para parecer más interesante. Su uso efectivo es importante en el diseño. Lo veremos en estas figuras:

Esta figura se compone de 3 borde, dos líneas rectas que son parte de un cuadrado y una curva de un círculo. Existe un contraste angular/no angular.

Esta figura se compone de un cuadrado y un círculo, siendo el círculo más pequeño que el cuadrado. Teniendo contraste de tamaño además de figura.

En esta se añade otro círculo dentro del cuadrado, así que se tiene un contraste de posición entre ambos círculos.

Tiene los mismos componentes que la anterior, en este caso uno de los círculos hay contraste de espacio siendo sustraído del cuadrado.

Concentración Resumen analítico • La concentración de módulos en estructuras formales • La estructuras de concentración

Concentración La concentración es una manera de distribución de los módulos qué pueden estar apretadamente reunidos en ciertas zonas o levemente repartidos en otras. La ciudad es un ejemplo de concentración qué los edificios y personas se agrupan en el corazón de la ciudad mientras que escasean hacia las afueras. La concentración es una organización cuantitativa de la cual el diseñador se preocupa la cantidad de módulos que se producen de un sitio a otro.

La concentración de módulos en estructuras formales El efecto de concentración puede ser creado en estructuras formales sin cambiar la disciplina estructural. El movimiento de módulos queda restringido por las subdivisiones que están dominadas por la zona ocupada y cada módulo y las direcciones de su disposición, pero la concentración se consigue las siguientes maneras:

La ausencia frecuente.

Cuando el módulo es del mismo color del fondo puede desaparecer sin afectar la disciplina general lo que conduce a una distribución despareja que deriva la concentración en los sitios diseño.

Cambios posicionales. Los cambios posicionales pueden ocurrir dentro de las subdivisiones estructurales activas para disminuir o aumentar la proporción de espacio y relación al espacio vacío ocurre la concentración cuando hay espacio ocupado en una zona rodeando espacio vacío en otras.

Cambios cuantitativos. Si el tamaño de los módulos es pequeño una subdivisión puede contener varios de ellos. De esta forma se hacen cambios cuantitativos en algunas subdivisiones con un módulo o ninguno y otras que contienen dos o más. Así consiguiendo el efecto de concentración pero las subdivisiones estructurales deben ser activas porque no se muestra el efecto si no es así

Los diferentes tipos de estructuras formales y estructuras de repetición aportan flexibilidad a la concentración. Las estructuras degradación y de radiación debido a sus cualidades intrínsecas sería difícil si no lo es imposible desviarse y realizar una concentración.

Cuando existe más de un tipo de módulo en este caso la concentración de un tipo la dispersión de otro puede producirse efecto de dominación y de énfasis. En la concentración los elementos de relación y visuales se consideran separadamente

La estructura de concentración Cuando no se utiliza una estructura formal los módulos puede ser libremente su organizados para obtener el efecto de concentración esto produce una estructura completamente informal, pero a veces hay casos en que se utiliza una estructura formal como líneas guías de la distribución de módulos para ser denominadas semiformales.

Los tipos de estructuras de concentración que se sugieren son:

Concentración hacia un punto.

Los módulos se organizan alrededor de un punto conceptual. La densidad llega al máximo dónde está el punto y se alivia gradualmente las zonas vecinas. La cantidad de puntos pueden variar de uno a muchos lo que puede ser creado por una estructura formal.

Concentración desde un punto: Es lo inverso a la concentración hacia un punto, el vacío o escasez se encuentra alrededor del punto conceptual.

Concentración hacía una línea.

Los módulos se agrupan alrededor de una línea la línea puede ser recto a cualquier figura siempre. También hay casos qué se trata de líneas estructurales de una estructura formal. Su concentración se aproxima al efecto de gradación.

Concentración desde una línea.

Es lo inverso a la concentración hacia una línea. El vacío o escasez se encuentra alrededor de una zona inmediata de la línea.

Concentración libre.

Los módulos son agrupados libremente con variantes densidad y escasez en el diseño. La organización es informal muy similar a una estructura de contraste prevaleciendo el contraste entre menos y más si se usa cuidadosamente se crea una sutileza visual y/o el drama

Superconcentración.

Los modelos son agrupados densamente sobretodo el diseño o una amplia zona el diseño con o sin transición gradual hacia los bordes.

Los módulos son de tamaño similar y agrupados en pareja puede parecer una estructura es similitud en la que cada módulo ocupa similar espacio

Desconcentración.

A que los módulos no llegan hacer concentrado en ningún sitio sino que están levemente esparcidos en todo el diseño sobre una zona amplia. Pueden esparcirse en parejas

Textura Resumen analítico • Textura visual • Textura táctil • Luz y color en la textura táctil

Textura La textura tiene ciertos aspectos esenciales en ciertas situaciones de diseño que no deben ser descuidados. Toda figura tiene una superficie y toda superficie tiene ciertas características, pudiendo ser definida como suave o rugosa, lisa o decorada, blanda o dura.

La textura puede ser clasificada en dos importantes categorías: -Textura visual -Textura táctil

La textura añade riqueza al diseño

Textura visual Es estrictamente bidimensional. Es vista por el ojo aunque pueda evocar sensaciones táctiles. Estos son las clases de texturas visuales: Textura Decorativa Es la que decora una superficie y queda subordinada a la figura en otras palabras la textura misma es un agregado que puede ser quitado sin afectar mucho a las figuras y su interrelación en el diseño puede ser dibujadas a mano u obtenidas por recursos especiales.

Textura Visual Espontanea Es aquella donde no decora la superficie, si no es parte del proceso de creación visual, la figura y la textura no pueden ser separados por que las ramas de mano accidentales contiene frecuentemente una textura espontanea como el soplado el esparcido, la integración de colores en forma natural

Textura Visual Mecánica Se refiere a la textura obtenidas por medios mecánicos y son artificiales, sin necesidad de modificar su naturaleza se puede emplear de manera decorativa y genera cierto relieve , ejemplos tramas, tipografías, papeles con texturas, catones, micas, cuero, papeles liso, telas, plásticos etc.

Textura Textil Es el tipo de textura que no sólo es visible al ojo sino que puede sentirse con la mano. La textura táctil se eleva sobre la superficie de un diseño bidimensional y se acerca a un relieve tridimensional.

Hablando en forma amplia, la textura táctil existe en todo tipo de superficie porque podemos sentirla

Textura natural asequible Se mantiene la textura natural de los materiales. Tales materiales, que pueden ser papel, tejido, ramas, hojas, arena, hilos, etc., son cortados, rasgados o usados como están, y pegados o fijados a una superficie. No se realiza esfuerzo alguno por ocultar la índole de los materiales.

Textura natural modificada Los materiales son modificados para que ya no sean los acostumbrados. Por ejemplo, el papel no adhiere en forma lisa sino que ha sido arrugado, graneado, rascado o abollonado. Un trozo de hoja metálica puede ser doblado, martillado o perforado con pequeños orificios. Un trozo de madera puede ser tallado. Los materiales quedan ligeramente transformados, pero siguen siendo reconocibles.

Textura organizada Los materiales, habitualmente divididos en pequeños trozos, redondeles o tirillas, quedan organizados en un esquema que forma una nueva superficie. Las unidades de textura pueden ser usadas como están o pueden ser modificadas, pero deben ser pequeñas o cortadas en trozos pequeños.

Luz y color en la textura táctil El juego de la luz sobré una textura táctil puede ser muy interesante. Ciertos materiales pueden reflejar o refractar la luz, con fascinantes resultados. La cualidad táctil de las superficies rugosas se emplea habitualmente junto a una fuerte iluminación lateral.

Práctica final Aplicación de:

-Radiación -Anomalía -Contraste -Concentración -Textura