Rompere la simmetria



La simmetria è un aspetto ormai molto diffuso in un layout a tre colonne. Personalmente ritengo che la colonna extra dovrebbe essere più larga della colonna di navigazione, soprattutto nel caso in cui questa presenti molto testo. Una scelta simile accompagnata da buoni contenuti può essere senz'altro molto più gradevole e usabile.

Tutti gli esempi visti finora hanno le due colonne laterali pari a 170pixels ciascuna. Una teoria di tipografia e design degli anni 30 elaborata da Jan Tschichold sostiene che una tipografia asimmetrica può risultare decisamente più effettiva, impressiva e funzionale. I principi della tipografia cartacea sono per lo più sconosciuti ai webdesigner, ma al di là delle varie teorie tipografie, credo sia il tempo di sperimentare, soprattutto per fare la differenza da un trend ormai quasi consolidato.

Ecco quindi un layout a tre colonne asimmetrico ed elastico con uso del background.

Scarica l'esempio zip di questa lezione

Ultimi articoli CSS

Bordi multipli con 'box-shadow' di CSS3

Il modo più rapido e semplice per circondare un box con più bordi di...

Sfumature lineari su IE6-9, linear-gradient CSS3 e un po' di SVG

Utilizzare la funzione linear-gradient CSS per creare sfumature...

Stili specifici per l'orientamento dell'iPad con le Media Queries

Gestire con gli stili e le media queries le modalità di...

Campo per la ricerca con i CSS

Dedicare la giusta attenzione al modulo per le ricerche, componente...

Box model 'naturale' con border-box

Dimenticare per sempre i problemi legati al box model grazie ad un...

Altri articoli

Guide CSS

Guida CSS3

Scoprire e usare al meglio tutte le novità dell'ultima versione dei...

Guida CSS Tecniche essenziali

Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per...

Guida CSS di base

I CSS servono per gestire tutto il layout di un sito Web. E'...

Altre guide

Newsletter @CSS

Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti