Progetto grafico e griglia grafica

Griglia grafica

Struttura guida

La griglia grafica è una struttura guida che aiuta nella disposizione degli elementi all'interno di un progetto grafico, come testo e immagini, nello spazio-formato disponibile.

Disposizione elementi

• Testo e immagini
• Nello spazio-formato

Colonne

• E gutters (spazi tra colonne)

Righe

• Opzionali
• Per gestione altezze

Margini

Delimitano area

I margini delimitano l'area che contiene testo e immagini, fornendo una cornice al contenuto.

Area di taglio

• O smargino = margine in eccesso
• Evitare taglio elementi

Area al vivo

• = Bordo pagina
• Es. immagini al vivo
• Tagliate a bordo pagina

Tipologie

• Es. griglia rigida per medicina
• Es. griglia dinamica per teen
• Secondo contenuto, target

Nel digitale

• Es. sito PC vs. app smartphone
• In base a dispositivo
• Dei contenuti
• Riorganizzazione automatica
• Responsive

Progetto grafico

Comunicazione umana

Nel progetto grafico, la comunicazione umana gioca un ruolo importante, con il senso prevalente suddiviso in:

• 55% non verbale
• 38% vocale
• 7% verbale

Grafica

Combo

• Testo + immagini
• Illustrazioni, fotografie, ibride
• Es. fotomontaggio, collage

Sistema

• Ogni elemento ha senso
• In relazione agli altri
• E al contesto

Strati

Grafica

• Coerenza stilistica
• Formato e supporto

Architettura informativa

• Sequenza delle info

Nucleo centrale

• Caratteristiche positive
• Concept prodotto

Sistema grafica

Gerarchia

• Disposizione info
• Pesi visivi

Info-grafica

• Immagini

Tipografia

• Testo

Griglia

• Elementi grafici
• Disposizione