43
DG.Y1 Estilo Visual Tecno-Moderno EL LENGUAJE DE LA ERA DIGITAL

Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

Embed Size (px)

Citation preview

Page 1: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

Estilo Visual Tecno-ModernoEL LENGUAJE DE LA ERA DIGITAL

Page 2: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

“Mientras estudiaba diseño siempre me molestó la frase «¡esta es la forma en la

que se hace, así debe ser!».Toda mi formación se basó en explorar

ideas no convencionales, tratar de romper las reglas.”

Neville Brody Diseñador británico.

Fue Director de Arte de The Face, publicación que rompió con la tradición del diseño editorial.

Page 3: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

“Una computadora es para mí la herramienta más sorprendente que

hayamos ideado. Es el equivalente a una bicicleta para nuestras mentes.”

Steve JobsImportante informático y empresario estadounidense.

Creador del primer ordenador personal (el Apple I) y además, cofundador y presidente ejecutivo de Apple Inc. Fue uno de los más influyentes de la vertiginosa escalada

tecnológica en que aún vive el mundo actual(1955-2011).

Page 4: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

“He creado un puente entre la cultura electrónica europea

y la cultura urbana americana.”David Guetta

DJ de música electrónica y productor discográfico francés, especializado en sonido house y dance.

Page 5: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El diseño en la era digital.

Page 6: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

> EL DISEÑO Y SU RELACIÓN CON EL CONTEXTO TECNOLÓGICO. Los productos de diseño no pueden entenderse plenamente sin los contextos políticos, socio-económicos, culturales y tecnológicos que han propiciado su concepción y realización. > Hoy en día, la mayor parte del trabajo de los diseñadores gráficos es asistido por herramientas digitales. El diseño gráfico se ha transformado enormemente por causa de las computadoras.

> A partir de 1984, con la aparición de los primeros sistemas de autoedición de la mano de Apple, las computadoras personales sustituyeron de forma paulatina todos los procedimientos técnicos de naturaleza analógica por sistemas digitales. Todo cambió.

El disEño En la Era digital

Page 7: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño En la Era digital

¿Qué diseñamos?

Planteo de story board y capturas de pantalla del 1er comercial de Apple: “1984”. En 1984 Apple presenta la Macintosh, la primera computadora personal con interfaz gráfica.

Page 8: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño En la Era digital

Page 9: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño En la Era digital

Page 10: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño En la Era digital

Page 11: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

La Deconstrucción yla Posmodernidaden el Diseño.

Page 12: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

> LOS ´80 Y LA pOSmODERNIDAD. Hacia 1984, el pensamiento occidental –incluido el del diseño– se encontraba inmerso en la “postmodernidad”, cuya intención parecía ser romper con el movimiento moderno y lograr excederlo.> Las diferentes corrientes del movimiento postmoderno aparecieron durante la segunda mitad del siglo XX. Aunque se aplica a corrientes muy diversas, todas ellas comparten la idea de que el proyecto modernista fracasó en su intento de renovación radical de las formas tradicionales del arte y la cultura, el pensamiento y la vida social.

> En el campo del diseño, el pensamiento moderno había desembocado en una serie de teorías como la de la “buena forma”, y en conceptos como “buen diseño”, que para la nueva generación de diseñadores habían canalizado los comportamientos de un sector social determinado y preferente, que actuaba como generador de opiniones.

la dEconstrucción y la PosmodErnidad En El disEño

Page 13: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

> En el diseño se consideraba posmodernista al trabajo de arquitectos y diseñadores que rompían con el estilo internacional que prevalecia desde la Bauhaus; fue la generación de diseñadores que surgió en la decada de 1970. Al inicio de la década de 1990 muchos diseñadores consideraban que existían metodologías distintas, y que todas podían ser válidas.

> El diseño grafico posmoderno se puede categorizar libremente en varias direcciones principales:

• Las primeras extenciones se encuentran con el estilo Tipográfico Internacional, donde los diseñadores suizos irrumpieron rompiendo con la declaración del movimiento, generando piezas dinámicas, donde las diagonales jugaban un rol predominante, las formas eran puras y la tipografía predominante era del tipo sin serif o palo seco. Se apuntaba al minimalismo, uno de los pilares del diseño tecnológico actual.

la dEconstrucción y la PosmodErnidad En El disEño

Page 14: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

la dEconstrucción y la PosmodErnidad En El disEño

Page 15: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

• La decadencia del Estilo Suizo en particular, significó el inicio de experimentos tipográficos que darían lugar a nuevos tipógrafos. En este camino se encuentra la innovación en el diseño en la tendencia tipográfica de la New-Wave, la cual comenzo en Basilea Suiza, gracias a Wolfgang Weingart, quien comenzó a cuestionar la tipografía de limpieza y orden absoluto, planteando que el valor de las fuentes no se debía medir por la legibilidad como único criterio. Su trabajo se caracteriza por la aplicación pictórica de elementos gráficos y tipográficos.

la dEconstrucción y la PosmodErnidad En El disEño

Page 16: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

la dEconstrucción y la PosmodErnidad En El disEño

Page 17: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

la dEconstrucción y la PosmodErnidad En El disEño

Page 18: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

• En Estados Unidos los más fervientes seguidores del trabajo de Weingart fueron Dan Friedman y April Greiman. Los diseños de Friedman fueron paradigmas de las emergentes corrientes posmodernistas. Friedman consideraba que las formas pueden ser divertidas y provocativas a la vista.

la dEconstrucción y la PosmodErnidad En El disEño

Page 19: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

• April Greiman desvió las ideas desarrolladas en Basilea hacia una nueva dirección, particularmente en el uso de color y la fotografia.Greiman alcanza un sentido de profundidad en sus páginas tipográficas, donde se sobreponen o forman sombras detrás de elementos geométricos y formas flotantes que forman sombras; estos son los recursos que se utilizan para que las formas se muevan adelante y hacia atrás. Greiman condujo al diseño gráfico y a la ilustracion a un nuevo reino de espacio dinámico, donde los elementos gráficos se convierten en parte del espacio real de las fotografías.

http://aprilgreiman.com/

la dEconstrucción y la PosmodErnidad En El disEño

Page 20: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

la dEconstrucción y la PosmodErnidad En El disEño

Page 21: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

• Una nueva sensibilidad en el diseño posmodernista fue catapultada hacia la prominencia internacional al final de la decada de 1970 y principios de la decada de 1980. Una importante fuente de inspiracion para el diseño gráfico comenzó en 1981, y fue una exposición del grupo de diseño italiano Memphis, encabezada por el eminente diseñador arquitectónico y de productos italianos, Ettore Sottsass. Este trabajo fue pluralista, ecléctico y hedonista. Los diseñadores estaban profundamente enamorados de la textura, el modelo, la superficie, el color y la geometría juguetona. La actitud experimental, la fascinación con el modelo tangible y decorativo y la geometría exuberante son características de un diseño extravagante decorativo, que tuvo en la “Escuela de Memphis” su principal escena a principios de los años 80´s.

la dEconstrucción y la PosmodErnidad En El disEño

Page 22: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

• En Londres surgió una de las visiones más originales de los 80’s cuando Neville Brody, diseñador británico, diseño gráficas y portadas para la música rock y dirigió artisticamente revistas inglesas de los constructivistas rusos. Configuraciones tipográficas se convirtieron en iconos. Brody consideró a la revista como un objeto dimensional que existe en el tiempo y el espacio y tiene continuidad de una edición a otra. El diseño digital recibió un fuerte impulso con el aporte de Neville Brody, quien planteaba lo siguiente: “...hay cientos de maneras diferentes de trabajar, todas ellas modernas, y concentrarse en una es un error”.

la dEconstrucción y la PosmodErnidad En El disEño

Page 23: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

la dEconstrucción y la PosmodErnidad En El disEño

Page 24: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

la dEconstrucción y la PosmodErnidad En El disEño

http://www.researchstudios.com/neville-brody/

Page 25: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

la dEconstrucción y la PosmodErnidad En El disEño

Page 26: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

> De los 80’s en adelante los diseñadores se fascinaron cada vez más con el potencial del diseño asistido por computadora. Desde la década de 1980, y durante buena parte de la de 1990, la deconstrucción influyó en el diseño gráfico. La aplicación de esta teoría al diseño gráfico encontró un aliado perfecto en macintosh, una herramienta que se adaptaba y favorecía la experimentación. El campo donde mayor influjo ejerció fue en el de la tipografía.

> La deconstrucción significó para la tipografía y el diseño editorial:• Una revisión de su vocabulario.• Una puesta en cuestión de las formas

tradicionales de lectura.• Una enorme variedad de usos y

manifestaciones, que iban desde aquellos en los que la letra se emplea como vehículo abstracto e invisible (al no comprometerse con la estructura y el significado del texto), hasta aquellos casos en que el diseñador busca una expresión visual, y el estilo es parte del contenido, sacando así partido de los valores visuales del alfabeto.

la dEconstrucción y la PosmodErnidad En El disEño

Page 27: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

• La deconstrucción supuso la intrusión de las formas visuales en el contenido textual, y por tanto, la invasión de las ideas a través de las marcas gráficas.

• Se resaltaron textos en función de las palabras significativas, o se colocaron sobre las imágenes para enfatizar ciertos aspectos de su asociación a éstas.

• Se establecieron estructuras paralelas en las páginas, y se rompió con la retícula.

• Se utilizaron superposiciones para crear un espacio visual comparativo. Cada una de las capas que formaban parte de las superposiciones era, mediante el uso de la tipografía y de la imagen, una actuación intencionada, dentro de un juego, donde el lector podría descubrir y experimentar con las complejidades del lenguaje.

la dEconstrucción y la PosmodErnidad En El disEño

Page 28: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

> La computadora proporcionó a los diseñadores la posibilidad de asumir el control directo de los procesos de trabajo que durante siglos habían estado divididos entre tipógrafos, ilustradores, componedores de texto, impresores, y otros técnicos especializados.Asimismo, desveló nuevos horizontes creativos, por su capacidad para cambiar el proceso de trabajo sobre la marcha, y su versatilidad apoyó otra de las ideas propias del diseño postmoderno, en la que había insistido la Cranbrook Academy: la de la autoexpresión.

> La diseñadora gráfica Zuzana Licko (de origen eslovaco, que vivió en EEUU a partir de os 7 años) comenzó a usar computadoras para composiciones muy pronto (su padre que era biomatemático, le da acceso a las computadoras y la oportunidad diseñar su primera tipografía, un alfabeto griego, para su uso personal), cuando la memoria de los ordenadores se medía en kilobytes y las tipografías se creaban mediante puntos. Ella y su marido, Rudy VanderLans (diseñador de origen holandés), fundaron en 1984 la pionera revista Emigre y la fundición de tipos del mismo nombre. pronto el matrimonio descubrió el potencial tan prometedor que suponía la nueva tecnología y aprovecharon esta nueva herramienta con la que empezaron a diseñar sus primeras fuentes. Jugaron con las extraordinarias limitaciones de los ordenadores, liberando un gran poder creativo. La revista Emigre se convirtió en la biblia del diseño digital, siendo el órgano de difusión de las corrientes postmodernas en el diseño gráfico y tuvo una influencia muy destacada en la práctica profesional y en la enseñanza.

la dEconstrucción y la PosmodErnidad En El disEño

Page 29: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

la dEconstrucción y la PosmodErnidad En El disEño

Page 30: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

la dEconstrucción y la PosmodErnidad En El disEño

Page 31: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El Diseño y la música electrónica.

Page 32: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

> EL DISEÑO Y LA mÚSICA ELECTRÓNICA: EL EXpRESIONISmO ABSTRACTO. Hay algo que caracteriza el diseño gráfico de los discos de música electrónica: la geometrización de las formas y la abstracción. > En general, el diseño gráfico en la música electrónica se aparta de la figuración, es decir, del protagonismo de figuras humanas, Y esto se refiere no a cualquier representación humana (como se ve en la portada del single ‘Out of Control’ de Chemical Brothers, o en la portada del disco ‘Surrender’), sino a la representación de una personalidad o persona en concreto.

> En general, se hace uso del minimalismo y de la deconstrucción o el diseño postmoderno.

El disEño y la música ElEctrónica

Page 33: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño y la música ElEctrónica

Page 34: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño y la música ElEctrónica

Page 35: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

Características del “Diseño Electrónico”:• Abstracción y sensación tecnológica.• purismo estructural y funcional.• Orden.• Geometría elemental rectilínea.• precisión minuciosa en las terminaciones.• Reducción y síntesis formal.• Concentración.• Uso de líneas y contornos de fino grosor. • predominio de colores fríos.• predominio de tipografía sin serif y uso de

la deconstrucción tipográfica.• preferencia por el silencio visual.• Minimal techno es un subgénero

minimalista del techno. Se caracteriza por una estética “esquelética” basada en el uso de la repetición y del desarrollo subyacente (como la estructura constructiva de los elementos hecha en líneas).

El disEño y la música ElEctrónica

Page 36: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño y la música ElEctrónica

Page 37: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño y la música ElEctrónica

Page 38: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño y la música ElEctrónica

Page 39: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El artE dE simBoliZarEl disEño y la música ElEctrónica

Page 40: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño y la música ElEctrónica

Page 41: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

El disEño y la música ElEctrónica

Page 42: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

CONCLUSIONES:

para situar las coordenadas del diseño actual, es preciso analizar y comprender algunos hechos que ayuden a comprender ese pasado reciente. Los avances de principios del siglo veinte fueron fuertemente inspirados por avances tecnológicos en impresión y en fotografía. En la última década del mismo siglo, la tecnología tuvo un papel similar, aunque esta vez se trataba de computadoras. Todo se revolucionó.

En los últimos veinticinco años el campo del diseño gráfico ha experimentado una profunda transformación. Con la alteración del orden establecido, tanto en la creación de los mensajes visuales como en el consumo de la tecnología, se abren interrogantes sobre el papel del diseñador en el futuro, que cambiará de creador a interpretante de la cultura visual que se generará, posiblemente, a partir del receptor y no del emisor.

Page 43: Estilo Visual Tecno-Moderno - catedrayantorno.netcatedrayantorno.net/wp-content/uploads/2015/06/D1-ESTILO-VISUAL... · del diseño editorial.. “Una computadora es para mí ... asistido

DG.Y1

¡GRACIAS!