Web Design  »  Articoli  »  Web design 

Grid design, dalla tipografia al web

di: Carlo Frinolli     20 Luglio 2011

L'applicazione di principi di design tipografico al webdesign, come il Grid design o l'uso di gabbie tipografiche, hanno certamente favorito la diffusione del concetto di consistenza, struttura e coerenza anche su Internet.

La storia dell'arte, la fotografia, l'architettura, ma anche la matematica e la geometria hanno consegnato ai moderni designer un patrimonio di regole scritte e non, che possono esserci molto utili anche quando disegnamo un sito web.

Certamente avrete sentito da qualche vostro amico fotografo che rispettare la regola dei terzi nell'inquadratura del vostro scatto migliorerebbe molto la sua qualità complessiva.
Così come per molti ottimi scatti fotografici, anche per molti dipinti possiamo notare una certa ricorrenza di proporzioni.

Figura 1. Anche i toast sono più belli con una griglia
(clic per ingrandire)

Un toast in griglia

Senza entrare troppo nel dettaglio, ma la successione di Fibonacci (vedi link utili) con il tendere all'infinito tende a un numero 1,618033... anche detto sezione aurea.
Questo numero piuttosto misterioso, è ricorrente in Medicina (il rapporto tra le falangi di una mano è una piccola successione di Fibonacci), in Chimica, in Musica e anche nella Geometria.

"Se si disegna un rettangolo con i lati in rapporto aureo fra di loro, lo si può dividere in un quadrato e un altro rettangolo, simile a quello grande nel senso che anche i suoi lati stanno fra loro nel rapporto aureo. A questo punto il rettangolo minore può essere diviso in un quadrato e un rettangolo che ha pure i lati in rapporto aureo, e così via.
La curva che passa per vertici consecutivi di questa successione di rettangoli è una spirale che troviamo spesso nelle conchiglie e nella disposizione dei semi del girasole sopra descritta e delle foglie su un ramo." (fonte Wikipedia italia)

Figura 2. La spirale risultato dell'applicazione della sezione aurea
(clic per ingrandire)

Spirale della sezione aurea

Tutto questo per dire che molto spesso le proporzioni degli spazi pieni/vuoti rispondono alla sezione aurea (1,618 circa) o altre volte alla regola dei terzi.

In effetti, se riuscite a dividere il vostro spazio secondo questo principio, tutto sembrerà più armonico e consistente all'occhio.

È del tutto evidente che questa trattazione che facciamo non vuole essere esaustiva, ma solo un minimo apporto teorico per un approccio molto pratico

Figura 3. Esempio di proporzioni e applicazione della regola dei terzi ne La Monnalisa
(clic per ingrandire)

Monnalisa rispetta la regola dei terzi

Guide Web design

Guida Progettazione siti web

Dall'analisi dei requisiti fino allo sviluppo e alla promozione:...

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Architettura dell'Informazione

L'Architettura dell'informazione è la disciplina che permette di...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti