Web Design  »  Articoli  »  Web design 

Art Direction e Design

di: Dan Mall     17 Marzo 2011

Questa è la traduzione dell'articolo Art Direction and Design di Dan Mall, pubblicato originariamente su A List Apart il 20 novembre 2010. La traduzione viene qui presentata con il consenso dell'editore (A List Apart Magazine) e dell'autore.

Esaltare il presunto arrivo dell'art direction nell'ambito del web è una delle ultime tendenze dell'interactive design . Molte gallerie sono dedicate a questo tema. C'è persino un plug-in destinato allo scopo. Purtroppo, molti designer non capiscono la differenza tra design e art direction: ciò che è ancora più triste, è che anche molti art director non riescono a comprenderla. L'art direction dà sostanza al design. L'art direction aggiunge umanità al design.

L'art direction non è un “blogazine”

The Death of the Blog Post ha reso popolare il concetto di "blogazine": un miscuglio tra articolo di giornale e blog post. L'articolo sostiene che alcuni designer hanno aperto nuove strade, portando l’art direction sul web. Tale descrizione riduce l'art direction a poco più di un design specifico per ogni post nel blog. Il termine "blogazine" è una vergogna per gli art director di tutto il mondo. È come dire: "Guardate! Questo blog è come una rivista, perché ogni post è diverso!". Spesso i "blogazine" contengono solo dei post ben confezionati.

Le riviste non partono semplicemente con l'idea di “abbellire” delle storie individualmente: il loro obiettivo è quello di combinare l’aspetto visivo e il linguaggio in maniera tale da evidenziare il significato della storia. Le variazioni del design sono il risultato di tale desiderio, non una causa in sé e per sé. Nello staff di una rivista, gli art director e i copywriter trascorrono un'enorme quantità di tempo a scervellarsi per poter migliorare in diversi modi una storia: scegliendo lo stile del design, selezionando contenuti correlati, tutto per rendere più efficace il tono narrativo della storia.

Per tradurre tale processo nella pratica del web design, abbiamo bisogno di diverse strutture che ci diano flessibilità all'interno di un determinato formato. I campi personalizzati per gli stili all'interno dei sistemi di gestione dei contenuti a livello di singolo post sono solo un inizio. Tuttavia, la capacità di scrivere un CSS personalizzato non significa automaticamente che un post su un blog è stato sottoposto ad un'operazione di art direction. L'art direction va oltre i post di blog personalizzati. È qualcosa di diverso e straordinario. L'art direction eleva e migliora il significato.

È e non è

L'art direction porta chiarezza e definizione al nostro lavoro; aiuta a diffondere un particolare messaggio per un determinato gruppo di persone. L’art direction coniuga arte e design per dar vita ad una reazione emotiva e culturale. Essa influenza film, musica, siti web, riviste: in poche parole qualsiasi cosa con cui interagiamo. Senza l'art direction, rimaniamo aridi dentro e con sterili esperienze che possiamo dimenticare facilmente. Può un annuncio sui senzatetto nella metropolitana di New York invogliare a donare dei soldi? Perché lo spettatore prova l'impulso di gridare a Clarice Starling che si volti, pur sapendo che lei non può sentirlo? [Si tratta della famosa scena del film "Il silenzio degli Innocenti, in cui lei entra a casa del maniaco ed è tutto buio, per cui non vede nulla, mentre lui ha gli occhiali a infrarossi e a un certo punto è alle spalle di lei e allunga le mani e fa per toccarla, ndt].

Come possono delle candele trasformare una normale cena in una serata romantica? L' art direction significa evocare la giusta emozione creando quel collegamento tra ciò che si vede e ciò che si sta vivendo.

Al contrario, il design è la realizzazione tecnica di tale unione. Questi colori stanno bene insieme? Per leggere dei lunghi periodi l'altezza della riga è ben impostata? Questa foto è messa a fuoco? Funziona la gerarchia tipografica? Questa composizione è ben equilibrata? Se dico a mia moglie che l'amo, ma lo dico con una smorfia sul viso, lei percepirà un misto di segnali contrastanti. Se glielo dico con noncuranza mentre guardiamo la TV, potrebbe non prendermi sul serio. Ma quando glielo dico con un sorriso genuino e un mazzo di fiori, il significato è chiaro. In questo esempio, il mio amore è l'art direction, mentre il mio sorriso e il colore rosso delle rose sono il design, che agiscono di pari passo per trasmettere l'aspetto emotivo e fisico del concetto. Il design è la perfezione nella tecnica; l'art direction riguarda il significato, e a volte anche l'emozione impalpabile che nutre il design.

Ecco alcuni suggerimenti su come approcciarsi al design e all'art direction, e su come riconoscere le differenze nel proprio lavoro:

Metodi diversi nell’art design e nel design
Strumento Design
Colore

Questa combinazione di colori è adatta per il brand? È adeguata alla situazione? I colori vivaci in un messaggio triste potrebbero essere non adatti.

Questi colori stanno bene insieme? Sono intensi? Ogni colore è la scelta migliore per il tipo di media che viene preso in considerazione?

Tipografia

Cosa ricorda questo font? Senza le parole reali, come fanno le stesse forme delle lettere a trasmettere il messaggio? Il Comic Sans potrebbe essere troppo infantile, ma l'Helvetica potrebbe essere troppo banale.

Il mio assortimento riguardante le dimensioni dei caratteri crea il giusto ordine visivo? Questo tipo di carattere ha sufficiente peso per essere utilizzato in tale contesto?

Composizione

Questa composizione in che modo dovrebbe essere ben bilanciata? Le composizioni realizzate con cura sono gradevoli, ma spesso indifferenti. Le composizioni non realizzate con cura sono spesso inquiete e inquietanti, ma visivamente più interessanti.

AI miei margini sono pari? Nella visuale vi è un ritmo naturale che guiderà gli occhi di una persona attraverso la pagina?

Concetto

Quanto sono efficaci le immagini nel sostenere e nel comunicare lo spirito del brand? Qual è il messaggio o il racconto che il design vuole comunicare?

In che modo la grafica si allinea con le linee guida del prodotto per la spaziatura del logo, i giusti caratteri tipografici e la tavolozza dei colori?

In generale

Dà delle belle sensazioni?

È gradevole alla vista?

Guide Web design

Guida Progettazione siti web

Dall'analisi dei requisiti fino allo sviluppo e alla promozione:...

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Architettura dell'Informazione

L'Architettura dell'informazione è la disciplina che permette di...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti