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
Nessun commento:
Posta un commento