Vista Esplosa by Faik Aydın

ACCADEMIA DI BELLE ARTI DI URBINO Dipartimento di Progettazione e Arti applicate Scuola di Nuove Tecnologie per l'Arte DIPLOMA ACCADEMICO DI secondo LIVELLO VISUAL E MOTION DESIGN Progetto Artistico

VISTA ESPLOSA Vista Esplosa nei Disegni

DOCENTE prof. Marcello SIGNORILE ALLIEVo Faik Gürsu AYDIN anno accademico 2011 / 2012 Sesione 2012 (staordinaria)

Indice p

Introduzione

1. 5

1.1 Disegno Informativo

1.2 Disegno Grafico

6 8 8 9 10 10 11 12 16 16

Da Information Design al Disegno Infografico

1.3 Visualızzazıone Dati 1.4 Disegno Infografico 1.5 Sguardo Generale del’Infografico

1.6 Le Prime Esperienze nella Storia 1.7 Infografico dalla Storia Recente ad Oggi 1.8 Il Processo del Disegno Infograffico

1.9 I Processi di Applicazione 1.10 I Risorsi Online

1.11 I Mezzi Individualistichi per Raccogliere Risorsi 1.12 Processo del Disegno Visivo Infografico

1.13 Gli Software Utilizzati

2..

Vista Esplosa

2.1 La Definizione di Vista Esplose

2.2 Che cosa si intende visualmente?

2.3 Utilizzare la Schema per la Verifica e la Risoluzione dei Problemi

2.4 La relazione Infografico e Vista Esplosa

2.5 Perche’ “Vista Esplosa” ?

2.6 La Valutazione in Motion Design

2.7 Rivelazione del Contenuto da Spiegare

2.8 La presentazione del contenuto nella forma Animativa

2.9 La Valutazione per il Disegno Comunicazione Visiva

2.10 La Definizione per il Disegno Movimento

2.11 Modi di Uso per il Disegno Movimento

2.12 Cosa vi Presenta in Maniera Culturale?

2.13 La sua Definizone nella Natura

32 33

Conclusione Bibliografia 36 Gli Studi Visuali

Introduzione Questo progetto contiene la valutazione su “Disegno Movimento e Visuale” del metodo “Vista Esplosa” che viene utilizzato per definire e diagrammare gli oggetti usati in essenziali rami scientifici (Ingegneria, Medicina ecc.) Guardando al disegno e a tutte le discipline che il disegno contiene su un sistema a pezzo; saremmo in grado di renderci conto dell’esistenza di una schema auto-sviluppata che attualmente esiste nella natura. Credo che questo sistema da solo potrebbe essere un messaggio o una narrazione per l’introduzione di un prodotto o di una situazione. Se teniamo in considerazione il fatto che questo sistema non e’ stato definito sul disegno ancora, credo anche che questo studio sulla definizione dara’ un diverso punto di Vista alla disciplina del Disegno Movimento e Visuale.

Capitolo 1 1. Da Information Design al Disegno Infografico

1 DISEGNO INFORMATIVO

A VISUALIZZAZIONE DATI

DISEGNO GRAFICO

INFOGRAFICO

A PROCESSO

B RISORSO

DISEGNO

1 1.1

Disegno Informativo Il termine disegno informativo e’ emerso come un campo multidisciplinare dello studio negli anni 1970. Certi progettisti graffico hanno cominciato ad usare il termine e e cosi e’ consolidato con la pubblicazione del Giornale Disegno Informativo nel 1979. (1)

Il disegno informativo e’ l’applicazione del presentare informazione in un modo che si rende possibile e anche si promuove avere una comprensione efficiente e effettiva. Il termine e’ usato specialmente per il disegno graffico al fine di visualizzare le informazioni effetivamente, piuttosto dell’espressione artistica o attrattiva.

1.2

Disegno Grafico Il disegno grafico si descrive come organizzare in due dimensioni o tre dimensioni dei testi e dei visuali su un piano visibile e percettibile al fine di trasmettere; sviluppare una visuale o di far visualizzare un pensiero. Puo’ applicabile nei vari ambienti come il disegno, la stampa, la pellicola animata; l’animazione, architettura interna, il disegno imballo. Nell’ambito del disegno grafico e degli arti graffici; i principi essenziali degli arti visuali come l’allineamento, l’equilibrio, il contrasto, rimarcare; il movimento, le lavore Alcuni esempi di Disegno Grafico

visuali, il ratio, la vicinanza, la ripetizione, ilritmo e l’unione sono validi.

1.3

Visualızzazıone Dati La visualizzazione dati (Data Visualization), a breve, e’ il nome della presentazione a grafico in un modo diverso e creativo delle unita’ dei dati statistiche e variabili che sono state astratte dalle forme diagrammatiche classiche. (2). Uno degli scopi piu’ importanti della visualizzazione dati e’, grazie alle interfaccie graffiche percettibile, rendere comprendibili facilmente i dati disorientanti che si presentano nella forma classica e che causano la confusione. Sebbene questo termine si menziona negli anni 80, la visualizzazione dati computerizzata va avanti all’inizio degli anni 90. Dopo la presentazione dei dati in un modo comprendibile e dopo la condivizione con molto piu’ individuali; un’altro mestiere che e’ sviluppato in parallello alla reddivita’ ottenuta grazie a questi dati Data Mining (Estrazione dei Dati) diventa molto popolare negli anni recenti. (1)

Infografica sulle reti ferroviarie mondiali ad alta velocità di Francesco Franchi

La visualizzazione dati e’ connessa strettamente al Grafico Informazione, alla Viisualizzazione Informativa, alla Visualizzazione Scientifica ed alla Visualizzazione Statistica. La visualizzazione dati al giorno d’oggi e’ un campo attivo e fondamentale delle ricerche, della educazione e dello sviluppo. Questo concetto e’ integrato dentro di se’ con gli altri concetti come la visualizzazione scientifiche e gli concetti rispettivamente nuovi per la visualizzazione informativa. Nel contenuto della visualizzazione dati vi sono diversi approcci. Uno di questi che si considera importante in genere e’ la presentazione della informazione. (3) 6

A questo punto si assume che ci sono due parti della visualizzazione dati: il grafico statistico e la cartografia tematica. Vi sono sette oggetto principali della visualizzazione dati (4): 1. Le Mappe Cervello 2. Esporre Notizie 3. Esporre i dati 4. Esporre le connessioni 5. Esporre i siti web 6. Gli articoli & I Risorsi, 7. I Mezzi ed i Servizi Tutti questi oggetti sono connessi strettamente al disegno grafico ed alla presentazione della informazione.

TuneGlue° | Relationship Explorer, é uno site web che vi presenta le mappe sulla relazione i gruppi musicali

Dall’altra parte se lo valutiamo dal punto di vista della scienza computuristica, questo campo si potrebbe essere diviso nei vari sotto-campi: 1. Gli Algoritmi ed i Metodi della Visualizzazione 2. La Visualizzazione di Volume 3. La Visualizzazione della Informazione 4. I Metodi per Risoluzione Multipla 5. I Metodi da Modello 6. I Metodi e Le Architetture per l’Interazione Il successo della visualizzazione dei dati dipende dalla correttezza dei propri dati: al fine di ottenere una comprensione ed un certo raccolto di informazione dai dati, dai gruppi e dalle correlazioni dei dati, l’utilizzo delle visuali che sono create dal computer. La seconda proposta vi si forma dalle simulazioni che si puo’ descrivere come l’utilizzo della larghezza di banda larga del sistema percezione umana e l’utilizzo dei raccolti astratti venuti dalle diverse discipline scientifiche e dai diversi risorsi. Oltre che essere importante, questi concetti hanno un’ampia autorizzazione sui metodi nelle scienze basate sulla calcolazione, nell’ingegneria e anche nella dirigenza e nella gestione.(5) 7

2 1.4

Disegno Infografico I grafichi del Disegno Informativo Infografico o gli infografici sono i grafici che vi fanno vedere le informazioni, i dati o i raccolti delle informazioni. Questi grafichi vi mostrano in un modo molto comprendibile e facile grazie ai segni, alle mappe e anche alla scrittura. Tramite i grafichi informativi; gli specialisti di comuter, di matematica e di statistici possono realizzare e sviluppare con un solo simbolo l’informazione di processo. 1.5

Sguardo Generale Vediamo i grafici informativi per la media o per gli studi stampati in un livello sia scientifico sia semplice. Questi testi formano i testi non-utilizzabili nella informazione e usano le abbreviazioni visive usate nella vita quotidiana (come “ferma-va avanti”) per la propria informazione. I giornali utilizzano degli infografici sia per le previsioni meteorologiche sia per le mappe che possiedono un valore notizie o i piani dei siti, i grafici statistici dei dati. Certi libri, come quello “The Way things work” di David Macaulay si consistono quasi interamente dagli infografici. Sebbene si utilizza maggiormente nei libri da bambina, si utilizza diffusamente anche per la letteratura academica al fine di mostrare il sistema fisico, in particolare per gli elementi che non si possono fotografare (nelle diagramme della vista parziale, nelle diagramme astronomiche, negli immagini dei sistemi o dei sotto-sistemi di microscopio. Sulle mappe moderne particolarmente su quelle di

percorso fatte per i sistemi transit, si utilizzano i metodi infografico per poter integrare tante informazioni. Come la rete di transit, i punti di transit ed i confini locali… La segnaletica traffica ed anche gli altri segni statali sono basati sui sistemi grafici informativi. Si utilizzano per far vedere i concetti come il rendimento, l’attenzione e la direzione del traffico nei certi simboli e nei certi segni come l’artificiale figura umano. Nei luoghi publichi come i punti di passo, ci sono i diversi tipi delle tabelle integrate che si formano dai simboli standard e dalle mappe artificali. 8

1.6

Le Prime Esperienze nella Storia Gli uomini pre-storici avevano formato i primi grafici informativi sui quadri sulle mure delle caverne e anche sulle mappe. La sistemazione delle mappe era cominciata negli anni 7500 A.C. nella zona Catalhoyuk migliaia di anni prima dello scoperto della scrittura. Dopo erano usati per registrare gli animali bovini e gli altri inventari. Gli indiani di Mezo-Americano avevano usato i grafici per descrivere i viaggi passati. Erano diventati gli elementi da spiegazione e da sostenimento per il racconto delle storie e delle memorie che erano non-leggibili. Nell’anno 1626, Christopher Scheiner ha utilizzato i vari grafici nel suo libro “Rosa Ursina sive Sol” il quale si ricerca e si esamina il Sole. Ha usato questi grafici in una forma di quadri in serie (seguendo anche le traccie del Sole) al fine di spiegare il percorso della rotazione del Sole. Nel 1786 William Playfair ha pubblicato i primi graffici dei dati nel suo libro che si chiama “Atlante Politico e Commerciale”. Questo libro e’ pieno dei graffici statistici, dei graffici a colonna; delle istogramme e dei graffici lineari che si racconta e si spiega l’economia della Inghilterra del secolo 18o. (6) Nell’anno 1857 l’infermiera inglese Florance Nightingale ha usato nella base i graffici “celosia” [coxcomb], i graffici a barra ed i graffici a torta al fine di persuadere la Regina Vittoria per migliorare le condizioni delle ospedali durante la guerra di Crimea. Invece quando siamo nell’anno 1861 vediamo che vi sono I graffici informative che aprono nuovi orizzonti riguardo alla Marcia destrutiva di Napoleone a Mosca. Essendo una persona creative, Charles Joseph Minard ha riuscito a formare una vista di due dimensione per quarto diversi fattori che hanno causato la sconfitta. La

Illustrazione disegnata da Florance Nightingale

direzione che l’esercito si muoveva, le strade che le truppe erano passate, la grandezza delle truppe risultate nel morto per la fame o per la ferita, quelli morti per il freddo. Nell’anno 1878, James Joseph Sylvester ha utilizzato dei certi graffici nella sua pubblicazione che si spiegava la relazione fra I legami chimici e le caratteristiche matematiche. Questi graffici erano i primi graffici matematici.

1.7

Infografico dalla Storia Recente ad Oggi L’infografica, con i nuovi giornalieri pop-up su quasi tutti i tipi di oggetti; vi sembra come un trend reale oggi. Da ipoteca al gelato; stimando lo software all’infografica riguardo all’infografica; vi resta pochissima cosa che non sono state visualizzate nelle certe forme. Molta gente non realizza che il termine la graffica informativa o “l’infografica” e’ stato coniato per la prima volta circa 100 anni fa, tramite la tabella a celosia/coxcomb di Florence Nightingale nel 1857 e questo e’ uno degli esempi riconosciuti come i piu’ primi. Da allora, esistono nelle molte forme ma solo negli anni recenti l’infograffica e’ sviluppata in una forma artistica che noi sappiamo oggi.

1.8

Il Processo del Disegno Infograffico Comunque, grazie agli snapshot visivi che sono comprendibili facilmente di qualcosa; fanno adattare le informazioni a secondo del mondo pesante in cui viviamo, altrimenti gli stessi snapshot risulterebbero testo piano; inoltre aiutano ad allargare il pubblico o la udienza del soggetto. Molte delle infografiche che noi vediamo sono state create per lo scopo di commercializzazione, di marchiare o SEO; e l’esplosione dei servizi SEO negli anni passati ha condotto un gran raggio che si vede oggi. Sono diventate particolarmente importante dall’aggiornamento algoritmico di Google, soprannomina-

“What Is An Infograph” – Karyn Lurie, Senior Designer at Brandon Rossen Creative

to Panda. L’importanza di SEO e’ in un corso verso ai link di qualita’ in aggiunta ai link dai conti della media sociale (likes – mi piace, shares - condvisioni, tweets, diggs ecc.) e anche i completamenti infografici dei questi due criteri. Pertanto sono diventati molto piu’ popolare negli anni recenti passati e la stessa cosa e’ valida anche per gli scopi di creare i link. Ma si deve essere un designer di infografico per disegnare infograffiche? Nel passato, il disegno graffico era la preserva di quella professionale ma oggi con la quantita’ dei mezzi online che sono disponibili, qualsiasi persona puo’ iniziare a provarcelo. C’e’ una riserva intera dei diversi programmi online che vi presenteranno l’aiuto da certe cose dai layout ai dati e tutti questi potrebbero essere utilizzati da una persona profana che non ha nessun esperienza del disegno precedente. 10

1.9

I Processi di Applicazione Prima di vedere a qualsiasi mezzi online, si deve avere una idea sul miglior processo di applicazione per tutti i tipi di disegno, sia la graffica che il prodotto o qualcos’altra:

Ricerca Prima di cominciare qualcosa, si deve decidere che cosa sarebbe il soggetto e se ne deve leggere anche. Non c’e’ nessun cosa peggiore di un’infografica che presenta l’informazione stantia e scaduta. (7)

Brainstorming Una volta si possiede alcun hard-data di cui si lavora, si deve cominciare a tenere nella considerazione il disegno; le infograffiche spesso funziona meglio quando i graffici si riflettono il soggetto della data. Cioe’ si deve provare e lasciare che i dati informano and guidano il disegno; in questa fase del processo di disegno molte strade possibili si devono esplorare.

Brainstorming / Concetti di Forma Una volta si delinea le idee, si potrebbe provare e studiare in un modo integrale verso tanti concetti coerenti. Il modo migliore di applicarlo e’ utilizzare almeno una persona che agisce come la cassa di risonanza per le idee e che aggiunge un’altra prospettiva.

Affinare al 1 Concetto Continuare il processo di affinamento tramite lo schizzo e le iterazioni; e ottenere i feedback dalle tante persone quanto possbile. Si deve cominciare a vedere le fasi della formazione del prodotto finito.

Finalizzare Adesso abbiamo il concetto finale e possiamo finalizzarlo; cioe’ si deve occupare con le cose come il bisogno naturale di effettuare certi affinamenti dell’ultimo momento. In genere questo significa per l’infograffica aggiungere i highlights/testi e le altre apparenze al fine di rendere i graffici visibile.

1.10

I Risorsi Online Visto che adesso sappiamo il processo duro; possiamo prendere lo sketchbook e cominciare a pensare sui primi progetti. Si puo’ vedere una listina dei risorsi migliori online che vi offre l’aiuto per creare infografiche intere o parziali e poi si potrebbe combinare allo scopo di creare una grafica piu’ grande.(7):

ProgrammableWeb Gli “API” – questi sono i risorsi inestimabili di data e oggi sono rilasciati da centinaio dei siti web. Mentre sono creati per gli sviluppatori al fine di produrre e collaudare le applicazioni di collaudo su un sito particolare; si possono utilizzare anche come la miniera d’oro dei dati. Se una persona possiede un po di know-how su programmare, potrebbe scrivere i scritti per l’accesso agli API, e questo e’ valido per tutti i tipi di statistiche ed info.

Visual.ly Questo sito lanciato recentemente e’ un enorme risorso infograffico. In primo luogo si agisce come da un motore ricerca per le infograffiche sul web, comunque la selezione e’ ancora limitato strettamente perche’ devono essere sottoposte e approvate (ma frattempo questo si migliorera’). ın secondo luogo, questo vi permette alle esposizione dei designer, cosi si possono caricare la loro opera per la promozione e per commentare. Il sistema di classifica permette agli utenti votare per quelli si piacciono di piu’. In terzo luogo, vi offre un servizio infograffico DIY che purtroppo e’ ancora nel corso di collaudo beta. Ma il loro “Twitterize”, il visualizzatore twitter si potrebbe provare. Questo vi oppone contro un altro nome di utente nella guerra infograffica ma gli altri servizi non sono disponibili al momento. Nel complesso questo e’ un posto bellissimo per gli amanti dell’infografica.

Creately.com Uno strumento eccellente con tante diverse versioni e tante diverse opzioni di visualizzazione. Se si cerca per alcun opzioni semplici per visualizzare data questo sarebbe un gran punto di inizio.

Daytum.com Raccoglie i dati personali nel tempo e visualizza in una varieta’ delle diverse strutture. Per esempio www.daytum.com/boilermaker visualizza le bevende alcoliche che sono consumate. I disegni sono belli e pieni.

Tableau Software TableauSoftware.com - per creare le infograffiche, si fa l’utilizzo dei dati che sono caricati in pubblica. Si potrebbe effettuare sia manualmente con i dati grezzi sia con il proprio motore di visualizzazione. Ad esempio Tableausoftware.com/public/gallery. Vi sono disponibili le numerose opzioni diverse.

TouchGraph.com Uno strumento semplice per dimostrare le relazioni. Si procede con Facebook e Amazon per creare la mappa dei contatti di una persona; ma anche si potrebbe utilizzare della parola di ricerca e si potrebbe dare la vista dei siti la connette; questo e’ basato su SEO. Ad esempio Touchgraph.com/seo

Wordle.net Uno strumento bravo che vi permette entrare o caricare un raccolto delle parole e poi procede questi raccolti nel modo che si adattino nelle diverse forme. Per esempio: Wordle.net/gallery

IBM Many Eyes Un esperimento da IBM Research and Cognos al fine di sviluppare uno strumento per la visualizzazione data. Potrebbe essere usato per creare le infograffiche dai dati personali o dai gruppi di dati che sono disponibili sul sito; poi si puo’ caricare su una galleria pubblica per commentarsi. Un’interessante strumento di visualizzazione dati ma un po’ semplice.

Google Public Data Explorer Uno strumento eccellente e profondo che vi permette la visualizzazione dei migliaia gruppi di dati pubblici di ogni tipo. E’ perfetto non solo come un risorso di informazione ma anche come uno strumento di visualizzazione.

StatPlanet Se vi bisogna gli statistici mondiali, questo e’ esattamente che cosa scrive su imballo. Se si visualizza o no, in ogni caso, questo e’ un risorso buonissimo.

Charts.hohli.com Questo e’ una generatore carta e graffico. Hohli e’ bravissimo per modificare le parti delle infograffiche piu’ grande. Numerose opzioni ed un enorme interfaccia vi indica che questo e’ il posto da cui cominciate il vostro viaggio infograffico.

Inkscape.org Un potente risorso aperto di vettore; il programma di modificazione graffici. L’uso di Inkscape e’ gratis. Ha tante stesse caratteristiche di quelli Illustrator e di CorelDraw che vi significa questo e’ un gratis strumento eccellente che e’ utilizzabile. L’interfaccia e’ molto semplice ma per molte persone questo e’ esattamente cosa si richiede.(7) 15

1.11

I Mezzi Individualistichi per Raccogliere Risorsi GPS Si possono raccogliere i dati che potrebbero essere la fondamentale dell’infograffico allo scopo di notare i dati di locazione.

I Mezzi Statistici degli Software Alcuni software (ad esempio; gli software Musica) archiviano dentro di se’ gli statistici della popolarita’ dei rati di uso.

Metodo di raccolta dei dati GPS di Nicholas Felton

Biglietti e Fatture Si possono raccogliere i dati individualistichi tramite i prodotti ed I biglietti acquistati. Come l’esempio all’uso infografico ed ai mezzi individualistichi di risorso; vi si possono indicare gli Metodo di raccolta dei dati di Nicholas Felton

1.12

studi di “Feltron Annual Report”.

Il Processo del Disegno Visivo Infografico Trovare un oggetto che tira l’attenzione della gente o riportare un nuovo punto di vista ad un oggetto trattato spesso; a breve rispondere alle domande che potrebbero tirare l’attenzione della gente aumentera’ la vostra’ interessa nell’infografico. Quello che si spiega dall’infografico deve essere comprendibile facilmente dalla gente. Usando I certi disegni e visuali, e’ evidente che non vi riserva molto posto per i testi. Ma questo non deve significare che gli utenti dovranno risolvere l’enigma. Anche le informazioni vitali che volete indicare non devono essere lasciate a fuori solo per il motive della visualizzazione. Non sarebbe opportuno che diate l’informazione con il testo e usiate le visuali solo per ornament. Le vostre visuali, i colori selezionati, l’ordine delle informazioni tutti questi devono essere interessati ed in un’armonia fra di se’. Ordinare le informazioni in una linea da sopra a sotto e mettere i fiori sulle certe parti non e’ preparare l’infografico. Un’infografico deve essere coerente e costante dall’inizio alla fine e non si considera bene i cambiamenti del tipo del font e dei disegni senza nessun motivo.

Forma Scopo Il disegno si descrive come "le forme con scopo". Il designer dell'informazione forma e crea un'esperienza o una vista dei dati con un particolare scopo nella mente. A dirlo piu' chiaro, confondere, ispirare, raddrizzare e collegare- tutti questi sono gli scopi legittimi per il disegno su cui la presentazione visuale potrebbe essere controllata. (8)

Semplicita' Il disegno non e' un concetto solo per rendere le cose semplice. In realta' c'e' una relazione complementare fra la semplicita' e complessita' che influisce le scelte del disegno per produrre le diagramme dei dati che sono sorprendenti e informative. Formando la propria vista sui dati, i designer potrebbe scegliere introdurre un livello della complessita' che permette la giusta quantita' del contrasto per guidare il profilo, il fulcro e la definizione.(8)

1.13

Gli Software Utilizzati Si possono preparare facilmente gli infografici tramite Adobe Illustrator, Adobe Indesign e Adobe Photoshop.

Capitolo 2 1. Vista Esplosa

Generale

Istruzione

ne di Vista

io La Definiz

Esplose lmente?

nde visua

si inte Che cosa Utilizzare

ione dei

oluz a e la Ris r la Verific

Problemi

a pe

la Schem

fografico lazione In

La re

plosa

e Vista Es

sa” ?

ista Esplo

Perche’ “V

zione La Valuta

in Motion

Rive

Vista Esplosa esplosa

piegare

nuto da S

el Conte lazione d

vista

Design

nella ontenuto ione del c

ta La presen

isiva

ne V municazio o C o n g e e per il Dis

ion

z La Valuta

imativa

forma An

ovimento isegno M D il r e p e ion La Definiz ovimento isegno M D il r e p so Modi di U rale? iera Cultu ta in Man n e s re P i Cosa v Natura one nella iz n fi e D a La su e

n Conclusio Bibliografi

a isuali

Gli Studi V

2.1

Vista Esplosa Vista Esplosa e’ un disegno tecnico, un quadro o una scena diagrammatica su cui si presenta la relazione di parte-integrita’ in un oggetto (9). Si usa per il Disegno Visuale o si utilizza nel modo schematico su un oggetto funzionale; ma questo non e’ ancora definito o nominato sul disegno visuale. Se si Diagrammare un Auto tramite la Vista Esplosa

guarda il disegno come la Vista esplosa, renderemo conto che questa idea ha la propria schema auto-creata che si puo’ dire

naturale anche. Prestando attenzione alle critiche di Arte, i componenti dell’opera vengono valutati pezzo per pezzo. Vediamo i racconti con la Vista esplosa nei disegni meccanichi di Da Vinci o si vede nelle descrizioni di Calvino vi si menziona che si racconta una parte di una panorama da vari punti di vista. Partendo da questi fatti, tengo opportuno che osserviamo il concetto della Vista esplosa piu’ dettagliatamente con tutte la sua verita’ concreta.

2.2

Che cosa si intende visualmente? Quando si guarda a un oggetto o ad un concetto in un modo schematico, ci si mostra che l’idea si sviluppa a secondo della propria natura ed indipendentemente dalla volonta’ dell’uomo. Una schema o diagramma che si presenta a Vista esplosa, da solo contiene una integrita’ ed Una Macchina Descritta con la Vista Esplosa da Leonardo da Vinci

un messaggio (l’oggetto racconta se’

stesso). Nello stesso modo, vediamo anche nella storia che la diagramma a Vista Esplosa ci si tira l’attenzione se vediamo ai disegni sugli oggetti meccanichi di Leonardo. Per questo motivo credo che il designer avrebbe sia velocita’ che funzionalita’ per la verificazione dei problemi e per la presentazione; se questa diagramma auto-sviluppante (che si vuole dire il quadro integro) si tiene in considerazione durante il processo di uno studio di disegno o un processo simile..

2.3

Utilizzare la Schema per la Verifica e la Risoluzione dei Problemi I professionisti ed i critici della Storia dell’Arte vi riflettono le loro opinioni in un modo emotivo, dall’altra parte guardano al processo storico ed episodico. Invece nel senso visuale prestano attenzione alla relazione di parte-integrita’. Restando e guardando su questo punto di vista, spiegano la loro idea in questa maniera : i certi quadri ritratto non sono solo i ritratti, e nello stesso modo un quadro panoramico non e’ un’estratto parziale da una panorama. Grazie a questa prospettiva possiamo capire la causa del fatto che si capisce meglio molte cose se utilizza la relazione parte-integrita’ e quindi si possono trovare le risoluzioni per i problemi in questo modo di pensare. Risolvere un problema senza che definirlo vi significa lasciare tutto alle mani della fortuna. Prima di risolvere il problema, si deve verificare la cause del problema stesso. Se ci sia un fattore che deteriora la struttua, l’integrita’ diventarebbe totalmente deattiva.

Anche se le opinioni sembrano come se fossero diverse, le loro strutture diagrammatiche si assomigliano. Ad esempio ci sono tanti sviluppi nel settore automobile ma lo scopo fondamentale e la struttura dell’automobile non sono stati cambiati. Se siamo a darvi esempio su questo argomento:

Ecco vediamo sotto la prima automobile. Ancora su quattro ruote, ancora a sterzo e la struttura base non e’ stata cambiata fino ad oggi.

La Vista che risulta dalla presentazione visiva dei raccolti statistici delle rotte e dei carichi airei delle aziende aerovia.

2.4

La relazione Infografico e Vista Esplosa Tutto cio’ che avviene durante la vita ci risulta certi dati statistici. Le rotte aeree; i rsiultati delle elezioni; i rati di consumo ecc. In genere; queste statistiche vi sono valide per capire il risultato nel modo numerico delle certe cose avvenute nella societa’. Si sa che queste statistiche vi presentano alcun graffici unici se sono raccolte e diagrammate; e nello stessso modo vi presentano anche alcuni concetti di disegno. Questo e’ stato definito da una parte di gente come “infographic design” o “information design”. Possiamo riferire Nicholas Felton come un esemplare fra di progettisti importanti di questo tipo di utilizzo.

Nicholas Felton raccoglie molte statistiche dalla quantita’caffeina dentro di caffe che ha bevuto alla misura chilometrica delle rotte che ha girato e poi visualizza tutti questi dati e li pubblica come un rapporto nella base annuale.

In verita’ la cosa che si presenta dalle entrambe discipline disegnarie e’ il disegno graffico e questa definizione e’ piu’ valida per un disegno stabile. Se guardiamo a questo argomento da una perspettiva piu’ larga; ad esempio nel Disegno Visiva Movimento, come si capisce anche dal nome, si interessa un disegno che si muove. Se tutti i dati vengono mostrati su una schiena fissa e stabile questo non sarebbe il disegno movimento. Quindi la spiegazione dei dati tramite una schema mobile vi richiede una definizione piu’ diversa.

E non sarebbe giusto definirla solo “motion design” perche’ anche il disegno movimento contiene tanti concetti sia il cinema sia video e la musica ecc. Considerandoci un infografico che si muove questo non si definisce come motion design ne’ infografico. A questo punto vi apparisce una diversa disciplina. Conseguentemente richiede anche una visione piu’ grande e una definizione piu’ significativa. Se definiamo questa situazione come Vista esplosa (Exploded View) vuol dire che in questo modo si definisce piu’ precisamente e la definiamo come un concetto piu’ largo.

2.5

Perche’ “Vista Esplosa” ? La comunicazione video e’ diventata molto diffusa grazie allo sviluppo rapido della tecnologia. Anche il disegno movimento che si sviluppa a parallelo con questo vi presenta un nuovo concetto. In questo ambito, un disegno movimento che contiene l’informazione e le statistiche si deve categorizzare visivamente per avendo molti elementi. Poi come potrebbe essere questo? Come vi ho spiegato precedentemente; la situazione stabile della vista di categoria che si apre allargando su una sola superficie -proprio come nell’infografico- non la rende “disegno movimento”. Per questo motivo, la trasmissione dei dati e delle statistiche di questo sistema categorizzato tramite un movimento che va da interno verso esterno potrebbe essere una composizione piu’ comprendibile e piu’ semplice. Questa sara’ la definizione come un movimento visivo di un sistema informazione che si forma nel modo legato fra di se’ (ad esempio l’albero genealogico). Credo che sarebbe piu’ opportuno che definiamo il disegno visivo di movimento come la “Vista esplosa” perche’ si basa sulla relazione parte-integrita’ e anche perche’ contiene un movimento. In questo modo siamo in grado di definirla in una scala piu’ ampia. Quindi si vede che molte cose si forma un sistema in se’ dalla natura alla tecnologia che utilizziamo nella natura e si rende conto che questo sistema rende automaticamente disponibile un potenziale di disegno. Questo caso e il potenziale derivato da questo caso sono importanti per creare diversi visuali particolarmente per i progettisti. Si potrebbero formare i diversi visuali per sottolineare e rimarcare il racconto e questi potrebbero essere sostenuti dalle diverse combinazioni vocali. Comunque vi sono le applicazioni disponibili di alcun progettisti (i motion designer) che si possono considerare come l’esempio. Anche in questo progetto vi presentero’ tanti esempi riguardo alle applicazioni.

“Siemens – Did you know?” – PBJS London Creative Team Uno studio motion design che vi riporta i dati Statistici Considerando che sara’ piu’ opportuno di valutare questa situazione cioe’ la relazione fra la Vista esplosa ed il disegno da un perspettivo ampio; vorrei allargare questo argomento e rinforzarlo tramite alcun esempi.

"Mobile Infographics" - Özgür ATMACA Una motion design sul quantita di cellulari nel mondo.

2.6

La Valutazione in Motion Design Abbiamo menzionato della differenza fra il disegno infografico ed il Disegno Movimento. Adesso faremo una spiegazione per quanto come si utilizza un infografico nel disegno movimento e come si puo’ creare una Vista esplosa. Nei programmi del disegno visivo, il disegno si crea tramite gli strati (Layers). Ad esempio per questi programmi si riferiscono Photoshop (basato Pixel) e Illustrator (Basato Vettore). Invece i programmi per i disegni movimenti vi rende possibile che questi layers si muovono fra di loro. Ad esempio per questo tipo di programmi si riferiscono “Adobe After Effects” e “Adobe Flash”. Quello che si presenta da questi programmi e’ spiegare il contenuto di un oggetto e nello stesso tempo i layers del contenuto dell’oggetto si posizionano uno sopra l’altro –ma non uno accanto l’altro come si applica da infografico- e poi si rinforza grazie al movimento apertura (Vista esplosa). Inoltre si puo’ sostenere con gli elementi vocali.

2.7

Rivelazione del Contenuto da Spiegare Se l’oggetto che verra’ spiegato contiene in se’ le informazioni; queste si possono categorizzate. Per esempio consideriamo l’Animazione come una categoria essenziale. All’inizio considerando il contenuto dell’animazione come una disciplina essenziale; si fraziona alle varie discipline in se’. Io ho fatto la diagramma sotto:

Animazione disegno 2D

vectoral

stop Motion

movimento tempo

ritmo

voce digitale

naturale

In questo modo abbiamo categorizzato e definito una disciplina.

2.8

La presentazione del contenuto nella forma Animativa Quindi siamo in grado di spiegare un oggetto gia’ categorizzato (ad es. l’animazione e le sotto-discipline contenuti nell’oggetto) basando su una struttura che si allarga partendo da un solo punto cioe’ dalla parte interna verso esterna. Possiamo vederlo sul video animazione di questo progetto. Inoltre possiamo anche rinforzare questo modo di racconto grazie alla lunghezza onda della voce che si stringe e si allarga a parallelamente.

Su animazione si vede un movimento che si allarga verso un sistema categorizzato da un unico oggetto.

2.9

La Valutazione per Disegno Comunicazione Visiva Disegno o disegnare e’ gli aggiustamenti che sono effettuati a secondo di una certa storia sulle immagini come le righe, i colori e luce. Il primarip scopo e’ la comunicazione. E quindi la comunicazione si effettua fra di uomini ed e’ un conetto reciproco. La comunicazione video contiene 2 elementi che sono Audio e Video. Questi due elementi si frazionano fra di loro e allargandosi, contengono anche le diverse discipline. Comunque se guardiamo a queesto argomento da un diverso punto di vista,possiamo vedere una fondamentale struttura che non cambia affattto.

Come si vede, c’e’ una infrastruttura stabile fra la cosa che si vuole trasmettere e quella massa a cui si vuole trasmetterla. Per adesso il discorso e’ questa struttura solo per i sotto-rami di comunicazione. Dall’altra parte questa struttura stabile si potrebbe definire chiaramente come un esempio della vista esplosa. In questo senso sarebbe opportuno sottolineare che questa cosa trasmessa e’ una idea che si forma grazie alla volonta’ indipendente della persona. Stampa e pubblicazione si utilizzavano spesso come la risoluzione pratica. Prima il telegrafo poi il telefono e la televisore e dopo e’ venuto l’internet come un mezzo di media interattivo e molti funzionale. L’ambiente di media che vi e’ causato da questo situzione dello sviluppo, vi rende possibile valutare i certi fatti ed i certi aggiornamenti in un modo piu’ largo e libero. Perche’ non consideriamo un prodotto come un audio e un video solo ma anche possiamo seguire da vicino gli elementi che il prodotto contiene in se’. Ecco a questo punto, non sarebbe scorretto che definiamo questo caso come la Vista Esplosa; perche’ si raggiunge da un piccolo termine ad un grande sistema. 27

Particolarmente Internet vi si trova sulla cima della tecnologia comunicativa di oggi e ci presenta una possibilita’ di informazione piu’ larga delle altre tecnologie precedenti. Al fine di formare un fondo che si capisce meglio, credo che il bisogno di categorizzazione per questo gran mare di informazione si potrebbe descrivere come “la vista esplosa”

2.10

La Definizione per il Motion Design Disegno Movimento e Visuale (Visual and Motion Design) contiene varie discipline fra di se’. Alcune di queste sono Disegno Graffico, Animazione, Disegno Audio ed in parallelo a queste discipline contiene anche Fenomenologia, Metodologia ecc. Tutti questi si formano un’unica disciplina e contengono fra di se’ i vastissimi concetti. Per esempio; come si potrebbe vedere nella presentazione visuale di questa tesi; sappiamo che un solo disegno di gioco contiene varie discipline. Dall’altra parte anche il disegno graffico contiene una vastissima area di applicazione.

Categorrizzando alcun concetti, si utilizza da una mappa parziale per diagrammarli; ad esempio vediamo il Disegno Graffico e la Variazione Disciplina. L’uso del disegno graffico e’ un’area vasta. Si utilizza sia per le materiali stampati sia per le pubblicazioni digitali e tutte queste aree di uso sono stati nominati uno per uno. Ed in questo modo, la disciplina del Disegno Graffico crea un gran sistema che forma un’altro sistema diagrammatico fra di se. Possiamo esaminare questo concetto sia teoricamente che diagrammaticamente;

Possiamo presentare i contenuti e l’integrita’ dei prodotti anche nel modo visuale, proprio come fatto negli esempi di Ingegneria e anche Medicina. Possiamo definirlo come Vista Esplosa per il Disegno Visuale Movimento.

[ GAME DESIGN ] World design

World design is the creation of a backstory, setting, and theme for the game; often done by a lead designer.(10)

System design

System design is the creation of game rules and underlying mathematical patterns.(10)

Content design

Content design is the creation of characters, items, puzzles, and missions.(10)

Game writing

Game writing involves writing dialogue, text, and story.(10) Level design Main article: Level design Level design is the construction of world levels and its features. (10)

User interface design

User interface designer constructs the user interactions and feedback interface, like menus or heads-up displays.(10)

Audio design

Audio design involves the process of creating or incorporating all of the sounds that are in the game, like sound effects or voice acting.

2.11

Modi di Uso per il Motion Design I prodotti tecnologici sono entrati in una strada molto comprensivo oggi. Per poter spiegare questa estensione vi appariscono alcun modi di esaminare ma fra di tutti questi modi, quello che piu’ obiettivo e’ la Vista Esplosa, quindi e’ la presentazione in un modo totale.

CGI Animated Motion Graphics Design Commercial HD, Harry Winston - Opus 12 by Le Truc (11)

Per esempio, in una pubblicita’ di orologio, mentre si descrive l’orologio, si bosogna un modo di racconto diagrammatico per poter spiegare il meccanismo contenuto. Come si vede, la Vista esplosa e’ un modo diverso e indipendente di descrizione visuale. Si usa per le pubblicita’ anche sen on e’ stato definito o nominato finora. Possiamo vedere un’altro esempio in Turchia, in una pubblicita’ cellulare. Si preferisce il racconto tramite la Vista esplosa per poter spiegare che cosa c’e’ dentro di cellulare. Il contenuto del cellulare e’ categorizzato ed usato nella presentazione in questo modo. Come potete vedere anche voi, in questa pubblicita’ i prodotti come Fotocamera, Televisore, Radio ecc. si uniscono e si formano un cellulare. Qui si utilizza da un’espressione che si effettua dalla parte all’integrita’. Questa mentalita’ e modo di presentazione si possono definire come il metodo Vista Esplosa.

Pubblicita’ Cellulare Turkcell MaxiPlus (12) 30

2.12

Cosa vi Presenta in Maniera Culturale? La Vista Esplosa e’ definita come "meronymy" nelle discipline quale la filosofia, la letteratura ecc. (13) Nella scienza semantica il concetto che si conosce come la relazione di “parte-integrita’”, cioe’ la parola Meronymy, si forma dalle parole greche meros che significa 'parte' e onoma che significa 'nome'. (14). Nel caso che i fatti sociali non siano descritti con una sola parola; in genere si bisogna spiegarli o definirli come uno spettacolo. Ad esempio dire solamente "ho dubbi" non basterebbe per descrivere una cosa. Ma se si chiedono le domande "di che cosa? Come? Perche’ hai dubbi?" la risposta vi potrebbe causare ad un scenario ed un’espansione piu’ larga. Cosenguentemente si potrebbe formare una composizione che si varia da un solo tema ai vari settori (l’opera letteraria, il scenerio cinematografico ecc.). Possiamo definire la visione per questo caso entro la Vista Esplosa. Questo si potrebbe osservare anche nelle altre ricerche scientifiche fatte nei campi di letteratura o o gli altri. Ad esempio, anche questo testo si comincia con la parola “Vista Esplosa” poi, per poter spiegare meglio, si varia agli altri sotto-titoli e paragrafi. Si osserva da piccolo a grande nella disciplina diagrammatica per il racconto e la descrizione.

2.13

Uno Sguardo alla Natura Nella natura ci sono gli elementi che fra di se’, si muovono in una linea dalla parte verso la integrita’. Ad esempio, un seme. All’inizio un seme vi e’ una cosa piccolissima. Poi crescendosi dentro del suolo, vi presenta una diagramma che si cresce verso a un gran sistema (albero ecc.) da questa piccolissima cosa. Quindi si possono dare tanti esempi sul sistema diagrammatica che si allarga nella natura parte per parte.

Guardando ad una quercia e al suo seme (ghianda) vediamo che all’inizio e’ piccolo e poi si diventa in una grande espansione visuale. 31

Conclusione La definizione di un sistema esploso per il disegno e per le altre discipline che il disegno contiene significa che una diagramma che si cresce automaticamente e gia’ esiste anche nella natura ci presenta un metodo o un messaggio per una descrizione situazionale o di un sistema che si allarga dalle parti piccole ad una parte grande sola. Credo che definire questo caso come la “Vista Esplosa” vi si riporta un diverso punto di Vista, una descrizione ed un metodo ai progetti di disegno ed al Disegno Movimento e Visuale.

Bibliografia 1- ”Origins of the IDA : Information Design Association". Infodesign.org.uk. 1991-05-14. Retrieved (2010-03-05). 2- Michael Friendly, A Brief History of Data Visualization, Toronto, ON, Canada, (marzo 21, 2006) 3- Chandrajit Bajaj, Bala Krishnamurthy, “Data Visualition Techniques”, (1999) 4-"Data Visualization: Modern Approaches". in: Graphics, (August 2nd, 2007) 5-John P. Lee and Georges G. Grinstein, “Database Issues for Data Visualization”, IEEE Visualization ’93 Workshop, San Diego. (1994) 6- H. Gray Funkhouser “Historical Development of the Graphical Representation of Statistical Data” Osiris, Vol. 3., pp. 269–404.(1937) 7-Qeness.com “How to design your own infographics”, http://www.queness.com/post/9942/how-to-design-your-own-infographics , (2012) 8- Klanten, R., N. Bourquin, et al. (2008). Data flow: “Visualising information in graphic design”. Berlin, Gestalten. 9- United States Patent and Trademark Office (2005), “General Information Concerning Patents” § 1.84 “Standards for drawings” (Revised January 2005). (13 Feb 2009). 10- Brathwaite, Schreiber (2009), p. 5 11- CGI Animated Motion Graphics Design Commercial HD, Harry Winston - Opus 12 by Le Truc (2012) 12- Turkcell Maxiplus 5 TV Ad (2012) 13- "Meronymy." WordNet® 3.0. Princeton University. (08 Jan. 2013) 14- Cruise, D.A., The Lexicon, The Handbook of Linguistics, Ed. Mark Aronoff, Janie Rees-Miller, Blackwell Publishing.(2003),

ali

isu V i d u t S i Gl

“Nocciola” Animazione Digitale di Faik Gürsu AYDIN