Elementos del Diseño I Morfología y Tectónica...

32
Elementos del Diseño I Morfología y Tectónica Obligatoria 1 er curso • 6 ECTS Grado Superior Oficial de Diseño [en línea] UB / UNIBA Documentos de ampliación / Diseño gráfico Oriol Moret Viñals Presentación Enunciado Desarrollo [25] 3 Elementos básicos: estructura, apariencia Composición gráfica Estructura y textura Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37] 4 Anexo Proceso de composición geométrica http://campus.unibarcelona.com/bbcswebdav/ pid-770326-dt-content-rid-6161435_1/courses/ 30000_04_A_2015-16/EDI_Grafico%283%29.pdf 10/2015 Documento disponible en [2014-2015] Actualizado

Transcript of Elementos del Diseño I Morfología y Tectónica...

Page 1: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Elementos del Diseño I Morfología y Tectónica Obligatoria 1er curso • 6 ECTS Grado Superior Oficial de Diseño [en línea] UB / UNIBA

Documentos de ampliación / Diseño gráfico Oriol Moret Viñals

Presentación Enunciado Desarrollo

[25] 3 Elementos básicos: estructura, apariencia Composición gráfica Estructura y textura Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático

[37] 4 Anexo Proceso de composición geométrica

http://campus.unibarcelona.com/bbcswebdav/ pid-770326-dt-content-rid-6161435_1/courses/ 30000_04_A_2015-16/EDI_Grafico%283%29.pdf

10/2015

Documento disponible en

[2014-2015] Actualizado

Page 2: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Composiciones básicas de tres elementos en un plano (DIN-A3)

Diseño gráfico: letra (tipográfica) e imagen

Actividad 04 Composición gráfica: variaciones

Actividades de evaluación

EDI_Act04_Composicion.pdf

Recursos y materiales

EDI_Act04_Presentacion.pdf

EDI_Act04.1.pdf

(Katz.pdf)

Título: Diseño Texto: (Actividad 01) Imagen: …

Page 3: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Tipografía

Clasificación formal básica

Título Romana Paloseco Caligráfica De fantasía

Texto Romana Paloseco

H

H

H

HRomanas

Palosecos

Caligráficas

De fantasía

Page 4: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Título, texto

Sin distorsiones

(Rotación)

Cuerpo e interlínea

Medida (ancho de caja), tipo de párrafo (alineación), partición

Rectángulos (evitar formas curiosas)

Texto: Actividad 01 (simulación)

Según las indicaciones publicadas en 1980, en Madrid, por la Comisión Interministerial de Ciencia y Tecno-logía y editadas por el Ministerio de Educación y Ciencia, la Nomencla-tura Internacional Normalizada para los campos de Ciencia y Tecnología fue elaborada por las Divisiones de Política Científica y Tecnología de la UNESCO entre 1973 y 1974.

En el caso específico del Estado Es-pañol, esta nomenclatura fue acep-tada por resolución de 1983 como clasificación oficial a utilizar por los Ministerios correspondientes y el Consejo Superior de Investigaciones Científicas. Más adelante, el Consejo Superior de Investigaciones Científi-cas Español introdujo por resolución algunas modificaciones en los años 1985 y 1986 incorporando nuevas disciplinas, subdisciplinas y espe-cialidades acordes con el modelo taxonómico establecido previamen-te. Ambos documentos han sido los referentes utilizados para elaborar esta solicitud.

Hpk HpkHpk

Hpk

Según las indicaciones pu-blicadas en 1980, en Ma-drid, por la Comisión In-terministerial de Ciencia y Tecnología y editadas por el Ministerio de Educación y Ciencia, la Nomenclatura Internacional Normalizada para los campos de Ciencia y Tecnología fue elaborada por las Divisiones de Polí-tica Científica y Tecnolo-gía de la UNESCO entre 1973 y 1974.

Según las indicaciones publi-cadas en 1980, en Madrid, por la Comisión Interministerial de Ciencia y Tecnología y editadas por el Ministerio de Educación y Ciencia, la Nomenclatura Inter-nacional Normalizada para los campos de Ciencia y Tecnología fue elaborada por las Divisiones de Política Científica y Tecnolo-gía de la UNESCO entre 1973 y 1974.

Hpk

Hpk

Hpk

Page 5: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Imagen /1

Red estructural

«Módulos» «si están mal…» «si son feos…»

Creación del motivo

recomposición de módulos: supramódulo (sub-, —, supra-)

«respeto por las formas»

Page 6: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Imagen /2

Red estructural

«Módulos» (sub-, —, supra-) valor métrico

«respeto por las formas»

Del friso a la baldosa

repetición, «crecimiento»

Page 7: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Imagen /3

Red estructural

«Módulos» (sub-, —, supra-) valor métrico

«respeto por las formas»

Del friso a la baldosa

repetición, «crecimiento»

Page 8: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Imagen /4

Tratamiento cromático

gama, tonalidad, saturación; armonía, contraste… mediante yuxtaposición y superposición de módulos.

Page 9: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Composición /1

Peso visual Equilibrio Tensión Ritmo Jerarquía …

arriba

abajo

izquierda derecha

Compositio…

Velescit unt lam latur, voluptis nis explabor auditem rentia di serferibust, cum ut et quos sentorempora pro doloreh enimagn aturian dionsequi id es dolo ommo-lescium eos ne et hil id ut officiiscil ipsandae accae num quid mi, eari ut quid ut del ipsapis non poritatiorum enimustem qui untis escit quati ant hil estrum et res quide delendi

dollite mporest velluptam aut est laut quo ma duscil invendicidio ini nis ditis eost molori consers peliquasi inveri odite cusant antiust, sequam quo es ius posaeperitem volenis molorrum si doluptati dolupta sam nonet qui cullit untibus arum ad mo dolesti sum ipsapero quibustia doluptatem alis dolest, auditatusdae volupictest, cuptatatem cusdae

maximpo remolo-rum audaersped ut facerum voluptas es estrumquide voluptur sitatisciis sitaque vendani molupicium quo beaquas inverrorem eturiti to vellibus adia comnis re cup-tae vollor assectota nit, corerovidunt fugia num ea dolorit voluptatusa n

Compositio…Is eost, te sint que inciate nissundio mos quo-dit, sima inverum endandandae peratint lan-dunt magnatet optur sunt qui iligenistrum quam aceprae quid milit, et et hariore ctaque sinim dusa verfere raepuda nimoluptate sit, volupta eptatius modigent ea quibusdam Venis eatem arum denem faccus, con pa ver-fernat et audae cusciam quoditi conet adit optatus dolorita qui corionserum alibusti ut expliqu amenem rem fugit ipidi veliata tem-por sam, eos molorer natiore doluptatiur sit que il in eumquis doloremqui bea voles sunt.Ebitatemodi ad ut quuntiae nos dolupta alit, omnienis coritis nobita cus.Xerferes sit ut inciduci ut lab is et harit occu-llor acculparum facepudant.Beribust, ellandelibus dolupisque ped et, sum eri sequassimin nem fuga. Esectatem ipsam hicid mos aboratem re et et et eiur samust versperunt, soluptas a earci dollore dolo te magniat iorerum quat fuga. Dam eu-mquia simintius expla debis re pedit in exce-seq uiamendi ium eum as andant, quassequo

Compositio…

Facient officipienis et quam volo to et voles dem aut faccae voles alis accumendae quissin velite volum a nos des assi que non ressequi ideribus, se ad qui odi omnis nonse volores tiaerferrum quam rescipit facculpa doluptae autem quas dera quasit et harcil ipides dus, veles ditatus est mod mossunt reprae di totat ea qui dolore qui as as res alis audaescipsam faceror abor res exero ius, suntini dit accae verum eiur sollam rernat eatiuri orempere laborrum est qui num-que ped est idigento test, vend

Page 10: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Composición /2

Descomposición geométrica formato, razón proporcional trazados armónicos

Proceso metodológico orgánico

a : b 1 : 1 1 : √2 (1 : 1,414…) 2 : 3 1 : φ (1 : 1,618…)

Page 11: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Composición /3

Un esquema estructural, distintas composiciones

Asociaciones

Bocetos

Colección de bocetos que ilustre la experimentación con los conceptos de peso visual, equilibrio, tensión, ritmo, jerarquía…

Originales

3 láminas de distinta composición y tratamiento. Se mostrarán con y sin esquema compositivo.

Compositio…

Velescit unt lam latur, voluptis nis explabor auditem rentia di serferibust, cum ut et quos sentorempora pro doloreh enimagn aturian dionsequi id es dolo ommo-lescium eos ne et hil id ut officiiscil ipsandae accae num quid mi, eari ut quid ut del ipsapis non poritatiorum enimustem qui untis escit quati ant hil estrum et res quide delendi

dollite mporest velluptam aut est laut quo ma duscil invendicidio ini nis ditis eost molori consers peliquasi inveri odite cusant antiust, sequam quo es ius posaeperitem volenis molorrum si doluptati dolupta sam nonet qui cullit untibus arum ad mo dolesti sum ipsapero quibustia doluptatem alis dolest, auditatusdae volupictest, cuptatatem cusdae

maximpo remolo-rum audaersped ut facerum voluptas es estrumquide voluptur sitatisciis sitaque vendani molupicium quo beaquas inverrorem eturiti to vellibus adia comnis re cup-tae vollor assectota nit, corerovidunt fugia num ea dolorit voluptatusa n

Compositio…Is eost, te sint que inciate nissundio mos quo-dit, sima inverum endandandae peratint lan-dunt magnatet optur sunt qui iligenistrum quam aceprae quid milit, et et hariore ctaque sinim dusa verfere raepuda nimoluptate sit, volupta eptatius modigent ea quibusdam Venis eatem arum denem faccus, con pa ver-fernat et audae cusciam quoditi conet adit optatus dolorita qui corionserum alibusti ut expliqu amenem rem fugit ipidi veliata tem-por sam, eos molorer natiore doluptatiur sit que il in eumquis doloremqui bea voles sunt.Ebitatemodi ad ut quuntiae nos dolupta alit, omnienis coritis nobita cus.Xerferes sit ut inciduci ut lab is et harit occu-llor acculparum facepudant.Beribust, ellandelibus dolupisque ped et, sum eri sequassimin nem fuga. Esectatem ipsam hicid mos aboratem re et et et eiur samust versperunt, soluptas a earci dollore dolo te magniat iorerum quat fuga. Dam eu-mquia simintius expla debis re pedit in exce-seq uiamendi ium eum as andant, quassequo

Compositio…

Facient officipienis et quam volo to et voles dem aut faccae voles alis accumendae quissin velite volum a nos des assi que non ressequi ideribus, se ad qui odi omnis nonse volores tiaerferrum quam rescipit facculpa doluptae autem quas dera quasit et harcil ipides dus, veles ditatus est mod mossunt reprae di totat ea qui dolore qui as as res alis audaescipsam faceror abor res exero ius, suntini dit accae verum eiur sollam rernat eatiuri orempere laborrum est qui num-que ped est idigento test, vend

Compositio…

Velescit unt lam latur, voluptis nis explabor auditem rentia di serferibust, cum ut et quos sentorempora pro doloreh enimagn aturian dionsequi id es dolo ommo-lescium eos ne et hil id ut officiiscil ipsandae accae num quid mi, eari ut quid ut del ipsapis non poritatiorum enimustem qui untis escit quati ant hil estrum et res quide delendi

dollite mporest velluptam aut est laut quo ma duscil invendicidio ini nis ditis eost molori consers peliquasi inveri odite cusant antiust, sequam quo es ius posaeperitem volenis molorrum si doluptati dolupta sam nonet qui cullit untibus arum ad mo dolesti sum ipsapero quibustia doluptatem alis dolest, auditatusdae volupictest, cuptatatem cusdae

maximpo remolo-rum audaersped ut facerum voluptas es estrumquide voluptur sitatisciis sitaque vendani molupicium quo beaquas inverrorem eturiti to vellibus adia comnis re cup-tae vollor assectota nit, corerovidunt fugia num ea dolorit voluptatusa n

Compositio…Is eost, te sint que inciate nissundio mos quo-dit, sima inverum endandandae peratint lan-dunt magnatet optur sunt qui iligenistrum quam aceprae quid milit, et et hariore ctaque sinim dusa verfere raepuda nimoluptate sit, volupta eptatius modigent ea quibusdam Venis eatem arum denem faccus, con pa ver-fernat et audae cusciam quoditi conet adit optatus dolorita qui corionserum alibusti ut expliqu amenem rem fugit ipidi veliata tem-por sam, eos molorer natiore doluptatiur sit que il in eumquis doloremqui bea voles sunt.Ebitatemodi ad ut quuntiae nos dolupta alit, omnienis coritis nobita cus.Xerferes sit ut inciduci ut lab is et harit occu-llor acculparum facepudant.Beribust, ellandelibus dolupisque ped et, sum eri sequassimin nem fuga. Esectatem ipsam hicid mos aboratem re et et et eiur samust versperunt, soluptas a earci dollore dolo te magniat iorerum quat fuga. Dam eu-mquia simintius expla debis re pedit in exce-seq uiamendi ium eum as andant, quassequo

Compositio…

Facient officipienis et quam volo to et voles dem aut faccae voles alis accumendae quissin velite volum a nos des assi que non ressequi ideribus, se ad qui odi omnis nonse volores tiaerferrum quam rescipit facculpa doluptae autem quas dera quasit et harcil ipides dus, veles ditatus est mod mossunt reprae di totat ea qui dolore qui as as res alis audaescipsam faceror abor res exero ius, suntini dit accae verum eiur sollam rernat eatiuri orempere laborrum est qui num-que ped est idigento test, vend

Page 12: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Presentación

Dossier DIN A3 (PDF, de ± 16 páginas) que contenga, seleccionado y ordenado, el material de los apartados anteriores. En él se definirán, describirán y argumentarán las propuestas, con una breve relación del proceso seguido (± 2000 caracteres en total).

Page 13: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Elementos del Diseño I Oriol Moret Viñals

1

Elementos del Diseño I ORIOL MORET VIÑALS 4 Composición gráfica: variaciones Descripción de la actividad Composiciones básicas de tres elementos en un plano (DIN-A3): título, texto, imagen. 1 Elementos 1a Título: Diseño 1b Texto: escrito personal de la Actividad 1 (± 3000 caracteres). El tipo de letra, cuerpo e interlineado se elegirán a voluntad. 1c Imagen: creación de una red estructural a partir de los módulos utilizados para la síntesis

gráfica de las piezas de ajedrez (Actividad 2) La estructura debe respetar y originarse a partir de las formas concretas de los módulos: se

valorarán las posibilidades de variación interna (textura, etc.). 2 Tratamiento de los elementos Para la imagen, se explorarán las posibilidades de combinatoria cromática: gama, tonalidad, saturación; armonía, contraste… mediante yuxtaposición y superposición de módulos. 3 Composición Las composiciones deben considerar el formato y/o el esqueleto estructural de la imagen. Para empezar, los tres elementos se tomarán como formas rectangulares. 4 Bocetos Colección de bocetos que ilustre la experimentación con los conceptos de peso visual, equilibrio, tensión, ritmo, jerarquía… 5 Originales 3 láminas de distinta composición y tratamiento. Se mostrarán con y sin esquema compositivo. Presentación de la actividad Dossier DIN A3 (PDF, de ± 16 páginas) que contenga, seleccionado y ordenado, el material de los apartados anteriores. En él se definirán, describirán y argumentarán las propuestas, con una breve relación del proceso seguido (± 2000 caracteres en total). * Se recomienda realizar bocetos y originales a mano, si bien pueden realizarse a ordenador. Al menos una de las láminas debe realizarse manualmente (corta-y-pega en papel estucado).

Elementos del Diseño I Oriol Moret Viñals

2

Objetivos de la actividad Metodología

— Integrar y coordinar elementos y principios de composición gráfica. — Advertir el valor de la ejecución y presentación de los trabajos gráficos. — Reflexionar críticamente sobre la propia actividad bajo criterios de diseño. (Ajuste de los objetivos de la Guía Docente: — Descubrir, por medio de la práctica, los fundamentos visuales y físicos con los que trabaja el diseño, las leyes de la composición, la formalización y los procesos constructivos de cosas y de imágenes visuales. — Experimentar con los diversos atributos de la forma, la composición y los principios constructivos, y proponer soluciones originales e innovadoras.) Competencias asociadas: — Capacidad de aprendizaje y responsabilidad (capacidad de análisis, de síntesis, de visiones globales y de aplicación de los conocimientos a la práctica / capacidad de tomar decisiones y de adaptación a nuevas situaciones). — Conocimiento y capacidad de aplicar y experimentar con los fundamentos estéticos del diseño (forma o morfología, figura, estructura, color, espacio, volumen, tectónica, tipografía y composición). — Capacidad creativa para generar soluciones originales y encontrar propuestas alternativas. Capacidad para adaptarse a nuevas situaciones, los cambios rápidos y para vislumbrar e interpretar los factores conducentes a cambios socioeconómicos.

Trabajo individual (taller práctico) Discusión de la actividad

Criterios de evaluación

Entrega

Adecuación al enunciado. Exploración dentro de los límites y condicionantes fijados: experimentación técnica, coherencia formal y conceptual. Pulcritud de ejecución. Corrección argumentativa.

25 de octubre de 2015 PDF DIN-A3 de ± 16 páginas

Dedicación estimada

Documentos de referencia

34 horas PDF EDI_Actividad 04 (con referencias complementarias)

Page 14: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]
Page 15: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

> Elementos del Diseño II: Funcio-nalidad y Significación

> Tipografía y Arquitectura Gráfica

Título Romanas Palosecos Caligráficas Fantasía

Texto Romanas Palosecos

Hpk Hpk Hpk HpkRomanas (Serif)Times (New Roman)GaramondBaskervilleCaslonDidotBodoni…

Palosecos (Sanserif)HelveticaArialFranklin GothicFuturaGill SansOptima…

H

H

H

H

Caligráficas (Script)…ZapfinoMistral

De Fantasía (Display)……

Diseño gráfico: letra (tipográfica) e imagen

Actividad de composición básica: elementos gráficos como «áreas rectangulares».

1 Elementos1a Título: Diseño1b Texto: escrito personal de la Actividad 1 (± 3000 caracteres).El tipo de letra, cuerpo e interlineado se elegirán a voluntad.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 25

Page 16: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Según las indicaciones publicadas en 1980, en Madrid, por la Comisión Interministerial de Ciencia y Tecno-logía y editadas por el Ministerio de Educación y Ciencia, la Nomencla-tura Internacional Normalizada para los campos de Ciencia y Tecnología fue elaborada por las Divisiones de Política Científica y Tecnología de la UNESCO entre 1973 y 1974.

En el caso específico del Estado Es-pañol, esta nomenclatura fue acep-tada por resolución de 1983 como clasificación oficial a utilizar por los Ministerios correspondientes y el Consejo Superior de Investigaciones Científicas. Más adelante, el Consejo Superior de Investigaciones Científi-cas Español introdujo por resolución algunas modificaciones en los años 1985 y 1986 incorporando nuevas disciplinas, subdisciplinas y espe-cialidades acordes con el modelo taxonómico establecido previamen-te. Ambos documentos han sido los

Para hacer bocetos no es necesario disponer del tex-to final: cualquier texto de longitud semejante valdrá; por el momento se puede tomar como una simple mancha rectangular de gris.Superficie, bloque sólido rectangular (justificado o a bandera, izquierda o derecha): no juegos de líneas.En cualquier caso, deberá poderse leer: el cuerpo del texto no será menor de 6 puntos tipográficos.

Hpk

Hpk HpkHpk

Hpk

Los elementos se pueden rotar, pero no distorsionar.

Giro, inclinación: los grados cuen-tan; los de 45°, los menos ágiles.

Los elementos se pueden rotar, pero no distorsionar. (Usar estrechas o anchas de origen.)

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 26

Page 17: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Williams, Christopher. Los orígenes de la forma. Bar-celona: Gustavo Gili, 1984. (Cap. 1, «Forma y materia»; 2, «Montantes y uniones».)

Ghyka, Matila C. Estética de las proporciones en la naturaleza y en las artes. Barcelona: Poseidon, 1983.

Ghyka, Matila C. El número de oro. Barcelona: Poseidon, 1984.

Estructura y textura: del tejido a la telaraña Recomposición de los módulos en (otra) estructura.Decorativa, sin función ni intención representativa.

«Decorativo vs ornamental»La decoración es intrínseca al objeto (jersey urdido).El ornamento es aplicado al objeto (camiseta estam-pada).

1c Imagen: creación de una red estructural a partir de los módulos utilizados para la síntesis gráfica de las piezas de ajedrez (Actividad 2)La estructura debe respetar y originarse a partir de las formas concretas de los mó-dulos: se valorarán las posi-bilidades de variación interna (textura, etc.).

La referencia orgánicaPatrones y formas de crecimiento.

La síntesis de la geometría

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 27

Page 18: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Estructura, textura, repetición

Alternancia

Asonancia No vamos a considerar:

Gradación?

Expansión

Fragmentación

Distorsión

Elementos e intervalos

Tratamiento básico (inicial) de superficie. Secuencia linealRitmo lineal binario, alternancia superficial.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 28

Page 19: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Frutiger, Adrian. Signos, símbolos, marcas, señales. Barcelona: Gustavo Gili, 1981.

Gombrich, Ernst. El sentido de orden. Estudio sobre la psicología de las artes deco-rativas. Barcelona: Gustavo Gili, 1980.

Marcolli, Attilio. Teoría del campo. Madrid: Xarait, Alberto Corazón, 1978.

Riegl, Alois. Problemas de estilo. Fundamentos para una historia de la ornamen-tación. Barcelona: Gustavo Gili, 1980.

Los módulos «de las síntesis gráficas» recompuestas en una nueva unidad modular (supramódulo, «moti-vo»), auxiliada por la retícula.

Friso, cinta, orla

Fournier como excusa.

Cualquiera de estas viñetas tipográficas es suscep-tible de ser descompuesta en piezas modulares (en-tonces, submódulos: subdivisiones del módulo-base). Los grafismos se pueden «gestualizar» como trazos, o tomar como áreas geométricas de ocupación. En cualquier caso, se pueden recomponer bajo otros cri-terios y estructuras espaciales.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 29

Page 20: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Baldosa, piso

Fournier como excusa (2).

Expansión de la retículaSuperación de las limitaciones lineales, desarrollo en superficie.Determinar la posición «natural» de los módulos.

Truchet (1704).El juego con una pieza tan elemental como un cuadrado bicolor origina sesenta y cuatro combinaciones… Al principio. Luego, se pueden combinar las combinaciones, se multiplican las posibili-dades y resultados. [Ver también Gombrich (1980).]

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 30

Page 21: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Tratamiento de los elementosPara la imagen, se explorarán las posibilidades de combi-natoria cromática: gama, to-nalidad, saturación; armonía, contraste… mediante yuxta-posición y superposición de módulos.

CMAN (CMYK)Colores pigmento; colores base de mezcla sustracti-va; su mezcla da el negro.

RVA (RGB)Colores luz; colores base de síntesis aditiva; su super-posición da el blanco.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 31

Page 22: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

SaturaciónMáxima fuerza y pureza, correspondiente a la propia longitud de onda en el espectro electromagnético, sin blanco ni negro.Variación añadiendo blanco (o variando fuerza, o superficie del punto de trama).

Las tres constantes Armonía, contrasteA efectos prácticos simples: modulaciones de un mis mo tono (gama, sector de círculo cromático…)colores base y colores complementarios

Impacto y lectura (legibilidad); sutileza…

Ojo exceso de contrastes (forma+color+posición+…): tendencia a anularse (neutralidad resultante).No se aceptan efectos de degradado.

Significación y usos culturalesO asociaciones y tópicosTonos calientes (amarillo, amarillo-anaranjado, ana-ranjado, rojo-anaranjado, rojo, rojo-violeta): expan-sión, vida, fuerza… luminosidad, alegría, placer…Tonos fríos (amarillo-verde, verde, verde-azul, azul, azul-violeta, violeta): gravedad, melancolía, tristeza…

Dinámica de los coloresAmarillo expansivo; rojo estático; cyan concéntrico, vacío, profundidad y lejaníaAmarillo avanza; los más oscuros se retraenClaros y fríos ensanchan y elevan; oscuros y calientes bajan, pesan, cierran, oprimen(Lenguaje de los colores…)

LuminosidadCapacidad de reflejar la luz blanca incidente.Variación añadiendo negro, quitar luz al color.

Tono(También tinta, color, matiz. Considerar «entonar».)Variación cualitativa del color: ligado a la longitud de onda de su radiación.«Según la diferente tonalidad, se dice que un color es rojo, verde, amarillo, azul, etc.»

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 32

Page 23: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

arriba

abajo

izquierda derecha

posición orientación

lectura

Ver Bibliografía: Arnheim, Berger

Elam, Kimberly. La geometría del diseño. Estudios sobre la proporción y la composición. Barcelona: Gustavo Gili, 2014.

Peso visualEn analogía al peso físico, fuerza de gravedad.Posición en armazón estructural («centrado»)Parte superior, parte derechaProfundidad espacialTamaño (mayor)Color (rojo, claros)AislamientoForma (figuras geométricas simples, regulares; com-pacidad; verticalidad)

«Fuerzas visuales»Composición en el plano, recorridos de lectura

JerarquíaCuál prima sobre los otros —o por delante de.No sólo por el tamaño

Equilibrio«acción detenida»: los elementos o factores (forma, dirección, ubicación…) aparecen necesariamente in-terdependientes; cámbiese algo, resultará desequili-brado (accidental, inestable, desestructurado…)Simetría, elementalContrarrestar (contrapesar)

Centro geométrico y centro óptico(márgenes libros, etc.)

Tensión, movimiento(diagonales ascendentes y descendentes: Wölfflin…)

3 ComposiciónLas composiciones deben considerar el formato y/o el esqueleto estructural de la imagen.Para empezar, los tres elementos se tomarán como formas rectangulares.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 33

Page 24: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Un mismo esquema estructural, distintas composiciones.(Completar líneas, ajustar áreas…)

Considerar el formato (soporte)Formato, espacio gráfico de un soporte determinado: definido por unos límites (contorno). Acoge elemen-tos gráficos en su interior.Descomposición geométrica del soporte (para su composición gráfica; como el análisis para la sínte-sis): recurso de organización, metodológico…No como un programa informático cualquiera, con sus márge-nes predeterminados a igual medida: no vamos a imponer unas medidas ajenas.

Todo empieza en y por las diagonales. Tracémoslas. Toda intersección de líneas genera un punto. Todo punto es, como mínimo, una línea potencial. Trace-mos paralelas a los lados. Generamos nuevos puntos que a su vez originan otras líneas, etc. Con esto, de-bería quedar claro que la descomposición geométri-ca es un proceso orgánico, de crecimiento sin fin. (endógeno)…

Sin fin: más allá de los límites operativos y percepti-vos. (Imagínense lentes de aumento sucesivas)Puntos, líneas y áreas como posiciones posibles de elementos.Discriminación de líneas y puntos (control me-todológico del proyecto; observación de razones proporcio na les, etc.) La aplicación indiscriminada es equiparable al azar (ver antes).El proceso es aplicable a cualquier formato y soporte. Como decir «modular»; como decir que 1 cm «no es igual» en todos los formatos y casos.Cánones armónicos y compositivos a lo largo del tiempo: √2, phi, Villard… proporciones márgenes en manuscritos medieva-les (2:3:4:6…) Y luego las retículas de la escuela suiza. No nos avancemos: esto será materia de Elementos del Diseño II y de Tipografía y Arquitectura Gráfica. Vayamos por pasos.

Diagramación, Arquitectura GráficaNo garantiza la belleza del resultado; sí un mínimo de lógica (técnica)

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 34

Page 25: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Las discutibles «técnicas visuales» de Dondis:

Armonía ContrasteReticencia ExageraciónPredictibilidad EspontaneidadNeutralidad AcentoSimetría AsimetríaEquilibrio InestabilidadUnidad FragmentaciónProfusión EconomíaSutileza AudaciaOpacidad TransparenciaCoherencia VariaciónSencillez ComplejidadRealismo DistorsiónPlano ProfundoDifusión AgudezaPasividad ActividadSecuencialidad AleatoriedadRegularidad IrregularidadSingularidad YuxtaposiciónRedondez AngularidadAbstracción RepresentaciónHorizontalidad Verticalidad

Dondis, Donis, A. La sintaxis de la imagen. Introducción al alfabeto visual. Barcelona: Gustavo Gili, 1990.

Algunas asociaciones básicas y consejos prácticos

Para los bocetos y láminas finales, sed «claros», no os compliquéis en exceso. Por si os fuera de ayuda, pensad en conceptos «fáci-les» para empezar. Por ejemplo, los adjuntos aquí al lado: el uso de binomios o dualidades como an-tónimos es excesivamente simple, pero puede valer ahora (en verdad, la combinación de conceptos en la composición se multiplica exponencialmente…)

Planteamiento en secuencia: de más lo que sea a menos lo que sea. A partir de qué os planteéis, se pueden evaluar los resultados con mayor propiedad.

Luego, si habéis asociado cada texto a un adjetivo («pesado», «provocador»…), podríais realizar compo-siciones acordes: una para cada uno de sus auto-res…

Blanco y vacíoContra el horror vacui, la apuesta por respirar (el valor funcional y expresivo del blanco, también contragra-fismo…)

4 BocetosColección de bocetos que ilustre la experimentación con los conceptos de peso visual, equilibrio, tensión, ritmo, je-rarquía…

5 OriginalesTres láminas de distinta com-posición y tratamiento. Se mostrarán con y sin esquema compositivo.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 35

Page 26: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

No sólo esto.Con estos módulos podremos formar motivos, según otra estructura de planteamiento decorativo.Aquí, dos de los módulos anteriores forman un motivo que, repetido, puede generar cenefas, baldosas, etc.[Ver pdf de la presentación para ejemplos y referencias docu-

mentales de articulación lineal y de superficie.]

Esquemas compositivosCada composición debe realizarse según un esque-ma compositivo. Podéis hacer tres esquemas o uno solo (el mismo esquema puede originar las tres com-posiciones). En cualquier caso, hay que adjuntar los esquemas compositivos en el trabajo. Los esquemas deben ser completos: debe haber to-das las líneas necesarias para definir las posiciones de los elementos, delimitar sus perfiles o perímetros. (Adjunto arriba uno de los esquemas de la presenta-ción que dejé para completar: las líneas que faltaban están en rojo, y se originan a partir de las interseccio-nes marcadas con puntos. Nótese que la inclinación del área derecha es perpendicular a la línea marcada en violeta, y no paralela a la diagonal del formato.)

Composiciones finalesDeben ser tres, suficientemente distintas entre sí.

Elementos del Diseño I: Morfología y Tectónica

Actividad 04. Composición: variaciones

Orientaciones complementarias

(viene de la página-actividad anterior.)

A esta nueva imagen decorativa se le debe dar un tratamiento cromático.E integrarla en un plano gráfico, junto a un título («Di-seño») y un texto (el propio de la actividad 01). [El ejemplo de la derecha es de una página de libro: un uso

«clásico» de los tres elementos.]

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 36

Page 27: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Compositio…

Velescit unt lam latur, voluptis nis explabor auditem rentia di serferibust, cum ut et quos sentorempora pro doloreh enimagn aturian dionsequi id es dolo ommo-lescium eos ne et hil id ut officiiscil ipsandae accae num quid mi, eari ut quid ut del ipsapis non poritatiorum enimustem qui untis escit quati ant hil estrum et res quide delendi

dollite mporest velluptam aut est laut quo ma duscil invendicidio ini nis ditis eost molori consers peliquasi inveri odite cusant antiust, sequam quo es ius posaeperitem volenis molorrum si doluptati dolupta sam nonet qui cullit untibus arum ad mo dolesti sum ipsapero quibustia doluptatem alis dolest, auditatusdae volupictest, cuptatatem cusdae

maximpo remolo-rum audaersped ut facerum voluptas es estrumquide voluptur sitatisciis sitaque vendani molupicium quo beaquas inverrorem eturiti to vellibus adia comnis re cup-tae vollor assectota nit, corerovidunt fugia num ea dolorit voluptatusa n

Compositio…

Velescit unt lam latur, voluptis nis explabor auditem rentia di serferibust, cum ut et quos sentorempora pro doloreh enimagn aturian dionsequi id es dolo ommo-lescium eos ne et hil id ut officiiscil ipsandae accae num quid mi, eari ut quid ut del ipsapis non poritatiorum enimustem qui untis escit quati ant hil estrum et res quide delendi

dollite mporest velluptam aut est laut quo ma duscil invendicidio ini nis ditis eost molori consers peliquasi inveri odite cusant antiust, sequam quo es ius posaeperitem volenis molorrum si doluptati dolupta sam nonet qui cullit untibus arum ad mo dolesti sum ipsapero quibustia doluptatem alis dolest, auditatusdae volupictest, cuptatatem cusdae

maximpo remolo-rum audaersped ut facerum voluptas es estrumquide voluptur sitatisciis sitaque vendani molupicium quo beaquas inverrorem eturiti to vellibus adia comnis re cup-tae vollor assectota nit, corerovidunt fugia num ea dolorit voluptatusa n

Proceso de composición geométrica en 20 pasos

Insistir en lo «orgánico» del proceso: un punto no se origina si antes no hay una intersección de líneas; una línea no se origina si antes no hay un punto.

Ilustramos el proceso con el ejemplo de la derecha. (Es sólo uno de tantos, sólo nos interesa el proce-so, cada cual debe adaptarlo a su trabajo.) Se ha intentado limitar el número de líneas al mínimo im-prescindible.

Nótese que los pasos que se muestran aquí no son los únicos, y que la secuencia se puede alternar…

Actividad 04Composición: variaciones

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 37

Page 28: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

1Trazado de una diagonal del formato.

3Trazado de líneas medias.(Omito la horizontal para mayor claridad.)Desde el punto de intersección de las diagonales, tra-zar paralelas a los lados.Se obtienen dos nuevos puntos para cada línea (pun-tos medios de los lados).

2Trazado de la otra diagonal.La intersección de diagonales origina un punto.Este punto de intersección es una línea potencial: trazando paralelas a los lados se obtienen subdivisi-ones proporcionales del formato.Sólo si hay este punto de intersección se pueden trazar nuevas líneas.

4-7Trazado de semidiagonales.Desde los puntos medios a los «vértices» del formato.Nuevos puntos: intersección de diagonal y semidia-gonal.Estos nuevos puntos subdividen el formato en tercios.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 38

Page 29: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

6-7Trazado de semidiagonales.La intersección de semidiagonales también origina el punto que subdivide el formato en dos: coincidriá en altura con el punto obtenido en el paso 2 (intersec-ción de diagonales).

8Trazado de paralelas desde los puntos de tercios (in-tersección de diagonales y semidiagonales).Obtención de dos nuevos puntos.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 39

Page 30: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

9Desde el punto obtenido por tercios (diagonal-semi-diagonal) al «vértice».(Obtención de cuatro nuevos puntos…)

10Paralela al lado menor desde un punto de intersec-ción obtenido en el paso 9.(Obtención de siete nuevos puntos…)Se elegirá para delimitar el pie del título.

11Paralela al lado mayor desde un punto de intersec-ción obtenido en el paso 10.Delimitará el margen izquierdo de la composición.

12Paralela al lado mayor desde un punto de intersec-ción obtenido en el paso 10.Delimitará el margen derecho de la composición.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 40

Page 31: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Compositio…

13Paralela al lado menor desde puntos de intersección obtenidos en los pasos 11 y 12.Delimitará la cabeza del título: tenemos definido ya el cuerpo del título y la medida o ancho de caja máxima.

14Paralela al lado menor desde puntos de intersección obtenidos en los pasos 11 y 12.Delimitará el margen inferior (pie) de la composición.

15Paralela al lado menor desde los puntos de tercios (intersección de diagonales y semidiagonales) obte-nidos en los pasos 4-7.Delimitará el pie del motivo ornamental.

16Paralela al lado menor desde un punto de intersec-ción obtenido en el paso 9 (corresponde a la subdivi-sión vertical del formato en cuartos).Delimitará la cabeza del motivo ornamental: tenemos definido el área de la imagen; a lo ancho, sobrepa-sará los límites de la caja de texto (pasos 11-12), se encuadrará en los límites del formato.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 41

Page 32: Elementos del Diseño I Morfología y Tectónica …diposit.ub.edu/dspace/bitstream/2445/105344/1/... · Esqueleto, peso, equilibrio Patrones compositivos Tratamiento cromático [37]

Velescit unt lam latur, voluptis nis explabor auditem rentia di serferibust, cum ut et quos sentorempora pro doloreh enimagn aturian dionsequi id es dolo ommo-lescium eos ne et hil id ut officiiscil ipsandae accae num quid mi, eari ut quid ut del ipsapis non poritatiorum enimustem qui untis escit quati ant hil estrum et res quide delendi

dollite mporest velluptam aut est laut quo ma duscil invendicidio ini nis ditis eost molori consers peliquasi inveri odite cusant antiust, sequam quo es ius posaeperitem volenis molorrum si doluptati dolupta sam nonet qui cullit untibus arum ad mo dolesti sum ipsapero quibustia doluptatem alis dolest, auditatusdae volupictest, cuptatatem cusdae

maximpo remolo-rum audaersped ut facerum voluptas es estrumquide voluptur sitatisciis sitaque vendani molupicium quo beaquas inverrorem eturiti to vellibus adia comnis re cup-tae vollor assectota nit, corerovidunt fugia num ea dolorit voluptatusa n

17Paralela al lado menor desde un punto de intersec-ción obtenido en el paso 9.Delimitará la cabeza de la caja de texto.

18Paralela al lado mayor, simétrica a la trazada en el paso 8.Subdivisión en tercios, primera aproximación para componer el texto en tres columnas.Delimitará el ancho de columna de texto.

19Paralela al lado mayor, desde un punto de intersec-ción obtenido en el paso 16.Delimitará el medianil o espacio entre columnas (se-gunda y tercera).

20Paralela al lado mayor, desde un punto de intersec-ción obtenido en el paso 16.Delimitará el medianil o espacio entre columnas (pri-mera y segunda).Tenemos definida la caja de texto en tres columnas, la composición está terminada.

Oriol Moret • GD UB UNIBA • Elementos del Diseño I • Composición gráfica • 42