01 Introducción

Comunicaci贸n Visual 1潞 de Periodismo

01 Introducci贸n

01

Comunicación visual y diseño gráfico

Edward Hopper NIghthawks

Anders Wallner Californication showtime

Gustave Moreau Galatea

Michal Batory “Powerbook” Théatre National de Chaillot

Antoni Tapiès Cruiz y tierra

Anders Wallner Californication showtime

Maurizio Cattelan Italian Stock Exchage Building monument

Tibits (restaurante vegetariano) Guerrilla

Ryan Haywood Walt Disney

PS Peri贸dico finland茅s - Portada

ComunicaciĂłn visual, arte, diseĂąo grĂĄfico Sus diferencias han sido siempre objeto de un controvertido (y lejano) debate

Comunicación visual Disciplinas

DISEÑO GRÁFICO DISEÑO INDUSTRIAL ARTE

DISEÑO DE INTERIORES ARQUITECTURA FOTOGRAFÍA ...

No son diferencias en absoluto

r La producci贸n de significado r La intencionalidad

No son diferencias

en absoluto, aunque suelen vincularse

sEl lenguaje visual (más o menos abstracción, por ejemplo) sLa realización por encargo sLos elementos gráficos (ej. tipografía) sLa multiplicidad de copias

La principal diferencia aLa funcionalidad de la imagen producida (arte ligado a contemplación, placer estético, emoción; diseño ligado a comodidad, legibilidad, eficacia, pragmatismo, impacto, también emoción)

Aunque, en la práctica, el asunto es más complejo que eso En todo caso, el debate agota. ¿A quién le importa? ¿Por qué no podemos hablar de comunicación visual, sin más?

En dise帽o, la forma sigue a la funci贸n Form follows function (Louis Sullivan, 1896)

Bansky Guerrilla

Paul de Ruiter Architects Aparcamiento Insulindeplein

Super Nature New angles (light installation)

Definiciones (I) Design is the method of putting form and content together. Design, just as art, has multiple definitions; there is no single definition. Design can be art. Design can be aesthethics. Design is so simple, that’s why it is so complicated - Paul Rand

Definiciones (II) Diseño gráfico es la disciplina que utiliza los elementos del lenguaje visual (color, tipografía, formas o composición) para facilitar la transmisión del mensaje, mejorar su comprensión por parte del receptor y potenciar su significado - Fernando Suárez Carballo

Conclusión El debate no va a ninguna parte Todo término es apropiado si se conocen los objetivos del proyecto Aquí hablamos de lenguaje visual, comunicación, imagen, eficacia, mensaje, significado, funcionalidad, intencionalidad Que cada uno construya su propia definición

02

Breve historia del diseĂąo grĂĄfico: hitos

Las im谩genes intencionales son tan antiguas como la propia necesidad de comunicaci贸n

Pinturas de Lascaux (13.000 a.C.) No existe la diferencia entre lo útil y lo artístico.

Detras de todas las obras hay una intención utilitaria, social, mágica, religiosa, o puramente estética.

Fichas e inscripciones en arcilla (8.000-31000 a.C.) Considerados el primer sistema de moneda, para registrar transacciones

Escritura cuneiforme (3000 a.C.) El primer precedente de la escritura actual. Los signos derivan de la abstracci贸n de pictogramas (peces, aves, etc.)

JeroglĂ­ficos (s. III a.C.) Sistema de escritura cuyos signos funcionan como ideogramas (representar imĂĄgenes) o fonogramas (representan sonidos)

Columna trajana (114 d.C.) Sus rasgos inspiran todo el diseĂąo tipogrĂĄfico del siglo XV y gran parte del alfabeto latino actual

Monograma personal de Carlomagno (s. VIII d.C.) Considerado como uno de los precedentes de la identidad visual moderna (logotipos)

La imprenta de Gutenberg (1439-1444) Gran revoluci贸n cultural gracias a la difusi贸n masiva.

Su primera gran producci贸n, la Biblia de 42 l铆neas (1455), a la derecha

Dise単os de tipos de plomo (s.XV-XVIII) William Caslon (1722), John Baskerville (1754, en la imagen) o Gianbattista Bodoni (1789) dan nombre a sus tipos

Movimiento Arts and Crafts (William Morris, 1834-1896) Reacciona contra la Revolución Industrial, la producción masiva y la baja calidad del diseño y el mal gusto o la ornamentación vacía. Rechazan las máquinas y propugnan la vuelta al trabajo manual. Son los orígenes del Modernismo Potenciar el arte y la creatividad frente a la producción en serie. Predominio del estilo decorativo.

La época del cartelismo y del Art Nouveau (finales s.XIX-comienzos s.XX) Líneas onduladas, formas orgánicas, ornamentos florales, inspiración japonesa, sin profundiad espacial. Estilo decorativo.

Integración del texto en la imagen. Toulouse-Lautrec y Alphonse Mucha Favorecidos por la invención de la FOTOGRAFÍA y de la LITOGRAFÍA (permiten copias de calidad)

Vanguardias artísticas de comienzos del siglo XXX Tras la Revolución Industrial (finen 1910), buscan la superación de las convenciones, una rebeldía sobr el orden establecido.

Futurismo (Marinetti): Busca evitar las reglas tradicionales, espontaneidad, tipografía, dinamismo y abstracción.

Vanguardias artísticas de comienzos del siglo XX Dadaísmo: Multiplicidad de formas y líneas, diversos tamaños, uso atrevido de la tipografía.

Vanguardias artísticas de comienzos del siglo XX De Stifl (Theo van Doesburg): Purificación del diseño mediante la eliminación de formas naturales y la apuesta por abstracción geométrica, colores primarios o nulos, planos horiontales o verticales. Theo Van Doesburg.

Bauhaus (fundada por Walter Gropius, 1919-1933) Escuela que defendía la unidad de arte y artesanía (hasta este movimiento, los trabajos se consideraban obras artísticas).

Comunicación clara y eficaz, transparencia. Sistematización del diseño, normas. Economía de recursos.

Rechazo de la ornamentación en favor de la funcionalidad. La forma sigue a la función.

Eleva el estatus de los oficios al rango de las bellas artes, revindica el carácter del diseño como disciplina diferenciada

Constructivismo (1921-1932) Movimiento surgido de la vanguardia soviética tras la Revolución Rusa. Refleja el deseao de un nuevo orden político y social.

Inspirado en el futurismo y el cubismo, se define por sus formas geométricas planas, el dinamismo compositivo, la simulación de movimiento. Sus figuras más destacadas, El Lissitzky o Rodchenko (imagen). Motivos propagandísticos.

Cartelismo francĂŠs (1925-1939) Plano y bidimensional, simplicidad de formas, intento de acercar el mensaje a todo el mundo. Influenciado por el cubismo o el futurismo. Su figura mĂĄs representativa es Cassandre.

La Segunda Guerra Mundial (1939-1945) Diseño gráfico al servicio de la propaganda bélica. Objetivo: emocionar.

En el Tercer Reich, ilustración realiasta, frío y reducido repertorio visual.

La Segunda Guerra Mundial (1939-1945) En el bando aliado, campa帽as moderadas y funcionales, dirigidas a incrementar la producci贸n y a la movilizaci贸n.

El estilo suizo (1950-1970) Favorecido por su posición neutral. Muchos de sus postulados se conservan hoy como las pautas a seguir.

Uso de blancos, predominio de la retícula.tipografías sin serif son algunos de sus elementos.

Figuras destacadas: Müller-Brockmann (imágenes), Ernst Keller.

El estilo suizo (1950-1970) Helvetica (Max Miedinger , 1956). Prototipo del dise単o suizo: racional, sobrio, funcional, extraordinariamente legible en todo tipo de situaciones.

Dise帽o posmodernista (1978-presente) Fusi贸n de estilos anteriores, de bellas artes y cultura de masas, rechazo del proceso industrial y el 茅nfasis en la l贸gica, la simplicidad y el orden.

La revoluci贸n digital (1980-hoy) La llegada de los ordenadores conlleva la redefinici贸n de muchos de los perfiles profesionales (prensistas, planchadores...): una sola persona controla el proceso. Im谩genes: revista Ray Gun (David Carson)

Conclusiones (I) A lo largo de la historia, conviven arte y diseĂąo sin que muchas veces se efectĂşe una distinciĂłn clara entre ambas disciplinas.

Conclusiones (II) El diseĂąo camina paralelamente a los cambios polĂ­ticos y sociales de cada momento.

Conclusiones (III) El diseño está fuertemente influido por los cambios tecnológicas que surgen en cada momento histórico (imprenta, fotografía, ordenador)

03

Las disciplinas del dise単o

3 grandes bloques Tradicionalmente

EDITORIAL

IDENTIDAD

PUBLICIDAD

Las nuevas tecnologías, ámbitos o soportes convierten esta clasificación tradicional en insuficiente

Bloques Según tecnología o soporte

IMPRESO

Periódicos, revistas, libros, folletos, catálogos, publicidad impresa, publicidad urbana, etc.

AUDIOVISUAL

Motion graphics (gráficos en movimiento), títulos de crédito, vídeos, instalaciones audiovisuales

INTERACTIVO

Páginas web, instalaciones digitales, diseño para nuevos dispositivos móviles (iPhone, iPad, etc.)

Bloques Según objetivo

INFORMACIÓN

Periódicos impresos u online, revistas o ezines, libros o e-books, folletos o newsletters, infografía, fotoperiodismo

PUBLICIDAD

Publicidad impresa, audiovisual o interactiva (webs comerciales, en móviles u otros soportes)

IDENTIDAD

Aplicación del diseño de identidad visual a diferentes soportes (webs, anuncios, editorial, etc.)

Complejidad de una clasificación -Existen proyectos pertenecientes a ámbitos muy claros.

-Pero, en la mayoría de los casos, un proyecto suele afectar a varios ámbitos diferentes.

-En este caso es normalmente la identidad la que engloba y condiciona el desarrollo de cada una de las piezas.

Interconexiones En un mismo proyecto, pueden estar presentes simultáneamente diferentes disciplinas de diseño gráfico

Hampus Jageland Colecci贸n de libros. Editorial RIF.

Bellamy Studio Dorsch Gallery

Rediseño de ABC (2010) Álvaro Valiño

a. Diseño editorial Periódicos Características Importancia de la retícula _ Unidad de estilo _ Importancia de la tipografía y la legibilidad _ Progresiva incorporación del color

Público España

Tribune de Genève Suiza

Público España

b. Diseño editorial Revistas Características Mayor virtuosismo formal (periodicidad menos exigente) _ Diversidad de formatos y géneros _ Universalización del color

Revista MAN Espa単a

Revista Fortune EE.UU.

Esquire Espa単a

c. Diseño editorial Libros Características Lectura lineal (frente a la lectura secuencial de los anteriores productos) _ Habitualmente retícula basada en una sola columna _ Prioridad: la legibilidad_ Menos recursos gráficos (salvo portadas)

Colecci贸n de libros One Work Reino Unido

Polimekanos Dise単o de libros

d. Diseño editorial Folletos y catálogos Características Menor extensión y volumen de páginas muy variable _ Formatos alternativos (algunos, de proporciones muy verticales) _ Escasos atributos comunes

Esquire Reino Unido

William Ricketts American History brochure

e. Infografía Características Su objetivo principal, facilitar la comprensión de datos complejos _ Género periodístico _ Soportes impreso e interactivo (auge de la infografía en Internet)

Ver archivos externos: Caperucita roja (infografía audiovisual)

La Rioja Espa単a

La Rioja Espa単a

lainformacion.com Publicidad interactiva

f. Publicidad Impresa Multitud de formatos y soportes (periĂłdicos, revistas, vallas, mupis, mobiliario urbano, etc.) _ Importancia de la retĂ­cula modular en prensa (condiciona el coste) Audiovisual Spots, sobreimpresiones, etc.

Interactiva Banners, popups, pĂĄginas especializadas

Ver archivos externos: Labuat, Camper, Nike Air Max 90

Expresso - Publicidad en m贸dulos Portugal

Dove _ Mupi Espa単a

Campa単a sobre los riesgos del tabaco - Mupi Reino Unido

Esquire Reino Unido

h. Identidad visual Características Expresión visual de los atributos, valores y filosofía de una organización, producto o entidad _ Suele incorporar muchos de los restantes ámbitos _ Engloba el diseño de identificadores o “logotipos”, su uso y las aplicaciones (tarjetas, papelería, editorial, cartelería, etc.)

Doublenaut Logotipos

FBA Colecci贸n de libros

Dancemade Identidad de Reign

Menosunocerouno Identidad de Factures

i. Packaging Características En ocasiones, suele ser una extensión de las características visuales reflejadas en la identidad visual _ Abarca el diseño de envases, etiquetado, embalajes, etc.

Cornwell Etiquetas de Taltarini

Love Packaging de Cook

Josh Flinkea Packaging de Cure

j. Señalética Características Suele recuperar también los atributos (color, tipografía, etc.) de la identidad visual de una determinada entidad _ Signos muy abstractos y universalmente comprensibles para facilitar la ubicación de determinados lugares _ Códigos muy básicos, simplicidad

FBA Mosteiro Santa Clara Avelha

Leftloft Señalética de San Siro

Leftloft Señalética de San Siro

k. Diseño web e interactivos Características Atañe a todo lo relacionado con el diseño de páginas web y nuevos dispositivos (móviles o iPad, por ejemplo) _ Sus objetivos son múltiples (información, publicidad o promoción personal, entre otros muchos)

Manchester City http://www.mcfc.co.uk/

Nike http://www.nike.com

The Guardian http://www.guardian.co.uk

l. Audiovisual - motion graphics Características Atañe a cortinillas, títulos de crédito, y a la imagen general de una cadena

Ver archivos externos

Otros elementos de dise単o...

Give up art Skream CD cover

Mash Creative Dise単o de camisetas

Salad Shop Identidad visual y dise単o de interiores

Julien Berthier Dise単o industrial