In questo nuovo PSD della settimana “insisto” con degli elementi web, tanto che ho chiamato questo appuntamento “Web elements”, dentro trovate un menu/lista, delle frecce, un input per un modulo ed una textarea oltre che due classici bottoni.

Struttura ed utilizzi

Ho diviso la lista, le frecce, l’input, il textarea ed i bottoni in cartelle apposite facilmente riconoscibili, anche dentro le cartelle ho messo dei nomi abbastanza evidenti. Direi che la struttura del file PSD è estremamente semplice. Ricordatevi che le due frecce bianche sono semplicemente l’hover state (lo stato quando si passa col mouse sopra) delle frecce grigie appena sopra, stessa cosa vale per il Button 2 che è l’hover state del button 1. Mentre negli elementi della lista vi ho scritto anche Normal, Hover, Active, che ovviamente dovrete togliere.

Oltre ai soliti minimi utilizzi (per documenti, siti web di ogni genere ecc.) questi elementi sono perfetti per un portfolio, potete usare le freccie per navigare tra i vostri lavori, il textarea e l’input come contact form, i bottoni come barra di navigazione e la lista come menu dei vostri lavori. Questo è solo un esempio, dopo sbizzarritevi voi