Processing.js è sviluppato esplicitamente per i browser che supportano le specifiche HTML5 come l’elemento Canvas. Gira su Firefox, Safari, Opera e Chrome ma non è supportato da Internet Explorer.

Alcune note sul linguaggio “processing”

Processing è stato creato da Ben Fry e Casey Reas. Tutto è partito da alcune idee discusse nel gruppo “Aesthetics and Computation” al MIT Media Lab, e all’origine fu pensato per essere usato in ambiente Java. Nell’estate del 2008, John Resig (inventore di jQuery), ha effettuato il porting delle istruzioni 2D di Processing in Javascript per essere usato all’interno di pagine web. Molto di più del linguaggio d’origine, Processing.js è un community-driven project, e continua a crescere come una vera e propria tecnologia web.

Traduzione effettuata da Andrea Paraggio a partire dalla pagina principale del sito Processing.js

I problemi sono diversi: un compenso così grande per un intervento grafico così marginale suscita l’ira degli addetti al settore. D’altra parte, però, persone estranee al mondo del design e della grafica si pronunciano e valutano interventi di restyling nello stesso modo in cui la nonnina valuta il prezzo delle arance al mercato, ossia a peso.

A mio avviso è venuto il momento in cui interventi di consulenza su comunicazione e design vengano valutati nello stesso modo in cui vengono valutate le prestazioni di un avvocato, di un notaio, di uno psicologo, di un ingegnere, ossia come interventi professionali per cui esistono delle competenze specifiche e più possibili soluzioni ai problemi posti.

Un istituto che vuole festeggiare il proprio sessantesimo anniversario è costretto a scendere sul mercato per trovare una soluzione ai propri problemi. C’è bisogno di un nuovo logotipo in occasione dell’evento e nessuno all’interno sa da dove cominciare perché valutando le seguenti cose inizia ad avere un po’ di paura:

• Il marchio di NHS ha una sua storia, nel caso specifico 60 anni di storia;
• Che tono di voce utilizzare? (stravolgente, perturbante, spiritoso etc.)
• etc etc.

Potrei continuare per un bel po’ ma mi fermo perché nessuno mi sta pagando per pensare.

Anche se vogliamo tralasciare pensieri così “profondi”, mettiamo il caso si tratti di grafici “battaglieri” molto molto pratici e per niente teorici: questi dovranno presentare bozze diverse al proprio cliente. Non dico tante, ma supponiamo tre diverse alternative; queste persone dovranno metterci dai 3 ai 5 giorni per elaborare delle idee, delle soluzioni, dalle più semplici alle più stravolgenti; Dovranno incontrare più volte il cliente per parlare, approfondire, stabilire una relazione.

Sembra quasi che per molte teste di legno tutto ciò non conti, tant’è che si permettono con tutta l’arroganza e l’ignoranza che li contraddistingue di dire che post-porre il numero “60″ a un marchio già esistente sia costato ben 6.000£ per carattere alla comunità. Quasi come se il “60″ sia caduto sulla scrivania dei designer dall’alto, per poi essere semplicemente incollato sui supporti necessari.

Il logo dell'HNS

Il logo del NHS dopo l'intervento

Un ottimo ragionamento, non c’è che dire. Molto scientifico:

60 = 12.000£
ergo
6 = 6.000£ e 0 = 6.000£

Non fa una piega, peccato che si siano trascurate tutti gli elementi valutativi di un intervento di cui sopra.

Alcuni chiarimenti

Il mio post non vuole difendere assolutamente l’operato dei designer che hanno realizzato l’intervento di restyling – anche perché a dirla tutta si tratta di un contributo davvero marginale e, molto probabilmente, altamente sovrapagato – ma vuole essere una difesa personale del mio lavoro per quale ritengo vi siano delle competenze e delle abilità specifiche, manuali e cognitive.

Proprio non sopporto leggere di persone che aprono la bocca valutando un lavoro “6.000£ a digit”. Disturba me e tutte le persone coinvolte in questa stupenda professione.

Utilizza le API di google maps per la visualizzazione delle mappe, l’aggiunta e la gestione dei POI (points of interest). I contenuti di una determinata città sono realizzati con il contributo degli utenti che possono commentare un locale notturno, un monumento, una bancarella che vende hotdog, un ponte su cui hanno baciato per la prima volta una persona veramente speciale.

Questo progetto ha dato l’occasione a me e al mio gruppo di lavoro di cimentarci nell’avventura della progettazione di interfacce complesse e ci ha avvicinato al mondo dell’usabilità.

Di seguito alcuni esempi delle interfacce che abbiamo realizzato per la guida. Per chi volesse ulteriori dettagli sul progetto segnalo il modulo di contatto presente su questo blog.

Copyright Design Per. un'iniziativa dell'aiap www.aiap.it

Editoria, Ambiente, Nuovi linguaggi, Impresa. Campi e pratiche del progetto di comunicazione visiva

Il PAN, palazzo delle arti di Napoli, ospiterà tra il 6 e l’11 settembre la settimana internazionale della grafica. Sei giorni nei quali saranno disponibili workshop per studenti e professionisti, mostre, tavole rotonde, conversazioni, conferenze, seminari, studi aperti, proiezioni e passeggiate tipografiche.

I temi dell’evento sono principalmente l’editoria, l’ambiente, i nuovi linguaggi e l’impresa. Attorno ad essi ruoteranno quattro workshop, quattro tavole rotonde e le varie mostre.

Saranno inoltre presenti più di 50 tra autorevoli studiosi, autori e professionisti che ci mostreranno i loro contributi nel design grafico contemporaneo.

Per maggiori informazioni:

Aiap News
Design per. website
SDZ

C’è gia un acceso dibattito tra i designer italiani sulla qualità di suddetto marchio, con domande al seguito rivolte al nostro premier.

In effetti appare sconcertante la povertà di idee che permea suddetto logo, che se vogliamo sembra schierarsi apertamente contro le più trite regole del design di identità visive, prima tra tutte quella secondo la quale sarebbe opportuno rendere il marchio altamente declinabile e riproducibile su più supporti, lasciando perdere effetti palesemente bitmap come quelli che si possono creare con photoshop. Parlo di ombre, bagliori interni ed esterni, rilievi, etc. La social designzine curata da aiap, SDZ, ne parla come un “Teatro campionario di effetti di photoshop.

Il logo, orfano d'autore, la cui realizzazione è stata seguita personalmente dal nostro premierone

Per quanto riguarda la mia riflessione sulla comunicazione invece, mi sento di essere più duro: l’italia è annoverata in assoluto tra i paesi che più di altri traducono la produzione culturale proveniente dall’estero, riadattandola al proprio contesto e ai propri modi di dire. In questo caso si è fatta un’eccezione, perché per portare fuori dall’italia il concetto di made in italy si è scelto di veicolare tale messaggio adoperando la lingua inglese. Magic Italy, e non Magica Italia.

A seguire il video di presentazione di tale marchio all’interno del TG4 ad opera della nostra ministra per il turismo Michela Brambilla.

Clicca qui per vedere il video incorporato.

Si ringrazia Rossella Nero per l’immagine utilizzata per l’esempio. L’immagine di sopra è stata ottenuta con una tecnica molto semplice:

1. Contrastate in maniera elevata l’immagine di partenza attraverso il pannello Image > Adjustments > Brightness/Contrast, regolando l’immagine in maniera che la differenza tra aree luminose ed aree scure risulti accentuata limitando di molto il livello di dettaglio dell’immagine;

2. Convertite in scala di grigi Image > Method > Grayscale, poi in bitmap (Image > Method > Bitmap)) scegliendo il metodo Halftone;

3. Selezionare un tipo di punto rotondo (circle), dopodiché scegliere un valore molto basso per la frequenza dei punti che dovranno essere rotondi. Attribuire ad essi un’inclinazione tra i 10° e i 20°;

4. Con lo strumento bacchetta magica, impostate la tolleranza a 1 se l’immagine lo consente, o comunque a un valore molto basso (più o meno tra 1 e 10). Selezionate il bianco e cancellatelo, dopodiché salvate la selezione e assegnatele un nome;

5. Create 3 livelli nuovi, ognuno contenente la selezione che abbiamo salvato riempita rispettivamente con (dall’alto verso il basso): ciano 100%, magenta 100% e giallo 100%;

6. Settate le opzioni di fusione livello su moltiplica e rendete invisibile il livello nero di partenza. Se tutto è andato bene l’immagine dovrà essere interamente nera;

7. Decentrate ciascuno dei tre livelli a piacimento con i tasti di direzione per creare l’effetto fuori registro dei contorni;

8. Create un fondo a piacere.

Qui un esempio nel dettaglio dell'immagine utilizzata per il tutorial.

Parto subito col dire che sui Why not associates si trova pochissimo materiale scritto. Questo quasi a ribadire lo spiccato orientamento di quest’agenzia alla “comunicazione per immagini” più che per parole. E anche quando si tratta di “testo”, nel caso dell’agenzia londinese questo va “visto” e non letto.

Mi affiderò quindi alle poche righe e alle molte immagini trovate sul loro sito ufficiale per scrivere questo piccolo contributo sui designer forse più sperimentali del panorama che va dalla fine degli anni ‘80 ai giorni attuali.

Biografia

Dietro il successo di Why not associates troviamo le menti di David Ellis e Andrew Altman che fondano l’agenzia subito dopo aver conseguito una laurea al St. Martins College of Art a Londra. Ben presto diventeranno un’agenzia di respiro globale che ad oggi annovera tra i suoi clienti importanti multinazionalied enti governativi, ma anche piccole comunità con progetti di piccolo respiro, rivolti soprattutto, come vedremo, all’environmental typography.

In circa venti anni di attività, l’agenzia si è trovata a spaziare dallo studio dell’immagine coordinata alla stampa di libri; dall’elaborazione di concept per video, alle installazioni urbane. Una frase emblematica in cui i WNA amano racchiudere tutta la loro mission è la seguente:

We’re not afraid to run through a dark room with an arm full of lighted fireworks. Fingers grow back, and great work lasts forever.

Lo scenario della type deconstruction

Come gia affrontato nel mio lavoro su Adrian Frutiger, gli anni ‘80 segnano la fine della tipografia tradizionale e l’avvento della tipografia digitale. Da quel momento per realizzare un carattere tipografico non c’è più bisogno di fondere piombo, ma di disegnare al computer con l’ausilio di uno o più software.

In questi anni assistiamo al declino della tipografia tradizionale e con essa alcuni principi della scuola tipografica svizzera, primi tra tutti l’inviolabilità storica della “leggibilità” e la coerenza strutturale e armonica dell’impaginato.

È attorno a magazine come Emigre e Octavo che giovani designer sperimentano caratteri, più o meno leggibili. Molta di questa sperimentazione avviene partendo da una “decostruzione” di caratteri della tradizione, sia lineari che serif, alterandone la struttura, in particolar modo manipolando la larghezza e la lunghezza delle aste e dei tratti terminali, la linearità dei contorni.

Ispirazioni

Se è valido il principio secondo cui nulla si crea nulla si distrugge, ma tutto si ricicla, allora è vero che gran parte dei lavori dei WNA vanno a collocarsi a livello stilistico nel filone della Type Deconstruction e della Next Wave. Ma è anche vero che molte delle loro realizzazioni, soprattutto le installazioni di public art, pagano un tributo alle officine dell’Arts and crafts per quanto riguarda l’approccio al lavoro in generale e, in particolare, per il profondo interesse che nutrono per l’artigianato e le arti squisitamente manuali come ad esempio l’incisione, la scultura, la tornitura etc.

Questa loro matrice artigianale li ha portati, in molti casi, a scegliere i materiali e i supporti più disparati per confezionare i loro lavori, ricorrendo in alcuni casi a proficue collaborazioni con professionisti di settori completamente diversi.

È il caso del lavoro che più recentemente li sta vedendo coinvolti, le Typographic Tree Columns create in collaborazione con Gordon Young per l’allestimento della Crawley Library nel West Sussex.

Tratti caratteristici e lavori principali

Lo stile dei WNA è un mix di stilemi e linguaggi moderni veicolati utilizzando talvolta materiali tradizionali come la carta, altre volte presi in prestito da ambiti artistici completamente diversi. È il caso del legno, del metallo, della pietra, della pellicola.

La tendenza è un po’ quella comune a tutti i deconstructors, ossia quella di smantellare strutture precostituite:

1. smantellamento dei tradizionali percorsi di lettura;
2. fusione e commistione di due parti della pagina (immagine e testo) tenute tradizionalmente separate;
3. eliminazione e modifica di parti ridondanti dei caratteri tipografici tradizionali;
4. assunzione da parte del testo dell’immagine/colore di fondo;
5. copertura volontaria di parti di testo;

The Unseen Gaza, videotipografia

I WNA hanno contribuito alla realizzazione di molti video, sia di carattere promozionale che istituzionale. Memorabili i video realizzati per Virgin (vedi fig. 2 e 3) e, ultimamente, quello che ha promosso il documentario sulla striscia di Gaza andato in onda sulla BBC. È nudo e crudo a tal punto che sul fondo scorrono immagini del conflitto, coperte da un rettangolo di volta in volta bianco o nero in cui scorre il testo pronunciato dallo speaker.

Niente di particolare se non fosse per il fatto che il testo appare solo per frazioni di secondo allo spettatore dopodiché viene coperto da una striscia nera che ne lascia intravedere solo alcuni tratti. Un meccanismo teso a sottolineare il titolo del documentario, The unseen Gaza.

Il risultato è la creazione di una certa difficoltà nella lettura, nella visione e, di conseguenza, nell’ascolto del messaggio.

Tutto ciò fa sì che lo spettatore venga preso da una sensazione di “sgomento” per aver capito qualcosa attraverso la difficoltà di fruizione dello stesso messaggio.

Public Art

Molto interessanti gli interventi di public art realizzati dallo studio londinese. In questo senso la tipografia viene utilizzata per creare dei percorsi narrativi interattivi ed esperienze nuove di percezione dei luoghi pubblici.

In alcuni casi vengono create delle vere e proprie metafore urbano-visive, come nel caso di The walk of art, la stradina di acciaio di oltre 100 metri che porta all’entrata dello Yorkshire Sculpture Park, su cui sono incisi a laser i nomi degli oltre 5000 visitatori che hanno donato una somma alla fondazione.