Il grid design

Il design a griglie è un concetto molto più semplice da mostrare che da spiegare. Brevemente, è un metodo che sfrutta il layout utilizzato da sempre in ambito tipografico, allineando gli elementi secondo una griglia scelta. Nel caso del grid web design non ci si concentra su paragrafi e testi, ma su sezioni e divisioni di pagina.

Questa struttura visiva è più naturale e piacevole agli occhi di chi guarda. Seguendola quindi, agevoleremo la lettura dei contenuti nel loro insieme. Il sito diventa "inspiegabilmente" più accattivante, più morbido e pieno senza creare confusione. E' come una magia!

Fluid grids

Per rendere accessibile un design, questo deve essere in primis dinamico rispetto allo spazio che può permettersi di occupare. Nello stesso tempo, non possiamo dare una diversa larghezza fissa per ogni diverso spazio possibile! Sarebbe un lavoro infinito, nel senso letterale del termine. Per questo esistono anche e soprattutto nel web, unità di misura relative.

Sicuramente l'unità di misura relativa più conosciuta e utilizzata è la percentuale (%), seguita subito dopo dall'em. Per chi non sapesse ancora cosa sono e quando usarle, ho scritto pochi giorni fa un articolo apposito.

#limit_container {

max-width:1100px; /* limitiamo la larghezza massima */

}

#menu {

width:185px; /* manteniamo la larghezza fissa - per scelta */

}

#right_container {

width:81.35%; /* il risultato di (895px ÷ 1100px) × 100 */

}

#content_container {

width:75.95%; /* (680px ÷ 895px) × 100 */

}

#ads {

width:20.68%; /* (185px ÷ 895px) × 100 */

}