Progetto grafico e griglia grafica

Griglia grafica

1. struttura guida

1.1. disposizione elementi

1.1.1. testo e immagini

1.1.2. nello spazio-formato

1.2. colonne

1.2.1. e gutters (spazi tra colonne)

1.3. righe

1.3.1. opzionali

1.3.2. per gestione altezze

2. margini

2.1. delimitano area

2.1.1. che contiene

2.1.2. testo e immagini

2.2. area di taglio

2.2.1. o smargino

2.2.2. = margine in eccesso

2.2.3. evitare taglio elementi

2.3. area al vivo

2.3.1. = bordo pagina

2.3.2. es. immagini al vivo

2.3.3. tagliate a bordo pagina

3. tipologie

3.1. es. griglia rigida per medicina

3.2. es. griglia dinamica per teen

3.3. secondo contenuto, target

4. nel digitale

4.1. es. sito pc vs. app smart phone

4.2. in base a dispositivo

4.3. dei contenuti

4.4. riorganizzazione automatica

4.5. responsive

Progetto grafico

1. comunicazione umana

1.1. senso prevalente

1.2. 55 %

1.2.1. non verbale

1.3. 38 %

1.3.1. vocale

1.4. 7 %

1.4.1. verbale

2. grafica

2.1. = combo

2.1.1. testo + immagini

2.1.2. illustrazioni, fotografie, ibride

2.1.3. es. fotomontaggio, collage

2.2. = sistema

ogni elemento ha senso