Introduzione al Graphic Design
-
Upload
jennifer-ruiz-liebscher -
Category
Documents
-
view
215 -
download
0
Transcript of Introduzione al Graphic Design
-
8/9/2019 Introduzione al Graphic Design
1/49
Introduzione alGraphic
Design
-
8/9/2019 Introduzione al Graphic Design
2/49
Principi di Design Utilizzando gli elementi formali, descritti nella prima unità didattica,nella realizzazione di una composizione grafica
andremo ad applicaredei principi di design di base. Infatti gli elementi
formali non rappresentano altro che il“vocabolario” standard di ogni
composizione: tuttavia tali elementibase vanno organizzati secondo dei
criteri specifici che costituisconoproprio i principi formali di ognirealizzazione grafica.
-
8/9/2019 Introduzione al Graphic Design
3/49
I principi formali di base del design sono
completamenteinterdipendenti. Ad esempio il bilanciamento riguarda
la stabilità diuna composizione e serve a creare l’euilibrio tra le
forme presenti! ilprincipio di unità serve a creare un insieme
compositivo in cui leforme si relazionano le une alle altre! i principi di
prossimità "formepi# vicine tra loro e che pertanto vengono percepite
come uninsieme$, similarità "forme pi# simili tra loro e che pertanto
vengonopercepite come un insieme$ e continuità "forme allineate e
chepertanto vengono percepite come un insieme$ costituiscono dei
fattorichiave nella creazione di un senso di unità all’interno di
unacomposizione grafica.
-
8/9/2019 Introduzione al Graphic Design
4/49
Il principio di enfasi, attraverso un’organizzazione visiva
gerarchica,aumenta la chiarezza comunicativa di una composizione. Il
ritmo viene usato per conferire un senso di movimento e
dinamicitàall’interno di una composizione grafica, altrimenti recepita
comestatica. Una buona conoscenza di tutti uesti principi formali
serve proprio arealizzare, ovviamente in relazione al risultato che si
vuole ottenere,un design grafico ottimale.
-
8/9/2019 Introduzione al Graphic Design
5/49
Formato %rima di esaminare singolarmente i principi formali di
base,analizziamo il ruolo del “formato”, all’interno di una
composizione. &on il termine formato si indica il confine, o perimetro,
di unacomposizione e l’area da uesto racchiusa. Ad esempio come
formato, nel campo del Graphic Design, si pu'indicare un foglio di
carta, lo schermo di un dato dispositivo "unmonitor, il display di un
cellulare$: tutto ci' che costituisce la base diuna composizione grafica.
-
8/9/2019 Introduzione al Graphic Design
6/49
Inoltre, molto spesso, i graphic designer utilizzano lo stesso
termineformato per descrivere la tipologia di realizzazione: un poster,
lacover di un ()(*&(, ecc. %ertanto, in base a uest’ultima
definizione, i graphic designer sitrovano spesso a dover lavorare con
una varietà di formati, proprio aseconda della composizione grafica da
realizzare. Ad esempio un annuncio pubblicitario strutturato su una
singolapagina, avrà una forma rettangolare! una brochure di due o
pi#pagine avrà sempre una forma rettangolare ma pi# estesa,
senzacontare che esiste una grande varietà di formati nella
realizzazione di
-
8/9/2019 Introduzione al Graphic Design
7/49
brochure, a seconda delle dimensioni*forme scelte e delle modalità
diapertura e visualizzazione. +sistono tuttavia delle dimensioni
standard per alcune tipologie diformati grafici. Ad esempio le cover
dei &( e dei ()( hanno tutteuguali dimensioni. Anche i %oster
vengono generalmente realizzati secondo misure diformato precise!
tuttavia in fase di stampa i poster possono essereprodotti in misure
diverse da uelle di partenza.
-
8/9/2019 Introduzione al Graphic Design
8/49
In alcuni casi, la forma e la tipologia di un formato sono determinatee
pertanto il graphic designer dovrà lavorare entro tali limitiprestabiliti.
ella scelta di un dato formato di realizzazione grafica un elementoda
considerare - senz’altro il costo di partenza. orme, tipologie dicarta e
dimensioni, tecniche speciali di stampa influenzanograndemente i
costi di produzione di una data composizione grafica. In particolare la
carta scelta rappresenta nella maggior parte dei casi il/01 del costo di
stampa complessivo. 2e dimensioni della riproduzione sono
determinate ovviamente dallefinalità del progetto e dal budget
prestabilito.
-
8/9/2019 Introduzione al Graphic Design
9/49
3ra che abbiamo definito cosa costituisce il formato di una
datacomposizione, indipendentemente dalla sua forma e dalle
suedimensioni, tutti gli elementi formali scelti per la grafica
dovrannorelazionarsi perfettamente al suo interno. Ad esempio in una
pagina in cui abbiamo inserito una singola formaavremo due elementi
da gestire nella composizione: la forma tracciatae il suo formato di
appartenenza, vale a dire uello spazio bianco "odi ualsiasi altro
colore$ su cui - stata tracciata.
-
8/9/2019 Introduzione al Graphic Design
10/49
+sempio di forma unica in un formato di riferimento A4"56758,9 cm$
Bilanciamento Il bilanciamento costituisce il principioformale da
-
8/9/2019 Introduzione al Graphic Design
11/49
seguire per posizionare inmaniera armonica le forme nel loroformato
di riferimento. %ertanto ilbilanciamento indica l’euilibriogenerato da
una distribuzione delle formerispetto ad un dato asse, in base al loro
-
8/9/2019 Introduzione al Graphic Design
12/49
“peso” visivo. Un design grafico ben bilanciato mostra una
connessione armonicatra tutte le forme all’interno del piano di
appartenenza: in uestomodo la composizione comunicherà
all’osservatore un senso distabilità. Al contrario composizioni poco
bilanciate, con elementi posizionatiin maniera inadeguata e
disarmonica, suscitano molto spesso reazioninegative in chi osserva, a
causa dell’instabilità della rappresentazionegrafica. %ertanto il
principio di bilanciamento - fondamentale nellarealizzazione di una
composizione ma deve essere usato in sinergiacon altre tecniche
formali di graphic design.
-
8/9/2019 Introduzione al Graphic Design
13/49
+sempio di ilanciamento Armonico
-
8/9/2019 Introduzione al Graphic Design
14/49
+sempio di ilanciamento (isarmonico In questa illustrazione una parte della composizione appare come“vuota”,mentre le forme principali sono organizzate senza una particolare gerarchiavisiva nella restante area.
Fattori Visivi per il Bilanciamento 2a corretta comprensione del
bilanciamento comporta laconsiderazione di diversi fattori visivi,
connessi a tale principio dibase: il peso visivo, il posizionamento e la
disposizione.
-
8/9/2019 Introduzione al Graphic Design
15/49
In un graphic design bidimensionale, il peso costituisce una
“forzavisiva”. %ertanto il fattore “peso visivo” indica il potere
attrattivo o forza diuna data forma all’interno di una composizione.
2a dimensione, la forma, il colore, la texture sono tutti elementi
checontribuiscono a definire il “peso visivo” di una data forma. Ad
esempio posizionando un logo differentemente all’interno di undato
formato, il suo “potere visivo” verrà di conseguenza influenzato.
Infatti nella percezione visiva generale, differenti aree all’interno diun
dato formato "in alto al centro, in alto a destra, in alto a sinistra, in
basso al centro, ecc.$ conferiranno all’elemento posizionato al
lorointerno, un “peso visivo” differente.
-
8/9/2019 Introduzione al Graphic Design
16/49
-
8/9/2019 Introduzione al Graphic Design
17/49
-
8/9/2019 Introduzione al Graphic Design
18/49
Bilanciamento Simmetrico e Asimmetrico 2a simmetria in una
composizione grafica comporta unadistribuzione uguale e omogenea
dei “pesi visivi” su entrambi i latidel formato illustrativo. Ad esempio
il logo raffigurato nell’esempio a fianco - perfettamenteposizionatosull’asse principale della composizione. In uesto modola
rappresentazione del luogo si basa su un principio di perfettasimmetria
riflessa.
-
8/9/2019 Introduzione al Graphic Design
19/49
;immetria riflessa < il logo - perfettamente ripartito rispetto all’assecompositivo verticale principale.
Il principio di simmetria approssimativa funziona in maniera
simile,come evidenziato dal poster illustrato nella slide successiva.
ell’illustrazione un asse verticale immaginario divide il poster indue
parti: i “pesi visivi” vengono disposti in maniera omogenea in
entrambe le sezioni.
-
8/9/2019 Introduzione al Graphic Design
20/49
+sempio di simmetria approssimativa Illustratori: Anet roelich, (avid ;ebbah
2’asimmetria comporta invece un uguale distribuzione dei pesi“visivi”, ottenuta per' attraverso il bilanciamento di
elementicontrapposti.
-
8/9/2019 Introduzione al Graphic Design
21/49
=li elementi in uesto caso non saranno disposti
simmetricamenterispetto ad un asse centrale. Un posizionamento
asimmetrico degli elementi principali, tenenteconto del “peso visivo”
di ciascuno, creerà ugualmente unacomposizione armonica com’- il
caso della seguente illustrazione.
&over del e> ?or@ imes ;tBle Cagazine "Autunno, 5004$. 2’elemento “sedia” bilancia perfettamente "per “peso
visivo”$ l’elemento “logo”,posizionato nell’angolo opposto del formato di rappresentazione
-
8/9/2019 Introduzione al Graphic Design
22/49
%ertanto per ottenere un bilanciamento asimmetrico corretto
bisognatenere conto delle forme usate, del loro colore e della
lorodimensione: tutto per valutarne correttamente il “peso visivo”eorganizzarle di conseguenza per una soluzione grafica ottimale. Il
bilanciamento radiale permette di ottenere un effetto di
simmetriaattraverso una combinazione di simmetrie orizzontali e
verticali. In uesto modo gli elementi si dipartono da un punto
centrale situatoal centro della composizione, come illustrato dagliesempi seguenti.
-
8/9/2019 Introduzione al Graphic Design
23/49
Gerarchia Visiva Uno degli obiettivi principali del Graphic Design -
la comunicazionedi un dato messaggio. Il principio di “=erarchia
)isiva” - il mezzoprincipale per organizzare l’informazione ed inviareuno specificomessaggio, attraverso le nostre illustrazioni.
-
8/9/2019 Introduzione al Graphic Design
24/49
%er guidare l’osservatore, il designer utilizza una gerarchia visiva
alfine di organizzare tutti gli elementi grafici secondo il loro
valoresemantico o enfasi. 2’enfasi rappresenta l’organizzazione visiva
degli elementi secondola loro importanza: pertanto al fine dellacomunicazione all’interno diuna composizione avremo elementi
principali e secondari. In una gerarchia visiva il designer deve stabilire
uali elementidovranno essere visti per primi dall’osservatore e uali
invecedovranno essere visualizzati solo successivamente, in seconda e
terzaistanza.
-
8/9/2019 Introduzione al Graphic Design
25/49
%er ottenere uesto effetto visivo un graphic designer deve sapere
inche modo enfatizzare e*o minimizzare tutti gli elementi all’interno
diuna composizione. +nfatizzando tutti gli elementi allo stesso modo
< nessun elementorisulterà preponderante rispetto agli altri e nessunmessaggio inparticolare verrà inviato all’osservatore. Invece con una
corretta enfatizzazione degli elementi, di tipogerarchico, il messaggio
della nostra composizione verrà subitorecepito dall’osservatore.
-
8/9/2019 Introduzione al Graphic Design
26/49
(etto uesto - chiaro che l’enfasi ci permette di creare un
puntospecifico di focalizzazione all’interno della composizione: un
focuspoint compositivo non rappresenta altro che l’elemento
pi#accentuato e uindi pi# evidente all’interno della nostraillustrazione. Il focus point dovrà pertanto contenere e inviare
all’osservatore ilmessaggio principale della nostra composizione. Una
volta che - stato stabilito un focus point , il designer dovràguidare
l’occhio dell’osservatore attraverso i restanti elementiall’interno della
composizione.
-
8/9/2019 Introduzione al Graphic Design
27/49
2a gerarchia di visualizzazione nell’illustrazione afianco - molto
chiara. In primis l’osservatore visualizzerà l’elemento centrale
"oggetto specifico del numero della rivista$, uindi visualizzerà la
scritta relativa al tema principale "i modelli di edding ca!e$, il nomedella rivista, i sottotitoli sul lato destro ed infine la scrittadiversificata
sul lato sinistro della composizione grafica. In uesta composizione
-
8/9/2019 Introduzione al Graphic Design
28/49
volutamente asimmetrica, l’effetto diarmonia generale viene conferito
soprattutto da un uso sapiente dei
-
8/9/2019 Introduzione al Graphic Design
29/49
colori: le due tonalità di ceruleo sono perfettamente contrastate
"sullosfondo e sui lati della torta$ e allo stesso modo i colori deicaratteribilanciano adeguatamente il “peso visivo” delle diverse parti
testuali. Enfasi %er stabilire una corretta gerarchia visiva - necessario
definire unordine di importanza dei vari elementi. 2’elemento con
maggioreimportanza dovrà di conseguenza avere una maggiore enfasi.
2’enfasi pu' essere resa in modi diversi.
-
8/9/2019 Introduzione al Graphic Design
30/49
Enfasi per isolamento Isolando una data forma all’interno di unacomposizione, attireremoimmediatamente l’attenzione dell’osservatore
su di essa. ramite l’isolamento di una forma infatti uest’ultima avrà
unmaggiore “peso visivo”. Enfasi per posizionamento &ome
abbiamo già accennato, generalmente determinate areeall’interno di
uno spazio compositivo di base catturano in manieradiversa lo sguardodell’osservatore.
-
8/9/2019 Introduzione al Graphic Design
31/49
-
8/9/2019 Introduzione al Graphic Design
32/49
Inoltre il rapporto dimensionale tra due o pi# forme < la
scalacompositiva < pu' creare degli interessanti effetti di movimento
econvogliare lo sguardo dell’osservatore verso la direzione scelta.
3vviamente forme di grandezza maggiore attirano pi# velocementegli
sguardi! tuttavia anche gli oggetti pi# piccoli se messi in contrastoconuelli di dimensioni maggiori possono ugualmente acuisire unalto
grado di enfasi.
-
8/9/2019 Introduzione al Graphic Design
33/49
Enfasi per Contrasto =li elementi possono essere enfatizzati anche
attraverso il contrasto. Ad esempio una forma scura circondata daforme chiare o poggiata suuno sfondo ugualmente chiaro, risulterà
subito come punto focaledella composizione. Enfasi attraverso i
puntatori Alcune forme “nascono” già con un particolare grado di
enfasi. Adesempio frecce e linee costituiscono di base degli elementi
enfaticiall’interno di una composizione, che pertanto vengono
-
8/9/2019 Introduzione al Graphic Design
34/49
immediatamente visualizzati dall’osservatore, per la loroformacaratteristica ma soprattutto per il loro valore semantico. Enfasi
attraverso delle strutture "trutture ad #lbero e a $ido Alcune
composizioni, come ad esempio gli schemi gerarchici adalbero,
presentano di base una gerarchia di forme prestabilita efacilmente
intuibile. In strutture grafiche di uesto tipo ognielemento, in base alsuo posizionamento, possiede di base un
-
8/9/2019 Introduzione al Graphic Design
35/49
determinato grado di enfasi. 2’elemento posizionato in cima algrafico
costituirà l’oggetto principale della composizione. Allo stesso modo
nelle “strutture a nido” il grado di enfasi - datodall’ampiezza dei vari“livelli”. Il livello principale, dotato di maggiore enfasi, potrà essere, a
secondadel tipo di rappresentazione figurativa scelta, uello che
contiene tuttigli altri, gerarchicamente dipendenti da esso o viceversa
com’- il casodell’illustrazione seguente. ella rappresentazione
schematica afianco l’elemento dotato di maggior enfasi - l’oggettointerno “città”che, come resa grafica tridimensionale, risulta pi#
“vicino” a chiosserva.
-
8/9/2019 Introduzione al Graphic Design
36/49
-
8/9/2019 Introduzione al Graphic Design
37/49
Ritmo el campo del Graphic Design, la ripetizione di un dato
elemento odi un pattern, composto da due o pi# elementi, pu'
conferire undeterminate “ritmo” alla composizione. In uesto modo - possibile guidare l’occhio dell’osservatore in unadeterminata direzione
di movimento. Il ritmo serve inoltre a conferire stabilità alla
composizione, dalmomento che seuenze simili di elementi, a
determinati intervalli, permettono di creare una struttura visiva
coerente.
-
8/9/2019 Introduzione al Graphic Design
38/49
-
8/9/2019 Introduzione al Graphic Design
39/49
el Graphic Design la ripetizione del ritmo viene spesso
intervallatadalla variazione: uesto per incrementare l’interesse visivo.
Una volta che - stato determinato un preciso ritmo compositivo,adesempio attraverso la ripetizione di un pattern, ogni variazione
inuesta rappresentazione grafica costituirà una variazione del ritmo
dibase. In uesto modo all’interno della composizione grafica, sarà
possibileintrodurre delle pause di visualizzazione, affinch- il ritmo
diventiefficace per una migliore caratterizzazione del lavoro.
-
8/9/2019 Introduzione al Graphic Design
40/49
-
8/9/2019 Introduzione al Graphic Design
41/49
nit! 2’unità indica il livello di coesione tra i vari elementi presenti in
unacomposizione. In una composizione unitaria i singoli
elementivengono percepiti come un insieme coeso. +sistonoovviamente diversi modi per conferire “unitarietà” allenostre
realizzazioni grafiche! uesti metodi si basano sul metodo concui la
mente umana prova a ricreare un senso di unità all’interno diuna
composizione, stabilendo delle connessioni tra gli elementi. I metodi
per il raggiungimento dell’unità visiva si basano su delleleggi diorganizzazione percettiva.
-
8/9/2019 Introduzione al Graphic Design
42/49
"e##i di or#anizzazione percettiva 2e leggi di organizzazione
percettiva sonole seguenti, schematizzate anche nellaraffigurazione a
fianco: Similarit!: uegli elementi checondividono determinate
caratteristiche"forma, colore, dimensione, ecc.$, vengonopercepitecome un’unità.
-
8/9/2019 Introduzione al Graphic Design
43/49
Prossimit!: uegli elementi vicini tra loro, in termini di
spazio,vengono percepiti come un’unità. Continuit!: elementi che
appaiono come una continuazione deiprecedenti, a formare un percorso di visualizzazione, vengonopercepiti come un’unità.
Chiusura: elementi complementari, anche se disuniti,
vengonotendenzialmente recepiti dalla mente umana come un’unità
$irezione comune: uegli elementi organizzati in “percorsi”
diversi,che sembrano comunue muoversi in una direzione comune,vengonopercepiti come un’unità.
-
8/9/2019 Introduzione al Graphic Design
44/49
-
8/9/2019 Introduzione al Graphic Design
45/49
+sempio di %ac@age (esign unitario dove ogni elemento ha la propria individualità e allo stesso tempo - parte
-
8/9/2019 Introduzione al Graphic Design
46/49
+sempio di %ac@age (esign unitario, dove ogni elemento ha la propria individualità e allo stesso tempo - parte
diuna composizione unitaria.
-
8/9/2019 Introduzione al Graphic Design
47/49
-
8/9/2019 Introduzione al Graphic Design
48/49
Ad esempio nella seguente illustrazione del pac!age design realizzatoe
fotografato per la esco, le forme, appartenenti visivamenteadun’unica famiglia, sono tutte orientate e allineate secondo una
stessadiagonale, per conferire volutamente un senso di maggiore unità
eallo stesso tempo un ritmo preciso.
+sempio di %ac@age IdentitB (esigner: Eohn Dush>orth &liente: esco
-
8/9/2019 Introduzione al Graphic Design
49/49
FI&E "E'I(&E