Il 24 e il 25 marzo 2013, alla Fiera del libro per ragazzi di Bologna, abbiamo presentato l’anteprima di Facciamo!, la nostra prima app per bambini, nata da un approccio cooperativo tra Antonella Abbatiello (illustratrice e creatrice di animazioni), Stefano Baldassarre (graphic designer di Isotype.org) e Lorenzo De Tomasi (interface designer di Isotype.org), Topipittori editore e AreaMobile.

In questo video raccontiamo la storia di come il progetto di un libro si evolve nella creazione di una app. La narrazione di un’esperienza ancora sotto traccia che coinvolge un editore, un editor, un illustratore, un graphic designer, un interface designer e suo figlio di 2 anni.

In questo video potete vedere l’anteprima di quattro delle venti facce che prenderanno vita nell’app, che sarà pubblicata a ottobre 2013 in contemporanea con il libro Facce.

Origini

L’origine dei corsi di basic design è riconducibile al corso propedeutico vorkurs del Bauhaus (1919/35) e al grundkurs della Hoschule fur Gestaltung di Ulm (1954/60): due esperienze caratterizzate da un’elevata tensione culturale e da continue innovazioni didattiche, mentre nel primo l’insegnamento era fondato su un’immediatezza espressiva di matrice espressionista prima e costruttiva e funzionalista poi, nel secondo gli esercizi di composizione erano basati su un approccio razionale di impronta scientifica in particolare dopo il 1957 con la direzione di Tomás Maldonado. Sarà soprattutto l’esperienza didattica della HfG a connotare i corsi di base degli anni sessanta, costantemente caratterizzati da un atteggiamento che, partendo dai presupposti scientifici della Psicologia della Gestalt e dai fondamenti della geometria euclidea, ha fondato sul metodo scientifico la propria sostanza applicativa e ideologica e ha fatto della geometria il suo strumento operativo e linguaggio estetico. Questa impostazione sebbene ha avuto un ruolo essenziale per lo sviluppo della didattica del design ha mostrato i propri limiti nel circoscrivere l’approccio intellettuale e progettuale alla forma ai soli aspetti razionali, riducendo la complessità dell’atto creativo.

Struttura

Il corso, che ha un carattere propedeutico al successivo insegnamento di progettazione, è caratterizzato da una metodologia didattica fondata sulla ricerca e sulla sperimentazione. L’attività è articolata in relazioni e esercitazioni: le prime intendono avvicinare lo studente alle problematiche della progettazione, le seconde sviluppare la sua creatività intesa sia come capacità a definire processi logici, sia come attitudine a gestire sistemi complessi di relazioni.

Esercitazioni di basic design

Una raccolta di esercizi di basic design raccolti da Giovanni Anceschi, docente presso Università Iuav di Venezia. Le esercitazioni sono state oggetto del corso tenuto da Anceschi allo Iuav, di cui io ero cultore della materia.

1. Tomás Maldonado, Antiprimadonna
2. Giovanni Anceschi, Influenzamento dell’ordine di lettura
3. Johannes Itten, II nero come colore
4. Josef Albers, 4 colori con 3 colori – 3 colori con 4 colori
5. Gui Bonsiepe e Giovanni Anceschi, Visualizzazione di concetti
6. Giulio Ceppi, Progetto di un oggetto sensoriale
7. Giovanni Anceschi ed Eberhart Wahl, Interpolazione di forme
8. Gabriele Devecchi, Ombre cinesi
9. Bruno Munari, Narrazione per immagini
10. Giovanni Anceschi, Variazione verbocinetica e verboauditiva

Antiprimadonna

Di Thomas Maldonado

Procedimento

Su un foglio formato A3 posizionare una fascia orizzontale di cm 10 x 35 secondo lo schema e suddividerla in 7 bande verticali di larghezza variabile; a cinque di esse attribuire un diverso colore (tinta piatta), e alle due restanti una diversa trama in bianco e nero. Per la definizione delle bande colorate sono ammessi tutti i colori; per quelle in bianco e nero tutte le trame (purché ad andamento isometrico); per entrambi i tipi sono ammesse tutte le larghezze.

Obiettivo

L’obiettivo dell’esercitazione consiste nel far sì che nessuna delle sette bande, e in generale nessuna parte della configurazione eserciti il ruolo di primadonna.

Tecnica

Collage di carte colorate e retini realizzati con tecnica a piacere.

Influenzamento dell’ordine di lettura

Di Giovanni Anceschi

Procedimento

Su un formato A3 verticale, al quale va attribuito un colore piatto a piacere, piazzare le prime cinque cifre (1,2,3,4,5= 12345), nell’ordine, in un carattere tipografico a piacere (non sono ammessi caratteri calligrafati o disegnati ad hoc dallo studente).

Le cifre possono essere ingrandite o rimpicciolite ma non deformate, possono essere spostate verso l’alto o abbassate lungo l’asse verticale e ruotate o capovolte ma non rese speculari. In ogni modo i contorni delle cifre non devono mai sovrapporsi, e non devono mai sovrapporsi neppure le bande ideali verticali che contengono le cifre. Anche il colore delle cifre può essere una tinta a piacere piatta ma non sfumata. Si può attribuire una diversa tinta a ciascun numero. È rigorosamente vietato invertire la sequenza orizzontale delle cifre.

Obiettivo

L’obiettivo consiste nell’ottenere che si legga un numero diverso da dodicimilatrecentoquarantacinque.

Tecnica

A piacere (collage, stampa digitale ecc.).

II nero come colore

Di Johannes Itten

Procedimento

In centro a un foglio A3 grigio medio orizzontale ricavare una scacchiera di 25 quadrati di cm 4 di lato ognuno. 5 di tali quadrati di cm 4 saranno neri e disposti a piacere nella scacchiera attorniati dai rimanenti quadrati obbligatoriamente colorati a piacere con tinte piatte. La scacchiera dovrà risultare interamente colorata e senza aree scoperte, nessun tipo di grigio è ammesso.

Obiettivo

Scopo della tavola è ottenere che alla visione appaia una scacchiera colorata dove i quadrati neri siano colore tra i colori e non “buchi” visivi.

Tecnica

Collage.

4 colori con 3 colori – 3 colori con 4 colori

Di Josef Albers

Procedimento

Esercitazione costituita da due gruppi di tavole A-B. (totale 4 tavole)

• accostare senza soluzione di continuità due superfici A5 di diverso colore (tinte piatte) e collocare nel centro visivo di ognuna un piccolo rettangolo verticale – circa cm 1,5 x 2,5 – di un terzo colore piatto. Continuare a cambiare i colori fino a rendere evidente all’occhio l’esistenza di 4 colori. Eseguire 3 tavole usando colori diversi per ognuna inseguendo la massima efficacia del fenomeno percettivo, 4 colori.
• Scegliere la tavola visivamente più efficace delle 3 realizzate e riprodurne i colori su una seconda tavola operando le opportune scelte cromatiche sui rettangolini affinché gli stessi risultino cromaticamente uguali all’occhio.

Obiettivo

L’esercitazione A si propone di evidenziare attraverso un approccio empirico l’essenza relazionale, interattiva del colore. Constatata tale essenza, essa, con B, viene confermata da una manipolazione cromatica mirata a negarla percettivamente.

Tecnica

Collage di superfici colorate – tinte piatte – su cartoncino bianco formato A4. Dietro all’esercitazione B saranno incollate affiancate, a lato del cartiglio, le copie del rettangolino della prova A e di quello diverso della prova B.

Visualizzazione di concetti

Di Gui Bonsiepe e Giovanni Anceschi

Procedimento

Su ciascuno di 4 fogli formato A4 (cm 21 x 29,7) comporre un’immagine che rappresenti un concetto. Il foglio deve essere orientato verticalmente. Non è consentito lasciare dei margini.

Obiettivo

Visualizzare i seguenti quattro concetti:

• Classico
• Moderno
• Industriale
• Metropolitano

Tecnica

Ogni tipo di collage che utilizzi il materiale visivo tratto dall’immaginario (cioé dalla produzione iconica, fotografica, ecc., non sono ammesse parole, frasi, testi scritti) presente sulle pagine dei rotocalchi attualmente in edicola.

È fondamentale iscrivere nell’intestazione, sul retro della tavola, l’espressione verbale visualizzata.

Progetto di un oggetto sensoriale

Di Giulio Ceppi

Obiettivo

L’esercitazione è mirata alla costruzione di un “oggetto sensoriale”. Con tale termine si intende una raffigurazione grafica bidimensionale, in grado di evocare, attraverso il senso della vista, un altra percezione sensoriale. Il processo di evocazione di un senso tramite un altro è noto come sinestesia: è quanto si vuole appunto progettare.

Procedimento

L’oggetto sensoriale è definito e declinato nei suoi contenuti da due coordinate:

• una relativa al suo contenuto semantico (immagini evocative, analogiche, suggestioni cromatiche…) e
• una seconda riguardante la sua struttura compositiva (simmetrie, margini, contrasti…)

Più precisamente:

Contenuto semantico

• A sua volta composto da due parametri da combinare tra di loro:

• il canale sensoriale che si vuole raffigurare visivamente, quindi – escludendo la vista – tatto, udito, gusto e odorato.
• una variante qualificativa, di una modalità della percezione sensoriale.
• Gli aggettivi sono: raffinato, naif, voluttuoso, limpido, violento. Le due varianti vanno tra di loro incrociate, in modo da definire un binomio definito: vale a dire che si può costruire un oggetto sensoriale tattile/raffinato, uditivo/violento, olfattivo/limpido…

Forma visiva

• L’oggetto sensoriale deve essere espresso attraverso la forma grafica del collage, purché bidimensionale. Gli aspetti compositivi sono parte integrante della sensazione sensoriale da trasmettere.

Tecnica

Gli studenti hanno a disposizione:

• un foglio A4 (cm 21×29,7) con un griglia impaginativa di riferimento cm 20×20;
• qualsiasi materiale grafico (pubblicitario, fotografico….), ma non campioni materici reali.

Interpolazione di forme

Di Giovanni Anceschi ed E. Wahl

Procedimento

Su un formato A3 verticale costruire una scacchiera di lato cm 28, con moduli di cm 4 x 4 e collocare al centro dei quattro moduli d’angolo quattro forme geometriche elementari sorteggiate fra le 13 previste.

Obiettivo

L’obiettivo consiste nell’interpolazione delle forme geometriche ricavate, applicando un preciso principio di trasformazione in modo che tutte le sequenze di forme (in verticale, orizzontale e in diagonale) appaiano trasformarsi con coerenza.

Tecnica

China o tempera nera su carta da disegno liscia.

Ombre cinesi

Di G. Devecchi

Procedimento

L’esercitazione consiste nel disporre 5 solidi di varie forme e materiali – trovati o modellati – in modo da raccogliere la loro ombra portata su due schermi tra loro perpendicolari. I 5 corpi dovranno essere dei solidi tra loro isolati, senza collegamenti; la loro forma ovviamente non deve anticipare quale sarà l’ombra d’insieme proiettata sugli schermi di cui sopra. Lo studente dovrà scattare tre fotografie della composizione:

• ripresa d’insieme dei solidi e delle ombre;
• l’icona/ombra raccolta sul piano verticale (pv);
• l’icona/ombra raccolta sul piano laterale (pl).

Obiettivo

I 5 solidi dovranno essere dislocati in modo che dalla medesima disposizione in pianta si ottengano due icone/ombra diverse [una sul piano verticale (pv), l’altra sul piano laterale (pl)]. Per icone/ombra si intendono due profili figurativi chiaramente riconoscibili. Il grado di astrazione è a piacere (sintetico, realistico). Nulla osta a una rappresentazione ironica o bizzarra.

Tecnica

Le tre immagini fotografiche, ritagliate dal formato standard in un formato di cm 9×9, saranno montate in sequenza al centro di un cartoncino A3 orizzontale (bianco o in colore piatto, funzionale all’efficacia della comunicazione).

Narrazione per immagini

Di Bruno Munari

Procedimento

Scegliere un’immagine di grandi dimensioni, rappresentata con una tecnica qualsiasi. È consigliata un’immagine ricca di dettagli. A partire da più copie dell’immagine scelta o di sue porzioni, realizzare una sequenza di inquadrature su un foglio di formato A2 piegato a metà (in modo tale da risultare in formato A3). Il numero di inquadrature da utilizzare è libero, ma non è consentita la loro numerazione o l’uso di qualsiasi simbolo che ne suggerisca la sequenza. Anche la forma delle inquadrature è libera, ma deve rimanere costante per tutta la narrazione, ne possono essere variate solo le dimensioni. Dare un titolo alla storia.

Obiettivo

L’obiettivo dell’esercitazione è quello di costruire una storia attraverso un sistema di inquadrature.

Tecnica

A piacere (collage, stampa digitale ecc.).

Variazione verbocinetica e verboauditiva

Giovanni Anceschi

Procedimento

Considerare le seguenti parole:

• Cala (o calare o decrescita)
• Comincia (o cominciare o inizio)/li>
• Cresce (o crescere o crescita)
• Divide (o dividere o divisione)
• Esplode (o esplodere o esplosione)
• Finisce (o finire o fine)
• Frena (o frenare o frenata)
• Moltiplica (o moltiplicare o moltiplicazione)
• Si trasforma (o trasformarsi o metamorfosi)

Da questo elenco scegliere 5 parole, comporle in un carattere a piacere da mantenere fisso.

Obiettivo

L’obiettivo consiste nell’enfatizzare al massimo il significato delle parole scelte.

• Ottenere ciò attraverso l’impiego di qualsiasi tipo di manipolazione formale (deformazioni, spostamenti, frammentazioni, ripetizioni, estrapolazioni, ecc.) e di qualsiasi tipo di modificazione cromatica.
• Ottenere ciò attraverso il solo impiego di un accompagnamento auditivo (sonoro, rumoristico, vocale, ecc.)

Tecnica

È consentito l’utilizzo di qualsiasi tecnica di animazione e sincronizzazione audio-video. L’elaborato finale dovrà essere consegnato in un formato digitale eseguibile sia su Linux, che su Windows, che su Apple Macintosh. Le dimensioni in pixel dell’animazione devono essere conformi allo standard video pal non interlacciato. Il materiale può essere consegnato su supporto cd-rom.

Consigliamo di rilasciare l’opera sotto una licenza Creative Commons o equivalente che ne consenta la libera copia, distribuzione ed esecuzione. Maggiorni informazioni sulle licenze Creative Commons sono reperibili all’indirizzo internet http://www.creativecommons.it Le opere rilasciate sotto una di queste licenze saranno pubblicate su internet.

Il progetto è stato ottimizzato per Amazon Kindle e CreateSpace.

Testi e fotografie di Rebecca Helm-Ropelato.

Leggi l’articolo di presentazione del libro sul blog di Rebecca Helm-Ropelato »