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