Cinque stili, un layout: un ottimo articolo di Psdtuts+

L'articolo è datato 9 dicembre 2008 ma è decisamente attuale, perchè ci consente di scoprire in poche righe quali sono i tratti distintivi di alcuni degli stili più utilizzati - ancora oggi - nel web design.
L'autore ci spiega come sia possibile, utilizzando lo stesso layout, personalizzarlo in 5 modi diversi: grungy / textured, minimale, metallico, astratto, web 2.0.

Vediamo insieme le caratteristiche salienti di questi 5 stili, anche se vi rimando all'articolo originale per immagini e spiegazioni dettagliate: http://psd.tutsplus.com/tutorials/interface-tutorials/five-looks-one-layout-how-to-develop-a-library-of-web-design-styles-at-your-fingertips/

STILE 1 - GRUNGY / TEXTURED

• uso di texture negli sfondi
• elementi distorti e "fuori posto"
• elementi disegnati a mano
• elementi "incollati" come in un collage
• schema di colori "naturale": marroni, rossi, verdi, ocra
• uso di caratteri serif

STILE 2 - MINIMALE

• molto spazio vuoto
• tipografia semplice, con caratteri sans - serif, spesso di grandi dimensioni
• allineamenti precisi
• divisori minimali: linee nette alte 1 pixel
• schema di colori basilare: bianco, nero e scala di grigi

STILE 3 - METALLICO

• uso di sfumature metalliche
• uso di grigi
• divisori con effetto linea incassata
• bordi chiari da 1 pixel per sottolineare l'effetto metallico
• elementi incassati
• uso di ombre

STILE 4 - ASTRATTO

• font minimali ed eleganti
• grandi immagini come sfondo
• aree trasparenti o semitrasparenti
• testo direttamente nella pagina senza elementi contenitori
• uso di colori scuri con punti di luce

STILE 5 - WEB 2.0

• uso di sfumature in colori pastello come sfondo
• font semplici ma corposi, con leggera sfumatura
• uso di colori brillanti
• uso di minuscole
• uso di icone o illustrazioni
• tutto è grande, semplice e amichevole