Spazio Campo Gabbia

119

description

Pdf sulle definizioni di spazio campo e gabbia nella grafica editoriale

Transcript of Spazio Campo Gabbia

Page 1: Spazio Campo Gabbia
Page 2: Spazio Campo Gabbia
Page 3: Spazio Campo Gabbia
Page 4: Spazio Campo Gabbia
Page 5: Spazio Campo Gabbia

SpazioCampoGabbia

Page 6: Spazio Campo Gabbia

Che cos’è uno spazio?

Page 7: Spazio Campo Gabbia

Che cos’è uno spazio? Il vuoto

Il vuoto è un’ aspetto essenziale della nostra vita, è il background di tutto quello che facciamo. Il vuoto è il silenzio, è una tela, una pagina. Gli architetti, i musicisti John Cage e anche i designer usano il vuoto come una pagina bianca. La prima cosa che dobbiamo fare è imparare a vederlo.

John Bergher

Page 8: Spazio Campo Gabbia

La cosa più difficile da vedere è quella che abbiamo difronte. W. Goethe

Page 9: Spazio Campo Gabbia

Che cos’è uno spazio? Guardare

Che differenza c’è tra vedere e guardare?

Dobbiamo imparare a guardare, dobbiamo cercare di dare significato alle cose che vediamo.

Guardare significa leggere un immagine con i codici visivi che conosciamo: ombre, forme, colore, pattern, contrasti.

Questi codici possiamo anche chiamarli la lingua della visione.

Page 10: Spazio Campo Gabbia

Che cos’è uno spazio? Guardare

quello che noi vediamo di più è il vuoto?

Gli elementi che compongono il design sono sempre visti in relazione al vuoto.

Il vuoto nel nostro caso viene chiamato spazio bianco e gli elementi del design* che sono in relazione con esso sono il carattere tipografico e le immagini.

Page 11: Spazio Campo Gabbia

Uno spazio è un contesto,un luogo dove avvengono delle relazioni.

Page 12: Spazio Campo Gabbia

Pensate ad una fotografia nella pagina come ad una finestra per un’altra pagina

Page 13: Spazio Campo Gabbia

Che cos’è uno spazio? Relazioni

Mettere un oggetto in uno sfondo crea una relazione tra figura e sfondo.

Ci sono tre tipi di relazioni tra figura e sfondo.

Figura stabileFigura reversibileFigura ambigua

Page 14: Spazio Campo Gabbia
Page 15: Spazio Campo Gabbia

Che cos’è uno spazio? Guardare

Lo spazio bidimensionale è un elemento plastico che può essere manipolato.

Pensate ad un concerto rock suonato in una grande piazza o in un piccolo club, non è la stessa cosa.

Page 16: Spazio Campo Gabbia

Che cos’è uno spazio? Relazioni/Regole

Per costruire queste relazioni ci devono essere delle regole, e queste regole devono essere applicate.

Page 17: Spazio Campo Gabbia

SpazioCampoGabbia

Page 18: Spazio Campo Gabbia

Il campo

Il campo è uno spazio bidimensionale, tridimensionale, intellettuale, cognitivo all’interno del quale possono essere inseriti: immagini, parole, oggetti, persone, colori, ricordi, pensieri.

Page 19: Spazio Campo Gabbia

Il campo

Il campo è uno spazio bidimensionale, tridimensionale, intellettuale, cognitivo all’interno del quale possono essere inseriti: immagini, parole, oggetti, persone, colori, ricordi, pensieri.

Tutto ciò che sta all’interno del campo si pone secondo una logica definita dalle relazioni tra gli elementi o da un calcolo minuzioso degli spazi al suo interno.

Page 20: Spazio Campo Gabbia

I campi della grafica

Nella grafica il campo viene definito dal designer: dalle sue idee, dalle immagini e dai testi da inserire.

Nella stampa il campo è definito dallo spazio bidimensionale del foglio di carta, la scelta del formato indica la scelta del campo all’interno del quale inserire gli elementi.

Page 21: Spazio Campo Gabbia

Proporzioni bidimensionali

L’individuazione di un campo può essere molto libera, il formato di uno stampato è deciso dal grafico tenendo però conto che esso deve presentare delle proporzioni armoniche così da ottenere un primo impatto positivo.

Storicamente il formato considerato più armonico è dato dalla sezione aurea.

Page 22: Spazio Campo Gabbia

Sezione aurea

Indica il rapporto tra due numeri o due segmenti tali che il più piccolo stia al più grande come il più grande sta alla somma dei due:

a : b = b : (a+b)

Page 23: Spazio Campo Gabbia

Sezione aurea

Indica il rapporto tra due numeri o due segmenti tali che il più piccolo stia al più grande come il più grande sta alla somma dei due:

a : b = b : (a+b)

La sezione aurea è utilizzata per creare formati le cui proporzioni siano bilanciate e piacevoli all’occhio umano.

Page 24: Spazio Campo Gabbia

Costruzione rettangolo aureo

Page 25: Spazio Campo Gabbia
Page 26: Spazio Campo Gabbia
Page 27: Spazio Campo Gabbia
Page 28: Spazio Campo Gabbia
Page 29: Spazio Campo Gabbia
Page 30: Spazio Campo Gabbia

Formati UNI

Sono i formati standard adottati dalla comunità europea per la produzione della carta.

Nei fogli del formato UNI il rapporto tra i lati rimane sempre uguale.

Page 31: Spazio Campo Gabbia

Formati UNI

Sono i formati standard adottati dalla comunità europea per la produzione della carta.

Nei fogli del formato UNI il rapporto tra i lati rimane sempre uguale.

La caratteristica di questo formato è che dividendo a metà un foglio sul lato lungo o raddoppiandolo sul lato corto si mantengono le stesse proporzioni.

Page 32: Spazio Campo Gabbia

Formati UNI

Sono i formati standard adottati dalla comunità europea per la produzione della carta.Nei fogli del formato UNI il rapporto tra i lati rimane sempre uguale.La caratteristica di questo formato è che dividendo a metà un foglio sul lato lungo o raddoppiandolo sul lato corto si mantengono le stesse proporzioni.Il foglio base del formato UNI A, dal quale si ricavano gli altri formati, ha un’area di 1 mq.

Page 33: Spazio Campo Gabbia

Formati UNI

Il foglio base del formato UNI A, dal quale si ricavano gli altri formati, ha un’area di 1 mq.

Page 34: Spazio Campo Gabbia

Formati UNI/costruzione

Page 35: Spazio Campo Gabbia
Page 36: Spazio Campo Gabbia
Page 37: Spazio Campo Gabbia
Page 38: Spazio Campo Gabbia
Page 39: Spazio Campo Gabbia
Page 40: Spazio Campo Gabbia

Formati UNI A

A0 1188 x 841 mm

A1 841 x 594 mm

A2 594 x 420 mm

A3 420 x 297 mm

A4 297 x 210 mm

A5 210 x 148 mm

A6 148 x 105 mm

Page 41: Spazio Campo Gabbia

A0 1188 x 841 mm

Page 42: Spazio Campo Gabbia

A1 841 x 594 mm

Page 43: Spazio Campo Gabbia

A2 594 x 420 mm

Page 44: Spazio Campo Gabbia

A3 420 x 297 mm

Page 45: Spazio Campo Gabbia

A4 297 x 210 mm

Page 46: Spazio Campo Gabbia

A5 210 x 148 mm

Page 47: Spazio Campo Gabbia

A6 148 x 105 mm

Page 48: Spazio Campo Gabbia

Formati UNI B e C

I formati UNI B e C sono stati disegnati in modo tale che il formato C corrisponde ad una busta contenente il formato A mentre il formato B corrisponde ad una cartellina che contenga il formato C.

Page 49: Spazio Campo Gabbia

Foglio macchina

Il foglio macchina è il foglio intonso utilizzato per la stampa tipografica.

I fogli macchina solitamente usati hanno due misure standard:

70 x 100 cm

64 x 88 cm

Page 50: Spazio Campo Gabbia

Formato finito

Il formato finito è deciso dal grafico in base ad una scelta stilistica. I formati unificati servono quindi come guida a cui affidarsi sia per una questione di costi che di possibilità di stampa.

Generalmente in un pieghevole o in uno stampato a più pagine bisogna considerare il suo formato steso oltre a quello chiuso nella scelta del formato e del layout.

Page 51: Spazio Campo Gabbia
Page 52: Spazio Campo Gabbia
Page 53: Spazio Campo Gabbia

SpazioCampoGabbia

Page 54: Spazio Campo Gabbia
Page 55: Spazio Campo Gabbia
Page 56: Spazio Campo Gabbia
Page 57: Spazio Campo Gabbia
Page 58: Spazio Campo Gabbia
Page 59: Spazio Campo Gabbia
Page 60: Spazio Campo Gabbia
Page 61: Spazio Campo Gabbia
Page 62: Spazio Campo Gabbia
Page 63: Spazio Campo Gabbia
Page 64: Spazio Campo Gabbia
Page 65: Spazio Campo Gabbia
Page 66: Spazio Campo Gabbia
Page 67: Spazio Campo Gabbia
Page 68: Spazio Campo Gabbia
Page 69: Spazio Campo Gabbia
Page 70: Spazio Campo Gabbia
Page 71: Spazio Campo Gabbia
Page 72: Spazio Campo Gabbia

SpazioCampoGabbia

Page 73: Spazio Campo Gabbia

Josef Muller Brokmann

Page 74: Spazio Campo Gabbia

a costruire l’argomento con oggettività, finalizzandolo alla comunicazione visivabcostruire testo e materiale visivo con sistematicità e logicacorganizzare testo e illustrazioni in una struttura organica dotata di un ritmo propriodsistemare il materiale visivo in modo che risulti comprensibile e strutturato con un elevato grado di tensione

Page 75: Spazio Campo Gabbia

I principi della gabbia

I principi di una gabbia tipografica sono molto semplici.Una gabbia in tipografia è l’equivalente delle fondazioni in una casa. Una buona griglia permette la costruzione di una buona casa.Le misure e i rapporti di una gabbia sono determinati dagli elementi che contiene:testo e immagini

Page 76: Spazio Campo Gabbia

Una gabbia può essere complicata, specifica o generica, definita o imprecisa.

Tutte le gabbie tipografiche devono essere sotto controllo.

Page 77: Spazio Campo Gabbia

Una gabbia costruisce un sistema per organizzare i contenuti nello spazio di una pagina, di uno schermo o di un edificio.

Una gabbia non è una formula rigida, ma una struttura flessibile, uno scheletro che si muove in concerto con la massa muscolare delle informazioni.

Una gabbia è all’origine di tutto quello che vediamo sullo schermo. Anche l’immagine di una linea curva è costruita su una gabbia.

Page 78: Spazio Campo Gabbia

A cosa serve una gabbia tipografica?

Una gabbia tipografica serve a risolvere i problemi visivi secondo un criterio oggettivo e funzionale.

Page 79: Spazio Campo Gabbia

A cosa serve una gabbia tipografica?

Serve a dare agli elementi:OrdineChiarezzaLeggibilitàIntellegibilità

Il contenuto può essere così meglio:CompresoMemorizzato

Page 80: Spazio Campo Gabbia

La psicologia della gabbia

Una gabbia costruisce una base dove grafici e tipografi possono cercare di mettere ordine ad un potenziale caos di immagine e testi.Una gabbia regola la tensione tra caos e ordine, in qualche modo costruire una gabbia è nella natura umana.Costruire una gabbia è una di quelle operazioni fondamentali che un designer deve compiere secondo un pensiero matematico

Page 81: Spazio Campo Gabbia

Una gabbia a livello bidimensionale divide un piano in Campi

a livello tridimensionale divide uno spazio in Compartimenti

I campi o i compartimenti possono essere di dimensioni simili o diverse.

Page 82: Spazio Campo Gabbia

Com’è composta una gabbia?

MarginiArea tipograficaNumero di colonneSpazio tra colonne

Page 83: Spazio Campo Gabbia

Margini

In un impaginato il margine è lo spazio bianco che circonda la griglia e la separa dai limiti del foglio di carta.Serve per dare respiro e rendere l’aspetto della pagina meno pesante.Nei libri economici solitamente è uno spazio minimo, tende ad aumentare nelle edizioni di lusso.

Page 84: Spazio Campo Gabbia
Page 85: Spazio Campo Gabbia
Page 86: Spazio Campo Gabbia

Pagina al vivo

Indica uno spazio di circa 2 o 3 mm oltre i limiti del formato finito. Serve per ovviare ad eventuali errori di rifilo.

Page 87: Spazio Campo Gabbia
Page 88: Spazio Campo Gabbia
Page 89: Spazio Campo Gabbia

Colonne

Colonna singola. In questo tipo di layout il testo è racchiuso in un blocco unico all’interno della pagina. È un tipo di impaginazione semplice, adatto a testi poco complessi.

Page 90: Spazio Campo Gabbia

Colonne

Colonna multipla. Permette di avere più libertà mentre si impagina. Utile soprattutto nella realizzazione di riviste dove ci sono molte immagini, testi di vario genere (didascalie, titoli, sottotitoli).Serve inoltre ad impaginare i contenuti posizionandoli secondo una gerarchia, un’ordine di lettura.

Page 91: Spazio Campo Gabbia
Page 92: Spazio Campo Gabbia
Page 93: Spazio Campo Gabbia
Page 94: Spazio Campo Gabbia
Page 95: Spazio Campo Gabbia
Page 96: Spazio Campo Gabbia
Page 97: Spazio Campo Gabbia
Page 98: Spazio Campo Gabbia
Page 99: Spazio Campo Gabbia
Page 100: Spazio Campo Gabbia

Guide orizzontali

Servono come supporto alle colonne della griglia. Individuano punti sui quali ancorare immagini e testi in modo tale che mentre sfogliamo le pagine percepiamo coerenza ed omogeneità.

Page 101: Spazio Campo Gabbia

Doppia pagina

La visualizzazione contemporanea della pagina di sinistra e la pagina di destra.Più facilmente è ciò che vediamo ogni volta che teniamo un libro aperto davanti a noi.

Generalmente il layout si progetta tenendo conto delle due pagine, anche per questioni legate alla stampa.

Page 102: Spazio Campo Gabbia
Page 103: Spazio Campo Gabbia

Doppia pagina

Simmetrica. Nella doppia pagina simmetrica i margini interni ed esterni sono uguali e la griglia della pagina sinistra è specchiata sulla pagina di destra.

Asimetrica. Nella doppia pagina assimmetrica le misure dei margini sono interni sono diverse allo stesso modo di quelle esterne.

Page 104: Spazio Campo Gabbia
Page 105: Spazio Campo Gabbia
Page 106: Spazio Campo Gabbia
Page 107: Spazio Campo Gabbia
Page 108: Spazio Campo Gabbia
Page 109: Spazio Campo Gabbia
Page 110: Spazio Campo Gabbia
Page 111: Spazio Campo Gabbia
Page 112: Spazio Campo Gabbia
Page 113: Spazio Campo Gabbia
Page 114: Spazio Campo Gabbia
Page 115: Spazio Campo Gabbia
Page 116: Spazio Campo Gabbia
Page 117: Spazio Campo Gabbia
Page 118: Spazio Campo Gabbia
Page 119: Spazio Campo Gabbia