Comunicación Visual 1º de Periodismo

01 Introducción

01Comunicación visual y diseño gráfico

Edward Hopper NIghthawks

Anders WallnerCalifornication showtime

Gustave MoreauGalatea

Michal Batory“Powerbook”Théatre National de Chaillot

Antoni TapièsCruiz y tierra

Anders WallnerCalifornication showtime

Maurizio CattelanItalian Stock Exchage Building monument

Tibits (restaurante vegetariano)Guerrilla

Ryan HaywoodWalt Disney

PSPeriódico finlandés - Portada

Comunicación visual, arte, diseño gráficoSus diferencias han sido siempre objeto de un controvertido (y lejano) debate

Comunicación visual Disciplinas

ARQUITECTURA

FOTOGRAFÍA

...

DISEÑO INDUSTRIAL

DISEÑO DE INTERIORESARTE

DISEÑO GRÁFICO

No son diferenciasen absoluto

r La producción de significador La intencionalidad

No son diferenciasen absoluto, aunque suelen vincularse

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

La principal diferenciaaLa 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 esoEn 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ónForm follows function(Louis Sullivan, 1896)

BanskyGuerrilla

Paul de Ruiter ArchitectsAparcamiento Insulindeplein

Super NatureNew 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ónEl 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

02Breve 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 ModernismoPotenciar 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 MuchaFavorecidos por la invención de la FOTOGRAFÍA y de la LITOGRAFÍA (permiten copias de calidad)

Vanguardias artísticas de comienzos del siglo XXXTras 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)

03Las 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.

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

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

AUDIOVISUAL INTERACTIVO

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 impresa, audiovisual o interactiva (webs comerciales, en móviles u otros soportes)

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

PUBLICIDAD IDENTIDAD

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 JagelandColección de libros. Editorial RIF.

Bellamy StudioDorsch 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úblicoEspaña

Tribune de GenèveSuiza

PúblicoEspañ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 MANEspaña

Revista FortuneEE.UU.

EsquireEspañ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 WorkReino Unido

PolimekanosDiseñ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

EsquireReino Unido

William RickettsAmerican 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 RiojaEspaña

La RiojaEspaña

lainformacion.comPublicidad 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ódulosPortugal

Dove _ MupiEspaña

Campaña sobre los riesgos del tabaco - MupiReino Unido

EsquireReino 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.)

DoublenautLogotipos

FBAColección de libros

DancemadeIdentidad de Reign

MenosunocerounoIdentidad 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.

CornwellEtiquetas de Taltarini

LovePackaging de Cook

Josh FlinkeaPackaging 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

FBAMosteiro Santa Clara Avelha

LeftloftSeñalética de San Siro

LeftloftSeñ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 Cityhttp://www.mcfc.co.uk/

Nikehttp://www.nike.com

The Guardianhttp://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 artSkream CD cover

Mash CreativeDiseño de camisetas

Salad ShopIdentidad visual y diseño de interiores

Julien BerthierDiseño industrial