PROGETTAZIONE DEL BOOK INFORMATICO - Vernimark

MAURIZIO STELLINI Mat. 186848
Elaborazione del book informatico
PROGETTAZIONE DEL BOOK INFORMATICO
INDICE
Pag.
1_ Indice
DOCUMENTO DI PROGETTO
4_ Stralci di una vision “under construction”…
5_ La ricerca di un’architettura – Vision come Principio
6_ Obiettivi
7_ Architettura
8_ Lettura dell’architettura
10_ Dinamiche della lettura
12_ Selezione dei progetti
DOCUMENTO DI SPECIFICA
15_ Analisi dell’architettura
16_ Descrizione generale del sito
17_ ____ 1.0.0 HOME PAGE
18_ ____ 1.1.0 VISION
19_ ____ VISION – Architettura
20_ ____ Disposizione della vision sull’architettura
21_ ____ 1.2.0 PROJECTS
22_ ____ PROJECTS – Architettura
V5
23_ ____ Disposizione dei progetti sull’architettura
1

24_ ____ 1.2.N – Pagina di presentazione singoli progetti
25_ Layout
____ 1.0.0 – Frame: Home Page
26_ ____ 1.1.0 – Frame: Vision
27_ ____ 1.2.0 – Frame: Projects
28_ ____ 1.2.N – Frame: Presentazione Progetto
29_ ____ Sequenza di fruizione del sito
30_ Catalogazione del materiale
34_ ALLEGATO –A- Oscar Reutesvard
37_ ALLEGATO –B- Mauritius Escher
2

DOCUMENTO DI PROGETTO
3

STRALCI DI UNA VISION “UNDER
CONSTRUCTION”…
“La scoperta consiste nel vedere quello che tutti hanno già visto e nel pensare quello che
nessuno ha già pensato”.
Il fine ultimo del Design è lo stupore: l’indifferenza la sua tomba.
“L’umorismo non è uno stato d’animo, è un modo di guardare il mondo” (L. Wittgenstein).
Causa dello stupore può essere la scoperta: scoprire che il prodotto che si ha di fronte è
sintesi di tecnologia e arte; scoprire che l’oggetto si trasforma; scoprire che ciò che vedo
non è quello che tocco; scoprire che ciò che vedo è diverso da come lo uso; scoprire di
non poter fare a meno di una cosa inutile, perché il semplice fatto di averla fa stare
meglio; scoprire che quell’oggetto soddisfa un bisogno che nemmeno pensavo di avere.
“L’uomo non è un cerchio con un unico centro; è piuttosto un ellisse a due fuochi. Uno di
essi è rappresentato dai fatti, l’altro dalle idee.” (Victor Ugo, I Miserabili)
Il progetto contiene in sé stesso molto più di quello in cui si realizzerà: le emozioni, i
pensieri, la fatica non entreranno in produzione. Ogni progetto comporta inevitabilmente
delle rinuncie; la rinuncia è un bisogno espressivo che rimane latente: l’insieme di questi
bisogni determina il modo in cui si affronterà il succesivo progetto, in una sorta di
iterazione infinita… Ad ogni progetto corrisponderà un differente modo di progettare.
“L’uomo ragionevole si adatta al mondo; quello irragionevole insiste nel cercare di adattare
il mondo a sé stesso. Pertanto, tutto il progresso dipende dall’uomo irragionevole.” (G.B.
Shaw)
Ad ogni progetto corrisponde un modo di progettare. Trovare la soluzione a problemi
differenti richiede adattabilità darwiniana, relativismo fisico e calcolo balistico: centrare un
bersaglio richiede di mirare sempre un po’ più in alto…
“La volontà è infinita e l’esecuzione ristretta; …il desiderio è sconfinato e l’atto schiavo del
limite” (w.Shakespeare)
Quello che la mente può pensare è e sarà sempre infinitamente maggiore di quello a cui può
trovare una soluzione realizzativa. La creatività esiste proprio grazie all’esistenza di questo
limite.
“La creatività consiste nel vedere quello che nessuno ha mai visto, e nel dare una forma a
quello che tutti penseranno”.
[ FEEDBACK a (1) “La scoperta consiste nel vedere quelli che tutti hanno già visto e nel
pensare quello che nessuno ha già pensato”.]
4

LA RICERCA DI UN’ARCHITETTURA
VISION COME PRINCIPIO
Considerare la vision come PRINCIPIO è l’unico punto di partenza per questo progetto.
‘Principio’ significa sia inizio (la prima parte di un’entità distribuita nel tempo e nello spazio,
come un progetto…), ma si intendono avvalorare maggiormente gli altri significati che il
termine può avere. ‘Principio’ significa anche motivo concettuale sul quale si fondano tanto
una scienza quanto un semplice ragionamento, dal quale derivano conseguenze dimostrabili
proprio in virtù della sua esistenza. Nella sua declinazione rispetto alle scienze sperimentali,
recupera della vision l’origine: in quel campo per principio si intende un enunciato al quale si
attribuisce, per induzione da singoli fatti sperimentali, validità univ ersale in un
determinato campo. Di certo non si ha la pretesa di dare valenza universale a quanto detto
sopra, ma si vuole porre l’accento sul fatto che quel pensiero derivi da singole e limitate
esperienze universitarie (empiriche…), all’interno di un’esperienza comunque limitata nel
tempo…
Detto questo, l’architettura del book dovrà essere l’immagine della vision; come questa
dovrà essere:
_ Frammentaria come una vision non ancora del tutto formata o come le esperienze: i
progetti che verranno poi presentati hanno avuto scopo principalmente didattico e sono stati
fortemente influenzati dalla varietà di professori, ambiti progettuali, finalità didattiche, ecc…
che sicuramente non restituiranno un’immagine unitaria di interessi o specializzazioni…
_ Espandibile o ‘addensabile’: due sono le possibilità di sviluppo della vision; il primo
è aggiungere nuove polarità al ragionamento; il secondo addensarlo riempiendo i grossi salti
concettuali tra gli enunciati esistenti.
_ Aprospettico: all’interno del ragionamento non esiste un vero punto di partenza (il
principio è la totalità della vision (una sorta di monade non ulteriormente scomponibile); ogni
prospettiva di osservazione, come ogni ordine di lettura, deve essere possibile, nessuna
privilegiata.
Il campo in cui ricercare un’architettura con tali caratteristiche sembra essere quello dei
paradossi, in particolare dei paradossi visivi (vedi allegato A) unione di paradosso geometrico
e arte (non dimentichiamo che questo è il progetto di un book ‘da vedere’…). La serie di
paradossi autoreferenziali (come ad esempio quello in CLIMBING di M. Escher –Vedi Allegato –
B-) modellizza il processo di progettazione: un percorso che continua ad avanzare senza
spostarsi dal suo punto di partenza, dall’IDEA, ma che la approfondisce.
Il paradosso stupisce, nel senso umoristico, (vision, punto 2), solo nel momento in cui
viene compreso: innesta quel processo che viene auspicato per il design ai punti a e b della
vision.
Infine ogni diversa prospettiva sotto la quale osserviamo un paradosso visivo ci fornisce
nuove informazioni su ciò che stiamo osservando; nonostante questo il risultato rimane
incomprensibile nella sua visione unitaria. Privilegiare una prospettiva rispetto ad un’altra
significa rinunciare alla completezza; cercare di comprendere disturba ad ogni successivo
fallimento.
5

OBIETTIVI
Il book vuole essere un lavoro di presentazione, non pubblicitario, né troppo
informativo: il tipo di presentazione dei progetti non deve essere esaustivo, completo, ma deve
lasciare spazio a dubbi che spingano alla curiosità di scendere nei particolari.
Secondo quanto deriva da quello che potremmo chiamare il manifesto ideologico,
l’intero progetto dell’ipertesto ha come obbiettivo quello di stupire, che assume in questo
contesto non certo un significato pirotecnico, ma quello di ripercorrere lo stesso processo
umoristico già accennato.
Nel caso la fruizione del book avvenga via Internet, come sito, vorrei che ogni singolo
progetto figurarasse senza apparire: pochi tratti distintivi (che possono essere
immagini, ma anche slogan, o atmosfere) che diano una forte caratterizzazione, ma che
non svelino ancora il risultato. Per esemplificare: se il prodotto in questione è una
camera d’albergo, molto probabilmente la sua presentazione non sarà composta da foto
dell’interno o di particolari soluzioni arredative, ma qualcosa che mi evochi delle
sensazioni o le linee guida del progetto (l’atmosfera metallica, elettrico, ovattamento,
ecc…). Solo se questo primo passaggio creerà curiosità o at tesa, allora si potrà ottenere
qualche informazione in più, approfondendo al livello successivo la realizzazione del
progetto (VEDI Selezione progetti).
Il rischio da evitare è la cripticità: l’esempio riportato sopra potrebbe veramente colpire, ma se
mal realizzato avrebbe l’effetto opposto, creando sì curiosità, ma sotto forma di domande del
tipo “ma di cosa parla questo sito?” oppure “e adesso dove vado?”.
La scelta di non inserire un profilo curricolare è probabilmente temporanea: adesso come
adesso, per le poche esperienze lavorative e non (stage, master, progetti di ricerca, ecc..) che
ho avuto, mi sembra di poco interesse elencare un normale percorso di studi; l’unica
informazione utile è forse quella di farsi riconoscere come studente del Politecnico di Milano –
Facoltà di Design (importante per richiamare la realtà in cui gli studi si svolgono), ma la
delegherei alla sezione di presentazione dei progetti. In un futuro in cui le esperienze si
diversificheranno dal normale corso di studi, allora questa considerazione non varrà più e la
‘narrazione storica’ assumerà un valore fondato.
6

ARCHITETTURA
Triangolo impossibile – Oscar Reutesvard creò il primo triangolo impossibile nel 1934
(Vedi allegato –A-)
(viene presentata una rielaborazione di quell’immagine ad opera del sottoscritto)
7
Created by Maurizio Stellini

LETTURA DELL’ARCHITETTURA
OBIETTIVI:
O.1 Non privilegiare nessuna prospettiva
O.2 Enunciare con chiarezza la vision
8

O.3 Salvaguardare la continuità del ragionamento
O.4 Indurre a ‘girare’ tutti e tre i lati
O.5 Far capire che il triangolo può essere girato e come (eventualmente la rotazione
potrebbe essere automatica al passaggio del mouse sul lato che si vuole leggere…).
9
E’ permesso girare sia in
senso orario che antiorario
Intravedere una
continuazione dovrebbe
indurre a continuare:
importante sarà
decidere l’orientamento
e la proiezione
prospettica della scritta
che accompagna i cubi
La serie di cubi che si sta leggendo
appare a pieno fuoco (opacità 100%); Più ci si allontana da quel lato più la
struttura appare meno evidente così
come i passaggi del ragionemento, cha
appaiono scritti affianco ai cubi cui si
riferiscono, con trasparenza crescente.
INEVITABILMENTE, per rendere leggibile l’architettura l’osservatore ne privilegia un
lato ⇒ l’attenzione si concentra su quello: la struttura risulta per un attimo
completamente leggibile

DINAMICHE DELLA LETTURA
Viene brevemente
analizzato il processo di
lettura della geometria.
Leggendo ogni lato del
triangolo si è costretti a
cambiare prospettiva:
A) in un primo tempo si
legge il solido come
alla fine del lato, per continuare a scoprire i singoli elementi della struttura si è
costretti a leggere il solido come:
Per aumentare la percezione del cambiamento di prospettiva può essere utile sfumare la
punta del triangolo, in modo tale da togliere il vertice (che è il punto in cui si crea il
paradosso visivo) e far apparire la struttura momentaneamente reale (si enfatizza quello
che il cervello naturalmente fa per leggere il paradosso: elimina le incongruenze, cercando
di normalizzare la percezione)
10

questo l’effetto che si vuole ottenere (a meno della sfumatura): quando si è impeganti nel
leggere un lato (cioè il fuoco della vista è concentrato su quel lato) la struttura appare reale;
mentre quando si vuole procedere nella lettura dei lati (cioè il fuoco si sposta verso il vertice a
destra) la struttura si rivela nella sua impossibilità…
- Affianco ad ogni cubo compaiono i successivi passaggi del ragionamento (anch’essi sfumati
come il cubo cui si riferiscono), disposti secondo la prospettiva e il senso di rotazione del
triangolo.
11

SELEZIONE DEI PROGETTI
IMMAGINE PROGETTO LABORATORIO
SCATOLA PORTACARTE
COLONNINA MULTIFUNZIONE
PER IL BAGNO
CAT SURVIVOR
SPREMIAGRUMI
RAH - PORTA D’ALBERGO
12
Laboratorio di disegno
industriale ed ambientale 2
Proff. Andries Van Onck –
Hiroko Takeda
Laboratorio di disegno
industriale ed ambientale 3
Proff. Molinari - Lorenzelli,
Castelli - Favata - Valentini
Laboratorio modellazione
PRO-E
Proff. Luini - Traverso
Workshop 1
Prof. Marco Piva - Arch. Bruno

TESTATA DA LETTO
NAIMA - STANZA D’ALBERGO
NAIMA – DISCOBAR
NAIMA - BROCHURE
ALTERNA TV
BOOK INFORMATICO
13
Laboratorio di interni e
allestimento
Proff. Scullica – Boni - Pagni
Comunicazione
Prof. Cesareo
Elaborazione del book
informatico
Proff. Marco Vernillo - Maria
Teresa Manuelli

DOCUMENTO DI SPECIFICA
14

ANALISI DELL’ARCHITETTURA
a
1
2
Fig. 1 – Unità strutturale
In Fig. 1 è rappresentata l’unità strutturale del book: ogni cubo è un frame, ogni
parallelepipedo un link.
- 1: nodo e frame coincidono, la pagina contiene 2 links
b
c
a- tipo 1 1, bidirezionale
3
b- tipo 1 molti , bidirezionale
- 2: nodo e frame VISION coincidono: la pagina animata esplica la vision. Da qui è
possibile tornare a 1 con a. Vedi c per le altre possibilità di movimento.
- 3: nodo PROJECTS: il frame accessibile con il link b contiene il menù (a solido
impossibile a cubi…) dei singoli progetti: questo viene orientato dall’utente, quindi il
cubo 3.1 (nella sequenza di fruizione) può essere uno dei due indicati.
- 3.1: ognuno dei cubi contiene la descrizione di un singolo progetto: dal frame è
possibile o tornare a 3 oppure:
# IPOTESI 1: proseguire in sequenza 3.1 3.2 … 3.11 3.1 la
visione dei progetti in un loop chiuso;
# IPOTESI 2: proseguire in sequenza 3.1 3.2 3.3 3.4 (vertice
successivo a 3) e quindi lasciare solo la possibilità di tornare a 3,
costringendo l’utente a cambiare prospettiva (cioè selezionare il lato
successivo, causando la rotazione del solido) e quindi ripetendo
l’ennesima sequenza fino al successivo vertice
- c: questo link non è strettamente necessario; in 1 questo link esiste già sottoforma
logica: a seconda dell’ambito che si sceglie si ‘attivano’ già nella home page le due
diverse prospettive secondo cui approfondirlo (p.e.: [ home page ] scelto il cubo
‘progetti di design’ si attiva il link a ‘VISION di design’). A tutt’oggi esiste solo la
sezione design, ma il sito è pensato per essere ampliato ad altri argomenti, sempre
utilizzando l’unita strutturale presentata e il dualismo project, vision.
15
3.1
3.1
3.2
3.2
3.3
3.3
3.4
3.4

DESCRIZIONE GENERALE DEL SITO
[Vengono descritte di seguito le linee guida per il layout del sito.]
NAVIGAZIONE
- L’intera navigazione all’interno del sito deve essere grafica: non devono esistere hot words,
tutti i link devono essere accessibili esclusivamente da mappe sensibili o elementi grafici
GRAFICA
MOTIVAZIONE:
1) rapida familiarizzazione con il sistema di navigazione sempre identico in
ogni frame;
2) finita la consultazione di un frame (eventualmente con la lettura di
qualche testo) l’occhio ricerca un elemento grafico che riporta l’attenzione
sull’architettura;
- POLARIZZATA: giocata sul dualismo triangolo azzuro – triangolo viola.
- ANIMATA: l’animazione non viene intesa come effetto pirotecnico fine a sé stesso, ma viene
considerata come parte integrante della logica del sito. L’animazione può avvenire a differenti
livelli:
1) all’interno della pagina per la rotazione del triangolo impossibile
l’animazione permette di innescare quei processi descritti nella sezione
“Lettura dell’architettura”: il cambio di prospettiva, la momentanea
risoluzione del paradosso visivo (a scapito della completa visione
dell’architettura), ecc..
2) tra le pagine: aumenta la percezione sulla posizione all’interno del sito;
essere catapultato con un click da un frame all’altro visualizza il punto di
partenza e quello di arrivo, ma non mi da alcuna informazione sul
percorso che seguo. Arrivato al frame B ho bisogno di qualche attimo per
controllare quali differenze intercorrono con il frame precedente.
L’animazione permette di chiarire queste differenze: vedere un bottone
che si sposta da un punto ad un altro non mi pone il problema di capire
UN’ALTRA VOLTA quale sia la sua funzione: l’animazione mi spiega che
quel bottone rimane identico a sé stesso (e quindi mi aspetto che abbia la
stessa funzione) anche se ha mutato la sua posizione (e non devo andare
a cercare quale sia quella nuova…)
Il problema di fondo che si deve risolvere è che per ovvi motivi l’organizzazione delle pagine
del sito non potrà essere paradossale (il paradosso per sua natura è irrealizzabile..). Per non
venire meno alle premesse del progetto, l’unica via di fuga è una sorta di illusione
scenografica: far apparire impossibile quello che è già stato realizzato.
La sensazione della STRUTTURA FITTIZIA della logica del sito (triangolo impossibile)
deve essere preponderante rispetto alla sensazione della STRUTTURA REALE
dell’organizzazione del sito (cioè frame1 – link – frame 2).
16

1.0.0 – HOME PAGE
La prima pagina presenta solo 2 LINK SEMANTICI su sfondo nero:
VISION PROJECTS
OF
DESIGN
CARATTERISTICHE:
- i due elementi sono MAPPE SENSIBILI: il testo è elemento grafico;
- i due colori sono necessariamente differenti: tonalità lilla e azzurro (il colore
distinguerà anche le pagine ad essi collegati);
- le due scritte grafiche saranno legate anch’esse ad un cubo identico a quelli che
costituiscono il triangolo di Reutersvard;
- sullo sfondo compariranno i due triangoli riferiti ai due titoli (con i colori virati l’uno
all’azzurro, l’altro al viola…), senza svelare ancora il loro carattere di solidi
impossibili.
NOTA 1: il fatto che le parole VISION e PROJECTS siano legate proprio a quegli
stessi elementi grafici che costituiranno i singoli elementi associati ai passaggi di
esplicazione della prima, o ai singoli progetti nella seconda non è casuale: così
come il ragionamento (la vision) da cui deriva l’architettura è RICORSIVO e ‘A-
PROSPETTICO’, così si rivelerà essere questa prima pagina d’apertura. A questo
livello l’utente ancora non conosce il significato del cubo e del triangolo, che si
svela solo nella seconda pagina (ciò quella raggiungibile cliccando sui due
elementi in analisi..), dove la struttura appare completata dalle citazioni nel caso
della vision o dai tratti distintivi dei progetti nell’altro caso. A questo punto, una
volta associato al cubo il significato di ‘atomo’ di significato o di progetto, una
volta tornati (e dovrebbe essere un passaggio obbligato…) alla prima pagina, a
questo punto si dovrebbe intuire che VISION e PROJECT sono parte anch’essi di
una struttura più ampia. Ecco perché è stata inserita la specificazione di “of
DESIGN”: il sito ALLO STATO ATTUALE (e in futuro la parte del sito accessibile da
quelle due porte) tratta della vision e dei progetti esclusivamente nell’ambito del
design.
Questo lascia spazi di espandibilità al sito: gli altri cubi della struttura in home
page, potranno essere associati al curriculum, a progetti musicali (PROJECT), o a
riflessioni a più ampio respiro nella sezione VISION.
- Gli elementi grafici VISION e PROJECT sono zone sensibili, al passaggio del mouse
visualizzano la scritta di specifica “of DESIGN”.
NOTA 2: In caso di ampliamento della pagina (come si diceva alla NOTA 1) il
testo a comparsa varierebbe a seconda della zona sensibile attivata (ad es:
sezione PROJECTS cubo “MUSIC” specifica “DRUMS”…)
Nella home page è forse utile inserire una frase riguardante il paradosso visivo (tipo:
[Paradosso Visivo] Ogni diversa prospettiva ci fornisce nuove informazioni su ciò che stiamo
osservando; nonostante questo il risultato rimane incomprensibile nella sua visione unitaria.
Privilegiare una prospettiva rispetto ad un’altra significa rinunciare alla completezza; cercare di
comprendere disturba ad ogni successivo fallimento, vedi VISION) in modo tale da fornire una
sorta di background, una chiave di lettura del sito: in questo modo l’utente potrebbe essere
indotto a dedicare particolare attenzione, durante tutta la visita del sito, alle strutture
visualizzate.
17

1.1.0 – VISION
Quando viene cliccato il link VISION, si apre una pagina animata:
- STEP 1: sullo sfondo nero, compare l’immagine del triangolo impossibile a cubi
esplosi, molto difratta, in trasparenza, colore lilla;
- STEP 2: compare in primo piano la scritta “A VISION UNDER CONSTRUCTION…”
- STEP 3: la scritta scompare in dissolvenza mentre l’immagine su sfondo si
ricompone (si mette a fuoco) e aumenta la sua opacità;
- STEP 4: la scritta scompare del tutto e il triangolo è completamente visibile, a piena
opacità;
- STEP 5: in rapida successione compaiono le scritte in ordine dall’alto al basso che
vanno ad associarsi ai cubi del lato verticale (vedi ARCHITETTURA_ vision,
pag.4), quindi quelle sui lati obliqui, con opacità decrescente più ci si avvicina al
lato destro dello schermo.
- STEP 6: la pagina rimane ferma fino a quando l’utente non passa sulla zona
sensibile lungo uno dei due lati obliqui: allora il triangolo ruota (in senso antiorario
se l’utente si muove lungo il lato obliquo superiore, orario nell’altro caso…) fino a
portare in verticale il lato selezionato rendendo leggibili le frasi associate a quello (e
che ruotano con l’intera struttura).
18
VISION

VISION - Architettura
1
A
2
B
3
F
C
6
4
19
E
D
5
VISION

DISPOSIZIONE DELLA VISION
SULL’ARCHITETTURA
[Viene di seguito riportata la successione dei punti di VISION]
[Paradosso Visivo] Ogni diversa prospettiva ci fornisce nuove informazioni su ciò che stiamo
osservando; nonostante questo il risultato rimane incomprensibile nella sua visione unitaria.
Privilegiare una prospettiva rispetto ad un’altra significa rinunciare alla completezza; cercare di
comprendere disturba ad ogni successivo fallimento.
(1) “La scoperta consiste nel vedere quello che tutti hanno già visto e nel pensare quello che
nessuno ha già pensato”.
(a) Il fine ultimo del Design è lo stupore: l’indifferenza la sua tomba.
(2) “L’umorismo non è uno stato d’animo, è un modo di guardare il mondo” (L. Wittgenstein).
(b) Causa dello stupore può essere la scoperta: scoprire che il prodotto che si ha di fronte è
sintesi di tecnologia e arte; scoprire che l’oggetto si trasforma; scoprire che ciò che vedo
non è quello che tocco; scoprire che ciò che vedo è diverso da come lo uso; scoprire di
non poter fare a meno di una cosa inutile, perché il semplice fatto di averla fa stare
meglio; scoprire che quell’oggetto soddisfa un bisogno che nemmeno pensavo di avere.
(3) “L’uomo non è un cerchio con un unico centro; è piuttosto un ellisse a due fuochi. Uno di
essi è rappresentato dai fatti, l’altro dalle idee.” (Victor Ugo, I Miserabili)
(c) Il progetto contiene in sé stesso molto più di quello in cui si realizzerà: le emozioni, i
pensieri, la fatica non entreranno in produzione. Ogni progetto comporta inevitabilmente
delle rinunce; la rinuncia è un bisogno espressivo che rimane latente: l’insieme di questi
bisogni determina il modo in cui si affronterà il successivo progetto, in una sorta di
iterazione infinita… Ad ogni progetto corrisponderà un differente modo di progettare.
(4) “L’uomo ragionevole si adatta al mondo; quello irragionevole insiste nel cercare di
adattare il mondo a sé stesso. Pertanto, tutto il progresso dipende dall’uomo
irragionevole.” (G.B. Shaw)
(d) Ad ogni progetto corrisponde un modo di progettare. Trovare la soluzione a problemi
differenti richiede adattabilità darwiniana, relativismo fisico e calcolo balist ico: centrare un
bersaglio richiede di mirare sempre un po’ più in alto…
(5) “La volontà è infinita e l’esecuzione ristretta; …il desiderio è sconfinato e l’atto schiavo del
limite” (w.Shakespeare)
(e) Quello che la mente può pensare è e sarà sempre infinitamente maggiore di quello a cui
può trovare una soluzione realizzativa. La creatività esiste proprio grazie all’esistenza di
questo limite.
(6) “La creatività consiste nel vedere quello che nessuno ha mai visto, e nel dare una forma a
quello che tutti penseranno”.
20
VISION

1.2.0 – PROJECTS
Quando viene cliccato il link PROJECTS, si apre una pagina animata (simile a quella appena
descritta per la VISION):
- STEP 1: [--IDEM VISION--] tranne il colore: azzurro;
- STEP 2: [--IDEM VISION--] tranne scritta “PROJECTS IN PROGRESS…”
- STEP 3: [--IDEM VISION--]
- STEP 4: [--IDEM VISION--]
- STEP 5: in rapida successione compare l’immagine dei tratti distintivi del primo
progetto, che si posiziona all’interno del primo cubetto in alto, quindi il nome del
progetto di fianco al cubetto appena riempito; così tutti gli altri, compresi i lati
obliqui, con opacità decrescente più ci si avvicina al lato destro dello schermo.
NOTA 4: nei singoli cubi si ripropone a livello concettuale l’unità strutturale: i
tratti distintivi (cioè quelle linee caratterizzanti, quelle forme, ma anche quei
caratteri meno formali secondo i quali il progetto è nato e si è sviluppato) fungono
da vision del progetto, mentre la vera e propria presentazione descrive il punto di
approdo formalizzato del progetto. (“La volontà è infinita e l’esecuzione ristretta”
come si diceva nella vision).
L’utente viene prima introdotto al ‘clima’ del progetto, poi all’esecuzione:
ha quindi la possibilità di verificare se e quanto lo sviluppo del progetto sia stato
coerente con il suo scopo comunicativo (una sorta di ‘navigazione critica’ ?).
- STEP 6: la pagina rimane ferma fino a quando l’utente non passa sulla zona
sensibile lungo uno dei due lati obliqui: allora il triangolo ruota (in senso antiorario
se l’utente si muove lungo il lato obliquo superiore, orario nell’altro caso…) fino a
portare in verticale il lato selezionato rendendo leggibili i nomi e le immagini
contenute nei cubetti (che ruotano con l’intera struttura).
21
PROJECTS

PROJECTS - Architettura
1
2
3
4
5
12
6
22
11
7
10
8
PROJECTS
9

DISPOSIZIONE DEI PROGETTI
SULL’ARCHITETTURA
LATO * N°
1 2 3
PROGETTI PAGINA
1 SCATOLA PORTACARTE 1.2.01
2 COLONNINA BAGNO 1.2.02
3 CAT SURVIVOR 1.2.03
4 SPREMIAGRUMI 1.2.04
5 PORTA D’ALBERGO 1.2.05
6 TESTATA DA LETTO 1.2.06
7 STANZA D’ALBERGO 1.2.07
8 SPAZIO COMUNE 1.2.08
9 BROCHURE “NAIMA” 1.2.09
10 1.2.10
11 ALTERNA TV 1.2.11
12 BOOK 1.2.12
!! Coesistono più criteri di disposizione (così come non esiste una prospettiva univoca di
fruizione del book…)
* LATI: PRODOTTI SINGOLI
INTERNI
COMUNICAZIONE
Inevitabilmente al punto 1, 5, 9 si collocheranno quei prodotti ibridi; i vertici del
triangolo, laddove si crea il paradosso, costringono a cambiare prospettiva: ecco che la
porta d’albergo diviene non solo un prodotto, ma un elemento di un interno; ecco che la
brochure diviene la comunicazione di un hotel; ecco che un prodotto anche semplice come la
scatola portacarte diviene anch’esso elemento di comunicazione, perché ogni prodotto, se
FORTEMENTE CARATTERIZZATO, se ha una forte personalità, diviene esso stesso
comunicazione! (vedi assunto b della VISION: “Causa dello stupore può essere la scoperta:
scoprire che il prodotto che si ha di fronte è sintesi di tecnologia e arte; scoprire che l’oggetto
si trasforma; scoprire che ciò che vedo non è quello che tocco; scoprire che ciò che vedo è
diverso da come lo uso; scoprire di non poter fare a meno di una cosa inutile, perché il
semplice fatto di averla fa stare meglio; scoprire che quell’oggetto soddisfa un bisogno che
nemmeno pensavo di avere” e c: “Il progetto contiene in sé stesso molto più di quello in cui si
realizzerà: le emozioni, i pensieri, la fatica non entreranno in produzione”).
I tre vertici sono tre nuclei concettuali:
1) Ogni prodotto comunica.
5) Ogni ambiente è un insieme di prodotti che ‘cooperano’ tra loro.
9) La comunicazione è un prodotto.
Secondo criterio è la scala di intervento: dalla piccola scatola porta carte (tecnicamente
e progettualmente semplice) alla progettazione di un canale televisivo tematico (che comporta
la progettazione di logo, comunicazione, palinsesto, singoli programmi, ecc…) passando per lo
spazio comune di un albergo.
La presenza del progetto book risulta assolutamente coerente: la struttura del book è
chiusa su sé stessa…
23
PROJECTS

1.2.N – PAGINA di PRESENTAZIONE
SINGOLI PROGETTI
L’approdo alla pagina di presentazione dei singoli progetti coincide con l’arrivo al singolo
modulo-cubo dell’architettura: il singolo cubo non è ulteriormente scomponibile, quindi l’unico
link presente in questa pagina sarà quello che riporta al lato dell’architettura cui il progetto
appartiene. La struttura concettuale di presentazione viene ancora una volta ripetuta: del
progetto interessa comunicare il concetto, le linee guida (cioè una sorta di vision..) ma
soprattutto interessa visualizzarne il risultato.
Secondo l’assunto c della vision (Il progetto contiene in sé stesso molto più di quello in cui si
realizzerà: le emozioni, i pensieri, la fatica non entreranno in produzione.) quello che il
pubblico vede di un progetto è solo la parte più “superficiale”, cioè la realizzazione (che è poi il
campo su cui si gioca il successo o meno di un prodotto…), ma non conosce tutto quello che c’è
stato dietro. Poiché questa rinuncia è parte della natura stessa del Design, la presentazione del
singolo progetto non vuole negarla, ma affermarla; dunque lo spazio dedicato al testo sarà
molto inferiore a quello dedicato all’immagine (così come un prodotto si presenta con la sua
immagine al pubblico, non con una relazione scritta…).
Ulteriore conseguenza dell’assunto c sopra riportato è che quello che viene presentato è come
se fosse posto sulla superficie del cubo: se cubo = progetto, allora realizzazione del progetto =
facce del cubo. L’INTERNO DEL CUBO RIMANE INSONDABILE! La presentazione del
progetto non consiste quindi nell’entrare nel cubo, ma solo nelll’avvicinarsi così tanto da
poterne leggere le facce, senza però poterle infrangere per dare un’occhiata all’interno…
24
PROJECTS

LAYOUT
1.0.0 – FRAME: HOME PAGE
25

1.1.0 – FRAME: VISION
26

1.2.0 – FRAME: PROJECTS
27

1.2.N – FRAME: PRESENTAZIONE
PROGETTO
28

CATALOGAZIONE del MATERIALE
Criteri di catalogazione
1) DISPOSIZIONE NELL’ARCHITETTURA GENERALE DEL SITO:
La prima terna di numeri definisce il frame a cui le immagini appartengono
- 1.0.0 HOME PAGE
- 1.1.0 VISION
- 1.2.0 PROJECTS
- 1.2.N PRESENTAZIONE PROGETTI
2) REFERENTE DEL FILE:
Due/tre lettere definiscono il REFERENTE (lett. “ciò cui ci si riferisce”)
dell’immagine (es. una stessa immagine può trovarsi in pagine diverse
assumendo in ognuna un valore informativo diverso: può divenire un’icona
riferita al progetto, l’immagine di descrizione del progetto, un link al progetto,
ecc.. in ogni caso la logica della sua presenza è “la descrizione di quel progetto”,
cioè del suo referente);
Si può dire che se la disposizione nell’architettura è una COORDINATA
GEOGRAFICA, il referente è una COORDINATA LOGICA.
3) DENOMINAZIONE PARTICOLARE:
Nome-descrizione del contenuto
Esempio:
1.2.01
Primo progetto della
sezione 1.2 PROJECTS
SPC
Sigla Progetto di
appartenenza:
Scatola Porta Carte
NOME FILE TIPO
1_2_01_SPC_PROIEZORTO. JPG
30
DIMENSIONE
FILE
(Kbyte)
PROIEZORTO
Proiezioni ortogonali
del progetto
DIMENSIONE
IMMAGINE
(Pixel)
LARGHEZZA ALTEZZA
RISOL
UZION
E
(Dpi)
1_0_00_HM_CUBO_BLU GIF 3 91 104 72
1_0_00_HM_CUBO_VIOLA GIF 3 91 104 72
1_0_00_HM_TR_PROJECT GIF 20 402 456 72
1_0_00_HM_TR_VISION GIF 21 402 456 72
1_1_00_VSN_TESTO DOC 24 --- --- ---
1_1_00_VSN_LNKTOPRJ PNG 13 97 122 72
1_2_00_PRJ_LNKTOVSN PNG 18 97 122 72

1_2_00_PRJ_ICO_ATV PNG 8 75 67 72
1_2_00_PRJ_ICO_BIN PNG 10 80 76 72
1_2_00_PRJ_ICO_BRN PNG 10 60 57 72
1_2_00_PRJ_ICO_CMB PNG 8 75 49 72
1_2_00_PRJ_ICO_CS PNG 11 60 71 72
1_2_00_PRJ_ICO_PA PNG 11 75 57 72
1_2_00_PRJ_ICO_SAG 72
1_2_00_PRJ_ICO_SAN PNG 6 60 36 72
1_2_00_PRJ_ICO_SCN PNG 9 70 52 72
1_2_00_PRJ_ICO_SPC PNG 9 70 56 72
1_2_00_PRJ_ICO_TL PNG 10 75 67 72
1_2_N_PRJ_CUBO_PROGETTI JPG 11 417 479 72
1.2.01 SCATOLA PORTACARTE
1_2_01_SPC_PERSP_01 JPG 118 600 424 150
1_2_01_SPC_PERSP_02 JPG 120 600 424 150
1_2_01_SPC_PERSP_03 JPG 119 600 424 150
1_2_01_SPC_PERSP_04 JPG 117 600 424 150
1_2_01_SPC_PERSP_05 JPG 138 600 424 150
1_2_01_SPC_PERSP_06 JPG 132 600 424 150
1_2_01_SPC_PERSP_07 JPG 132 600 424 150
1_2_01_SPC_PROIEZ_ORTO JPG 118 600 424 150
1_2_01_SPC_PROIEZIONI DWG 181 --- --- ---
1.2.02 COLONNINA MULTIFUNZIONE BAGNO
1_2_02_CMB_ASSONOM JPG 129 969 637 150
1.2.03 CAT SURVIVOR
1_2_03_CS_TESTO DOC 22 --- --- ---
1_2_03_CS_LOGO GIF 21 632 286 72
1.2.04 SPREMIAGRUMI
1_2_04_SAG_
1.2.05 PORTA ALBERGO
1_2_05_PA_APERTA JPG 93 415 633 150
1_2_05_PA_BLU JPG 88 427 677 150
1_2_05_PA_ESPLOSO JPG 396 1765 1453 150
1_2_05_PA_MARRONECHIARO JPG 96 427 677 150
1_2_05_PA_MARRONESCURO JPG 124 427 677 150
1_2_05_PA_PARTICOLARE_APERTA JPG 150 673 624 150
1_2_05_PA_SCORCIO_ILLUMIN JPG 71 496 691 150
1_2_05_PA_SERIE DI DUE JPG 124 843 627 150
1_2_05_PA_VERDE JPG 108 427 677 150
1.2.06 TESTATA LETTO
1_2_06_TL_PART_CUSCINOLUX JPG 111 551 317 72
1_2_06_TL_PROIEZ JPG 88 837 398 72
31

1_2_06_TL_TOTALE JPG 102 554 317 72
1_2_06_TL_TOTFRONTE JPG 116 587 336 72
1_2_06_TL_TOTLATO JPG 141 584 336 72
1.2.07 STANZA D’ALBERGO NAIMA
1_2_07_SAN_ASSONOM JPG 152 800 600 72
1_2_07_SAN_FINECORRIDOIO JPG 186 640 480 72
1_2_07_SAN_FONDOSTANZA JPG 175 640 480 72
1_2_07_SAN_INGRESSO JPG 104 640 480 72
1_2_07_SAN_LUCECALDA JPG 177 640 480 72
1_2_07_SAN_SALOTTO JPG 164 640 480 72
1_2_07_SAN_SEZIONE JPG 39 752 130 72
1_2_07_SAN_TENDINA JPG 175 640 480 72
1_2_07_SAN_VANOARMADIO JPG 161 640 480 72
1_2_07_SAN_VISTAFINESTRA_OFF JPG 121 640 480 72
1_2_07_SAN_VISTAFINESTRA_ON JPG 143 640 480 72
1_2_07_SAN_ZONALETTO JPG 203 640 480 72
1_2_07_SAN_ZONARELAX JPG 67 640 480 72
1_2_07_SAN_LAVANDINI JPG 96 640 480 72
1.2.08 SPAZIO COMUNE NAIMA
1_2_08_SCN_ASSONOM JPG 136 640 480 72
1_2_08_SCN_BAR_ALTO JPG 210 640 480 72
1_2_08_SCN_BAR_PAVIMENTO JPG 157 640 480 72
1_2_08_SCN_BAR_SEGGIO JPG 167 640 480 72
1_2_08_SCN_BAR_TOT JPG 154 640 480 72
1_2_08_SCN_COLONNA+OLO JPG 200 640 480 72
1_2_08_SCN_DISCO_ALTO JPG 167 640 480 72
1_2_08_SCN_DISCO_FINESTRE JPG 237 640 480 72
1_2_08_SCN_FALL JPG 28 500 206 150
1_2_08_SCN_INGRESSO_DISCO JPG 227 640 480 72
1_2_08_SCN_OLO JPG 23 500 228 72
1_2_08_SCN_PIANTA JPG 105 640 480 72
1_2_08_SCN_POSTER_5° JPG 428 800 600 72
1_2_08_SCN_RECONSTRUCTION JPG 122 639 380 72
1_2_08_SCN_TAVOLO+OLO JPG 230 640 480 72
1_2_08_SCN_THEATRE JPG 38 500 220 150
1_2_08_SCN_VISTA_TAVOLINO JPG 193 640 480 72
1.2.09 BROCHURE NAIMA
1_2_09_BRN_LOGONAIMA GIF 9 1048 146 72
1_2_09_BRN_STEP_1 JPG 60 1468 1122 150
1_2_09_BRN_STEP_2 JPG 12 1468 1122 150
1_2_09_BRN_STEP_3 JPG 87 1468 1122 150
1_2_09_BRN_STEP_4 JPG 100 1468 1122 150
1_2_09_BRN_STEP_5 JPG 83 1468 1122 150
1_2_09_BRN_STEP_6 JPG 108 1468 1122 150
1.2.11 ALTERNA TV
1_2_11_ATV_LOGO JPG 15 285 298 72
1_2_11_ATV_PUBB_1 JPG 33 401 283 72
32

1_2_11_ATV_PUBB_2 JPG 25 401 283 72
1_2_11_ATV_PUBB_3 JPG 29 401 283 72
1_2_11_ATV_PUBB_4 JPG 25 401 283 72
1_2_11_ATV_PUBB_5 JPG 35 401 283 72
1_2_11_ATV_PUBB_6 JPG 40 401 283 72
1_2_11_ATV_PUBB_7 JPG 36 401 283 72
1_2_11_ATV_PUBB_8 JPG 27 401 283 72
1_2_11_ATV_ANIMAZIONE GIF 568 425 283 72
1.2.12 BOOK INFORMATICO
1_2_12_BIN_V05 DOC 3.546 --- --- ---
33

ALLEGATO –A- Oscar Reutersvard
Founding Forefather of Impossible Objects
The year 1934 had its share of historic events. That was the year the movie It
Happened One Night swept the awards, along with Clark Gable and Claudette
Colbert. That same year we witnessed the infamous Night of Long Knives. It was a
year in which the US Congress proclaimed the country officially Neutral, and got
really serious about the Social Securities Act. Among the historical events of
nineteen and thirty-four let us also mark a milestone in the world of optical
illusions.
Oscar Reutersvärd was a young student in Stockholm, Sweden during 1934,
and he made history while attending Latin class. He must have been bored that
day, because he began doodling in the margins of a text book. He could not have
known that by sneaking that little doodle, he was launching himself into history.
The doodle started with a simple, six-pointed star. After some analytical pondering,
Reutersvärd began to add cubes, placing them around the star. Mouse-over Image below.
Below: The World's First Impossible Triangle - Reutersvärd – 1934
34

As he worked on the drawing, Reutersvärd soon realized it represented something
important, something new and paradoxical. He had rendered the world's first premeditated
impossible object; The Impossible Triangle. Fascinated by the design, he searched
Stockholm's libraries but finds nothing.
In 1958 Reutersvard happens upon an article by Roger Penrose, in which he explores
the tri-bar illusion. The text ignites The Swedish artist, and resolves his purpose. Penrose,
co-founder of the "Big Bang" theory in cosmology, once described the impossible triangle as,
"impossibility in its purest form." Inspired by Penrose's research, Reutersvärd launches an
in-depth, life-long exploration into the complex world of impossible constructs. The
following years are productive, and Reutervard arrives at the impossible staircase
design(see below) in 1950 during a long train ride.
Below: Reutersvärd's Impossible Staircase Design
Reutersvärd produces a prodigeous body of work. Along the way he discovers the classic
Devils Fork design. Below is an example of an early "illusory body" design of the type which
share properties with the devil's fork.
Below: Prototype of the Devil's Fork
See the Devil's Fork, or Trident:
Impossible Objects Exhibit 20.
35

In 1984 the government of Sweden celebrated Oscar Reutersvärd's achievements by
issuing a set of stamps in his honor. There are three stamps in the series. The first one
shows the history-making tri-bar design, in the middle is a "proto-steps" meandering, and
the last is a design showing an impossible plane intersecting a square.
Below: The Reutersvärd Stamps; 1984: Sweden
Reustersvard's œuvre is vast and utterly unique in its breadth and scope. No other artist
has explored the realm of impossibility as deeply or as thoroughly. Popular artists, such as
M.C. Escher, did not employ impossible objects in their designs until Reutersvard had
already done it.
Below: A Reutersvärd Hollow Meander
The seeds sown by his example are everywhere. Virtually all contemporary illusion
designs are built from parts Reutersvärd first designed, and concepts he had already
explored. On his shoulders we stand. He is the father of impossible design.
Sources
Bruno Ernst; The Eye Beguiled; Benedikt Taschen; 1986.
36

ALLEGATO –B- Mauritius Escher
CLIMBING
37

RELATIVITY
38

UP - DOWN
39