La paternità dell’idea e del progetto sono della Urban Screen.

555 KUBIK | facade projection | from urbanscreen on Vimeo.

Via: DesignerBlog

L’articolo originale si trova qui.

Di che colore è la seconda lettera di Google?

Si chiama percezione visiva e distingue il “vedere” dal “guardare”. Concetto fondamentale nel web design, anche se spesso poco applicato e studiato.

Ovviamente la domanda del titolo è una chiara provocazione, ma permette di entrare in tema: è probabile che la scelta dei colori delle singole lettere di Google sia stata “casuale”, e in ogni caso non dettata da una pedissequa applicazione della teoria del colore.

Eppure, la composizione del logo Google funziona, non stona, è gradevole. Se la G fosse gialla e la L blu forse avremmo un’impressione differente. Magari il logo “stonerebbe” sul bianco della pagina.

Tutte supposizioni, d’accordo: ma è talmente importante coordinare i colori di testi e immagini di una pagina web che è doveroso soffermarsi anche su certi dettagli.

Il codice HTML perfetto non esiste: gusti personali e variabili tecniche (si pensi soltanto al grado di illuminazione dello schermo) possono influenzare la visione, il quadro finale della nostra composizione di pixel.

Aldilà di queste variabili, però, vi sono elementi che stonano oggettivamente rispetto ad altri, creando dissonanze stilistiche imperdonabili, che fanno fuggire il visitatore dal sito.

La prima reazione che ho avuto è stata di rallegrarmi per la scoperta RARISSIMA di un incentivo all’applicazione dei principi della percezione visiva anche sul web.

La seconda è stata quella di scrivere a mia volta un articolo che parlasse di percezione visiva applicata alle situazioni “scomode”.

Quando un cliente ci chiede di inserire un numero spropositato di elementi in una singola pagina bisogna per forza di cose ricorrere a degli espedienti visivi (cornici, contrasti cromatici, formattazione del testo in maniera contrastante, ecc…)

Solitamente si riesce a produrre una buona grafica in circa un paio d’ore. Ma talvolta può capitare l’inaccadibile: che il cliente sia seduto al vostro fianco mentre state lavorando alla sua lavorazione.

Con il cliente accanto che ti dice questa font è troppo smorta, mettine una più allegra, quel verde non mi convince, non hai un verde più verde?, mi raccomando che il lavoro finito sia elegante (quando dovete progettare un 70×100 e vi fornisce le foto prese dal sito a bassissima risoluzione e, noncurante della cosa, vi dice che vuole proprio quella foto, quella più piccola, come immagine principale al centro del manifesto).

Queste situazioni scomode portano il grafico ad un bivio: il suicidio, o la fanculizzazione del cliente dallo studio mentre si sta lavorando.

Le basi fondamentali della percezione visiva in queste situazioni aiutano a far felice il committente e sopratutto danno al grafico l’opportunità di risolvere problemi prettamente grafici “con stile”.

Vi è mai capitato di essere disturbati dall’impatto grafico di una home page, tanto da non proseguire nella navigazione? E di non ricordarvi associazioni di colori che avete sotto il naso tutto il giorno… come il logo di Google?

Roma – Riconoscere il contenuto di un’immagine, anche se questa è stata ridotta a risoluzione bassissima? Ora è possibile, grazie al software progettato da un team internazionale di ricercatori, che riesce a distinguerle accontentandosi di un totale compreso tra 256 e 1024 bit di dati.

La ricerca è stata coordinata da Antonio Torralba, professore del Computer Science and Artificial Intelligence Laboratory del MIT. Al suo lavoro di ricerca hanno collaborato Rob Fergus del Courant Institute of Mathematical Sciences (Università di New York) e Yair Weiss, dell’Università di Gerusalemme.

Perché una ricerca di questo tipo? Perché in rete potrebbe rappresentare una piccola rivoluzione. Le immagini – osservano gli scienziati – mancano di elementi intrinseci che ne descrivano il contenuto. Per questo siti come Flickr chiedono agli utenti di accompagnare ogni immagine con tag, descrizioni, categorie ed ogni altro attributo aggiuntivo che aiuti a classificarla per poi poterla ritrovare servendosi di una funzione di ricerca. Il tagging, utilizzato anche in altri ambiti e persino al centro di molte infrastrutture di search e di servizi per il web di “nuova generazione”, è un’attività spesso imprescindibile per mettere ordine nel caos, o trovare le giuste rotte in un oceano di informazione.

Proprio su questo punto vuole intervenire il lavoro svolto da Torralba: cercare elementi che automatizzino l’individuazione del contenuto. Per farlo, gli scienziati hanno cercato il limite inferiore sotto a cui diventa impossibile operare distinzioni. Il gruppo ha così messo a punto una riduzione matematica, che ha permesso di individuare il limite entro cui la quantità di informazioni nell’immagine ridotta è ancora sufficiente a descriverne il contenuto. “Stiamo cercando di trovare le sequenze più corte possibile: se due immagini hanno al loro interno sequenze numeriche simili, molto probabilmente contengono lo stesso oggetto e lo stesso contorno”, dice Torralba.
Per dimostrare graficamente alcune delle affermazioni del gruppo, Torralba ha predisposto un apposito sito, intitolato 80 milioni di piccole immagini. Passando il puntatore del mouse su ciascuna di esse (vedi immagine a lato) e cliccando su un qualsiasi puntino si apre un popup che ne descrive il contenuto ed esibisce quello stesso oggetto in vari contesti.

D’altro canto, spiega il gruppo, grazie alla conoscenza pregressa delle immagini in senso generale all’uomo bastano 32 x 32 pixel (quindi un totale di 1024) per individuare il contenuto di un’immagine. Invece, online vi sono molti esempi di cataloghi con risoluzioni maggiori: Google Immagini, ad esempio, ha thumbnail da 100 x 100 pixel (quindi un totale di 10 mila ciascuno) e – secondo gli scienziati – rappresenta un grande spreco di risorse. Molto però va ancora studiato: questa tecnologia si rivela efficace per oggetti comuni ma esibisce limiti consistenti se tratta oggetti non comuni. La ricerca è ancora in uno stato poco più che embrionale, spiegano i ricercatori. “È equivalente all’apprendimento del linguaggio. Ci sono molte parole che sentiamo

spesso ma, a prescindere da quanto tempo abbiamo vissuto, ce ne saranno sempre alcune che non abbiamo mai sentito. Per impararle abbiamo solo una strada: quella di conoscerle attraverso degli esempi”, illustra Torralba.

Per i più curiosi, a questo indirizzo c’è l’intero studio (formato PDF, circa 20 MB), con tutti i dettagli.

Marco Valerio Principato

Rosso La catena archetipica del rosso lo associa al fuoco e all’energia.
È il colore dell’energia vitale, stimolante sia fisiologicamente sia psicologicamente. Segnala situazioni di pericolo ed è istintivamente il preferito dai bambini per il proprio carattere di energia e di vitalismo. Attiene a molti riti di passaggio, di iniziazione, basti pensare all’identificazione sangue-vino nell’Eucarestia, è il colore del Natale, del Bambino che nasce e del Capodanno quando si indossa biancheria rossa per annunciare l’anno che inizia.
Per la stimolazione immediata e prepotente che comunica è indicato nella segnalazione di pericolo ma anche per tutto quanto vuole richiamare immediatamente l’attenzione, per ciò che è dinamico o destinato all’infanzia, i giocattoli, il food giocoso.
Per la capacità del rosso di evocare la stimolazione erotica è spesso utilizzato per le confezioni di rossetti, smalti, biancheria intima. Come stimolante dell’appetito appare spesso come colore di aperitivi e cocktails.

Blu La catena archetipica del blu rimanda all’acqua, al mare, all’affetto, all’armonia.
È il colore del sentire i suoi significati rimandano alla sfera affettiva. Blu=acqua=madre. Rimanda a sensazioni gustative di dolcezza (zucchero, cioccolato al latte) e a sensazioni tattili di tenerezza (blu velvet, gatti blu). Le tonalità più fredde vengono usate per sostanze dolci ma rinfrescanti. Il riferimento alla grande madre avvolgente ne fa il colore tipico degli abiti. Molto usato nell’abbigliamento casual, primo fra tutti il jeans, ma anche per le tute da lavoro, alcune divise, le sete e i velluti degli abiti da sera. È blu il mantello della madonna-madre celeste, della fata turchina di Pinocchio, del principe azzurro. È il colore della bandiera ebraica come simbolo del ritorno alla grande madre patria perduta, dell’Europa unita, delle Nazioni unite.

Giallo La catena archetipica del giallo rimanda alla luce, all’infinito, al Sé.
È il colore dell’energia che si sfoga compendiato nell’arancione che indica bisogno di rinnovamento, gioia di vivere (giallo) e illuminazione spirituale (rosso). I primi fiori a sbocciare in primavera sono gialli. Montale scriveva “portami il girasole impazzito di luce”. Luce, sole, fioritura e follia, leggerezza, luminosità, trasparenza; per tutti questi riferimenti il giallo è indicato per prodotti vivaci, solari, insoliti. Non a caso il New beetle fu presentato in giallo come il suo antenato. Contaminato con il verde si associa a sostanze acide, limonata, cedrata, detersivi. La scarsa leggibilità è spesso compensata dall’uso del nero che lo rende di massima incisività, come in alcune automobili molto sportive e in alcune confezioni di sigarette.

Verde La catena archetipica del verde lo associa all’albero, all’Io, alla difesa e alla conservazione.
La percezione di freschezza legata al verde lo rende indicato per tutti i prodotti rinfrescanti (menta e simili) mentre la sua stretta relazione con l’archetipo vegetale ne fa un colore di largo impiego in agricoltura, giardinaggio, prodotti biologici. Per il suo carattere di rigidità difensiva viene ampiamente usato nelle divise, specie abbinato ad altri colori, (la divisa grigio-verde dell’esercito). Nelle tonalità più fredde e bluastre il verde determina una percezione asettica che lo rende indicato nelle sale operatorie, nel rivestimento di apparecchi sanitari e quindi in tutti quei prodotti che fanno dell’asetticità un valore.

Viola La catena archetipica del viola prevede l’associazione con la congiunzione degli opposti e il fascino dell’arcano.
In comunicazione e nelle confezioni dei prodotti è di solito usato con molta parsimonia. Può significare raffinatezza e dunque essere usato come involucro di oggetti preziosi. È più facilmete usato nel settore cosmetico, per saponi e prodotti per la pelle.

Marrone Nella catena archetipica il marrone rimanda alla terra, alla corporeità, alla regressione.
Si usa nell’arredamento, nella pelletteria, per i prodotti naturali e gli oggetti artigianali. Di solito le tonalità più chiare e ambrate del marrone si associano a bevande alcoliche che riscaldano quelle più scure a elisir naturali e digestivi.

Grigio Nella catena archetipica il grigio è nebbia e schermatura.
Il suo carattere di neutralità lo rende usato negli impianti industriali e in tutto quanto deve avere carattere di anonimato. Il carattere difensivo del grigio ne spiega l’uso nelle divise e nell’abbigliamento formale di impiegati e manager. Per lo stesso motivo è il colore prediletto per le automobili.

Nero La catena archetipica del nero rimanda alle tenebre, all’assoluto, alla coazione
È il simbolo dell’inconscio, della negazione della luce e del colore sul piano fisico e della coloritura emotiva sul piano psichico. Si usa per privare gli oggetti delle loro connotazioni emozionali enfatizzando solo il loro aspetto formale. Indica autorità, distacco, prestigio. Non a caso è il colore delle automobili presidenziali e degli abiti da cerimonia.

Bianco La catena archetipica del bianco è luce, assoluto, libertà.
Si usa per le cose che devono essere pulite o purificate, di norma per i detersivi e, ormai con qualche eccezione, per gli elettrodomestici. Indica sterilità, asetticità, è il colore delle bende, dei camici, degli apparati medico-sanitari. È molto impiegato nel settore alimentare per i derivati del latte ma anche per l’alimentazione dell’infanzia.