Web Design — 27 novembre 2006, 14:06 — 3 Commenti

Creare bottoni in stile Web 2.0

Ogni giorno la rete propone nuovi servizi Web 2.0 che hanno la caratteristica di essere strumenti semplici e chiari. Non c’è uno stile dichiarato a priori, nessuno ha mai definito cosa vuole dire uno stile web 2.0. L’unica cosa che sappiamo, ricavato empiricamente, è che si tratta di uno stile che fa uso di colori chiari e molte sfumature, che usa bordi arrotondati e sfondi bianchi.

Ecco un tutorial per PhotoShop che mostra come costruirsi in casa dei bottoni. I passi da seguire sono 13, ma veramente elementari. Buon lavoro!

Articolo scritto da Mick lunedì 27 novembre 2006 alle 2:06 pm. Puoi lasciare il tuo commento, o un trackback dal tuo sito. Questo articolo si trova classificato nella categoria — Web Design

Tag:photoshop, Web 2.0, web-design

Articoli che potrebbero interessarti...

Bottoni in stile iPhone, ecco un ottimo tutorial per Photoshop

venerdì 19 gennaio 2007, 15:11

Sull’onda dell’entusiasmo verso il cellulare dell’Apple, iPhone, si stanno diffondendo in rete schede tecniche, recensioni e recensioni su questo promettente telefonino. Il design dell’interfaccia grafica, molto simile al Desktop di Mac OS X,…

design footer, design sito web, tutorial-photoshop, web-design

Creare un footer in stile Web 2.0

sabato 8 marzo 2008, 13:15

Da quando Web 2.0 ha rivoluzionato il modo di concepire il design dei siti web, anche i footer, ovvero la parte finale delle pagine web, hanno acquistato un ruolo importante nell'equilibrio dei valori della pagina. Eccovi un ottimo tutorial per farvene uno in casa.
design footer, design sito web, tutorial-photoshop, web-design

bottoni, download, photoshop, png, Web 2.0

Bottoni Web2.0 per Photoshop

giovedì 30 aprile 2009, 11:01

Oggi vi segnalo Button-Download.com, una bella raccolta di bottoni da scaricare. Sono i classici bottoni che troviamo nelle pagine web per confermare (submit) i dati inseriti nei moduli (form). In totale sono una ventina, tutti in perfetto stile Web 2.0.
bottoni, download, photoshop, png, Web 2.0

albero pagine, css, foglio di stile, liste non ordinate, mappa del sito, sitemap, slickmap

Una sitemap di stile

mercoledì 15 luglio 2009, 7:13

Riprendendo l’articolo di ieri, oggi segnalo un ottimo tutorial per creare la mappa del proprio sito solamente utilizzando liste non ordinate e un foglio di stile. SlickMap CSS è un foglio di…
albero pagine, css, foglio di stile, liste non ordinate, mappa del sito, sitemap, slickmap

brush, font, photoshop, psd, videotutorial, wallpaper

VideoTutorial Photoshop n°1: come creare un wallpaper

martedì 12 agosto 2008, 7:37

Oggi, con questo articolo, auguriamo una nuova rubrica di Dyamick, che metterà a disposizione di tutti, dei video tutorial, grazie ai quali potrete imparare ad utilizzare, il famoso programma di grafica Photoshop.
brush, font, photoshop, psd, videotutorial, wallpaper

filtri, fondale, photoshop-tutorial, piega

Photoshop tutorial: modificare una foto, creare un fondale e piegare l’angolo

martedì 12 dicembre 2006, 15:11

In questo post vi segnalo 3 ottimi tutorial su Photoshop. Si tratta di istruzioni per utenti esperti, ma, una buona forza di volontà vi porterà a concluderli anche se non siete dei guru del…
filtri, fondale, photoshop-tutorial, piega

3 Commenti

Andrea Micheloni scrive:

02 dic 06 alle 19:53

Wup! Nuovi bottoni in arrivooooo! :D
Aldo scrive:

27 dic 09 alle 12:45

Ciao,
è un paradosso, so fare i bottoni, ma non li so mettere su un sito, mi piacerebbe posizionarli in altro a destra nell’intestazione!
Aiutami per favore!!!!
Aldo
Mick scrive:

27 dic 09 alle 16:54

Mi spiace Aldo, ma per fare un sito sono necessarie un insieme di nozioni che purtroppo non si possono semplificare in una riga di testo. Comincia con l’imparare l’HTML, i fogli di stile (CSS) e infine il Javascript. Vedrai che se ti impegnerai, nel giro di qualche settimana potrai già ottenere i primi risultati.