2. TECNICAS VISUALES

58
Teoría del Diseño UAdeC Universidad Autónoma de Coahuila Escuela de Artes Plásticas Licenciatura en Diseño Gráfico Arianna Lucio Vanegas

Transcript of 2. TECNICAS VISUALES

Page 1: 2. TECNICAS VISUALES

Teoría del Diseño

UAdeCUniversidad Autónoma de CoahuilaEscuela de Artes PlásticasLicenciatura en Diseño GráficoArianna Lucio Vanegas

Page 2: 2. TECNICAS VISUALES

TÉCNICAS BÁSICASDE LA

COMUNICACIÓN VISUAL.

"La Sintaxis de la Imagen", D. A. Dondis .

Page 3: 2. TECNICAS VISUALES

Las Técnicas

• Manipulan los elementos visuales con un énfasis cambiante, como respuesta directa al carácter de lo que se diseña y de la finalidad del mensaje.

FUNDAMENTOS DEL DISEÑO

Page 4: 2. TECNICAS VISUALES

• La idea de presentar los opuestos radica en el hecho de que se quiere tener con claridad el reconocimiento de dos maneras distintas de ver las cosas; un cabal conocimiento de la presencia de dos formas completamente diferenciadas, opuestas, evita la confusión en la selección de un plan de diseño. Es más fácil reconocer lo irregular si lo comparamos con lo regular, lo fragmentado con lo unido, lo reticente con lo exagerado.

FUNDAMENTOS DEL DISEÑO

Page 5: 2. TECNICAS VISUALES

• La lectura del contraste se da en los diferentes atributos que podría tener el mensaje: contraste de colores, contraste de la forma, contraste de tamaño, contraste de tonalidades.

FUNDAMENTOS DEL DISEÑO

Page 6: 2. TECNICAS VISUALES

• No escapa de este proceso el contenido, su ligazón con la forma es ineludible. Todo el esfuerzo desplegado en este proceso de la composición está en función de la necesidad de expresar, persuadir, describir, explicar, comunicar de la manera más efectiva ese contenido.

FUNDAMENTOS DEL DISEÑO

Page 7: 2. TECNICAS VISUALES

• Consideraremos que las técnicas no son suficientes para la efectividad del mensaje. El contenido es elemento importante en una solución integral de la composición puesto que ingresan otros criterios, los subjetivos, para la toma de decisiones. Ésa es la razón por la que es indispensable una investigación previa antes de proponer el diseño de un mensaje visual.

FUNDAMENTOS DEL DISEÑO

Page 8: 2. TECNICAS VISUALES

• Todos los elementos, tanto visuales como no visuales, deben estar conectados y direccionados a la definición de un mensaje claro.

FUNDAMENTOS DEL DISEÑO

Page 9: 2. TECNICAS VISUALES

• En el proceso creativo emergen nuevas técnicas de acuerdo con las nuevas necesidades de expresión; asimismo, sus matices son válidas como formas expresivas. Se puede ir hacia una gama que se acerque o se aleje de cada una de estas técnicas visuales, lo importante es reforzar la claridad del mensaje que es el objetivo principal de la composición, entonces, comprendemos que el logro de la estética en la forma de estos mensajes va acompañado necesariamente de la funcionalidad.

FUNDAMENTOS DEL DISEÑO

Page 10: 2. TECNICAS VISUALES

• Es indispensable entender esto con claridad porque no se debe enfatizar cada aspecto aislada-mente. Podríamos tener un mensaje muy bien redactado, gramatical y sintácticamente impecable, incluso con tipografía y colores adecuadamente seleccionados; pero, si la composición no contribuye para completar tanto la funcionalidad como para darle un carácter estético a ese mensaje el resultado del proceso creativo será deficiente.

FUNDAMENTOS DEL DISEÑO

Page 11: 2. TECNICAS VISUALES

Las técnicas visuales mencionadas por Dondis son:

• -Equilibrio • -Simetría • -Regularidad • -Simplicidad

• -Unidad • -Economía

• -Reticencia • -Predictibilidad

• -Actividad • -Sutileza • -Neutralidad

• -Transparencia

• -Coherencia

• -Realismo

• -Plana • -Singularidad

• -Secuencialidad

• -Agudeza • -Continuidad

• Inestabilidad

• Asimetría

• Irregularidad

• Complejidad

• Fragmentación

• Profusión

• Exageración

• Espontaneidad

• Pasividad

• Audacia

• Acento

• Opacidad

• Variación

• Distorsión

• Profunda

• Yuxtaposición

• Aleatoriedad

• Difusividad

• Episodicidad

Page 12: 2. TECNICAS VISUALES

Contraste - Armonía

Contraste

• Intensifica la expresión.

Armonía

• Estado nivelado del diseño visual.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 13: 2. TECNICAS VISUALES

Armonía

Contraste

EJEMPLOS

Page 14: 2. TECNICAS VISUALES

Equilibrio – Inestabilidad

Equilibrio• Dentro de las técnicas visuales, y después del contraste, la

más importante es la del equilibrio. Hay un centro de gravedad entre dos partes o pesos.

Inestabilidad• Es la ausencia de equilibrio y da lugar a formulaciones

visuales muy provocadoras e inquietantes.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 15: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Page 16: 2. TECNICAS VISUALES

Equilibrio

Inestabilidad

EJEMPLOS

Page 17: 2. TECNICAS VISUALES

Simetría - Asimetría• El equilibrio se puede lograr en una declaración visual de dos

maneras, simétrica y Asimétricamente

Simetría• Equilibrio Axial.• Un lado de la línea central corresponde exactamente otra en el otro

lado.

Asimetría• “Mal equilibrio”. Suele ser mas llamativa, expresiva e impactante.• Los griegos consideraban que la asimetría era un mal equilibrio, pero

el equilibrio. De hecho. puede conseguirse también variando elementos y posiciones

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 18: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Page 19: 2. TECNICAS VISUALES

Simetría

Asimetría

EJEMPLOS

Page 20: 2. TECNICAS VISUALES

Regularidad - IrregularidadRegularidad• Consiste en favorecer la uniformidad de elementos, el

desarrollo de un orden basado en algún principio o método respecto al cual no se permiten desviaciones.

Irregularidad• Como estrategia de diseño, realza lo inesperado y lo insólito,

sin ajustarse a ningún plan descifrable.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 21: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).Para ver esta película, debedisponer de QuickTime™ y deun descompresor TIFF (sin comprimir).

EJEMPLOS

Page 22: 2. TECNICAS VISUALES

Regularidad

Irregularidad

EJEMPLOS

Page 23: 2. TECNICAS VISUALES

Simplicidad - ComplejidadSimplicidad• Impone el carácter directo y simple de la forma elemental,

libre de complicaciones o elaboraciones secundarias.

Complejidad• Complicación visual debido a la presencia de numerosas

unidades y fuerzas elementales. que da lugar a un difícil proceso de organización del significado.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 24: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Simplicidad

Complejidad

Page 25: 2. TECNICAS VISUALES

Unidad - FragmentaciónUnidad• La unidad es un equilibrio adecuado de elementos diversos en

una totalidad que es perceptible visual mente. La colección de numerosas unidades debe ensamblarse tan perfectamente, que se perciba y considere como un objeto único.

Fragmentación• Es la descomposición de los elementos y unidades de un

diseño en piezas separadas que se relacionen entre sí, pero conserven su carácter individual

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 26: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Page 27: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Unidad

Fragmentación

Page 28: 2. TECNICAS VISUALES

Economía - ProfusiónEconomía• Visualmente fundamental. Resalta lo conservador, lo pobre y

lo puro La economía es una ordenación visual frugal y juiciosa en la utilización de elementos.

Profusión• Muy recargada. Adiciones discursivas detalladas e

inacabables al diseño básico. Asociado al poder y la riqueza.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 29: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Page 30: 2. TECNICAS VISUALES

Economía

Profusión

EJEMPLOS

Page 31: 2. TECNICAS VISUALES

Reticencia - ExageraciónReticencia• Es una aproximación de gran comedimiento que persigue una

respuesta máxima del espectador ante elementos mínimos.

Exageración• Para ser visualmente efectiva, debe recurrir a la ampulosidad

extravagante, ensanchando su expresión mucho más allá de la verdad para intensificar y amplificar.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 32: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Page 33: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Reticencia

Exageración

Page 34: 2. TECNICAS VISUALES

Predictibilidad - Espontaneidad

Predictibilidad• Sugiere un orden o plan muy convencional. Sea a través de la

experiencia, de la observación o de la razón, hemos de prever de antemano lo que será todo el mensaje visual, basándonos para ello en un mínimo de información.

Espontaneidad• Se caracteriza por una falta aparente de plan. Es una técnica

de gran carga emotiva, impulsiva y desbordante.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 35: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir). Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Predictibilidad

Espontaneidad

Page 36: 2. TECNICAS VISUALES

Actividad - PasividadActividad• Debe reflejar el movimiento mediante la representación o la

sugestión.

Pasividad• Representación estática que produce, mediante un equilibrio

absoluto, un efecto de aquiescencia y reposo.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 37: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Page 38: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Page 39: 2. TECNICAS VISUALES

Sutileza - AudaciaSutileza• Indica una aproximación visual de gran delicadeza y

refinamiento, debe utilizarse muy inteligentemente para conseguir soluciones ingeniosas.

Audacia• Es, por su misma naturaleza, una técnica visual obvia.

EI diseñador debe usarla con atrevimiento, seguridad y confianza en sí mismo, pues su propósito es conseguir una visibilidad óptima.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 40: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Sutileza

Audacia

Page 41: 2. TECNICAS VISUALES

Neutralidad - AcentoNeutralidad• Uso de elementos simples. Superar

reticencia en el espectador.

Acento• Se realza con fuerza una cosa o grupo de

cosas. Genera contraste.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 42: 2. TECNICAS VISUALES

Acento

Neutralidad

EJEMPLOS

Page 43: 2. TECNICAS VISUALES

Transparencia - Opacidad

Transparencia• Implica un detalle visual a través del cual es posible ver, de

modo que lo que está detrás es percibido por el ojo.

Opacidad• Es el bloqueo y la ocultación de elementos visuales.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 44: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Transparencia

Opacidad

Page 45: 2. TECNICAS VISUALES

Coherencia - Variación

Coherencia • Es la técnica de expresar la compatibilidad visual

desarrollando una composición dominada por una aproximación temática uniforme y consonante.

Variación• Si la estrategia del mensaje exige cambios y elaboraciones, la

técnica de la variación permite la diversidad y la variedad.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 46: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Coherencia

Variación

Page 47: 2. TECNICAS VISUALES

Realismo - Distorsión

Realismo• Convenciones calculadas. Experiencia

visual y natural de las cosas. (perspectiva, por ejemplo).

Distorsión• Realismo forzado.Pretende controlar

desviando la atención Puede producir respuestas intensas.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 48: 2. TECNICAS VISUALES

Distorsión

Realismo

EJEMPLOS

Page 49: 2. TECNICAS VISUALES

Plana - Profunda

Plana• Ausencia de perspectiva

Profunda• Uso de perspectiva

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 50: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Plana

Profunda

Page 51: 2. TECNICAS VISUALES

Singularidad - YuxtaposiciónSingularidad• Centrar la composición en un elemento

aislado.• Sin apoyo de elementos de refuerzo.

Énfasis específico.

Yuxtaposición• Interacción de estímulos visuales. Se

genera comparación. TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 52: 2. TECNICAS VISUALES

Yuxtaposición

Singularidad

EJEMPLOS

Page 53: 2. TECNICAS VISUALES

Secuencialidad - Aleatoriedad

Secuencialidad • Está basada en la respuesta compositiva a un plan de

presentación que se dispone en un orden lógico.

Aleatoriedad• Da la impresión de una falta de plan, de una desorganización

planificada o de una presentación accidental de la información visual.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 54: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Secuencialidad

Aleatoriedad

Page 55: 2. TECNICAS VISUALES

Agudeza - Difusividad

Agudeza • Está íntimamente ligada a la claridad del estado físico ya la

claridad de expresión.

Difusividad • No aspira tanto a la precisión, pero crea más ambiente, más

sentimiento

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 56: 2. TECNICAS VISUALES

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS

Agudeza

Opacidad

Page 57: 2. TECNICAS VISUALES

Continuidad - EpisodicidadContinuidad• Serie de conexiones visuales

interrumpidas.• Cohesión mantiene unidos los

elementos.

Episodicidad• Refuerza el carácter individual de las

partes.• Conexiones débiles pero con carácter

global.

TECNICAS BASICAS DE LA COMUNICACIÓN VISUAL

Page 58: 2. TECNICAS VISUALES

Episodicidad

Continuidad

Para ver esta película, debedisponer de QuickTime™ y de

un descompresor TIFF (sin comprimir).

EJEMPLOS