martedì 9 agosto 2011

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

Nessun commento:

Posta un commento