100 ottime risorse per il web 2.0 design

Andrea Guida (@naqern)

14 Nov 2007

Se siete dei web designer, questo allora è proprio il vostro giorno fortunato! Infatti noi di Geekissimo abbiamo appena sfornato proprio per voi una delle nostre mega-liste: 100 ottime risorse per il web 2.0 design.

Da badges a sfondi, passando per favicon, tutorial, icone, pulsanti, grafici e tanto altro ci sono davvero tantissimi strumenti che speriamo vi possano essere di aiuto nel vostro lavoro. Buona lettura:

BADGES

Web 2.0 Badges – Ottimo set di badges scaricabile ed utilizzabile gratuitamente.

Fresh Badge – Generatore di badges.

adClustr – Badges gratuiti.

Deziner Folio – Collezione di vari badges.

BittBox – Badges vettoriali gratuiti.

Official Seal Generator – Una bella alternativa ai classici badges.

Design Meltdown: Set basilare di badge da scaricare ed utilizzare gratis.

Photoshop Tutorial – Guida su come creare un badge in Photoshop.

Bartelme: Altro tutorial in inglese per creare badge in Photoshop.

Glossy Photoshop Tutorial – Guida su come creare un badge “lucido” in Photoshop.

PULSANTI

My Cool Button – Buon generatore di tasti.

Adam Kalsey’s Button Maker – Semplice strumento per creare pulsanti personalizzati.

Button Maker from Blog Flux – Per creare pulsanti personalizzati.

Brilliant Button Maker – Servizio per generare pulsanti simile ad i 2 sovrastanti.

CSS Buttons – Per scegliere testo, bordi e sfondo.

RSS Button Maker – Per generare pulsanti per sottoscrizioni RSS.

Button Boost – Generatore un pò diverso dagli altri.

ButtonGenerator.com – Per creare pulsanti destinati ai menu di navigazione.

Crystal Button – Per creare facilmente dei pulsanti “lucidi”.

Chicklet Creator – Generatore di pulsanti che permettono ai visitatori del vostro sito/blog di seguirvi tramite il loro lettore di feed RSS preferito.

BORDI ARROTONDATI

RoundedCornr

Sliding Doors Text Box

Smart Rounded Corners

Rounded Corners in CSS

GENERATORI DI LOGHI

Web 2.0 Logo Creator

Web 2.0 Logo Creatr

Web 2.0 Logo Creator

ICONE

UtomBox – Grandiosa collezione di icone in pieno stile web 2.0.

Feed Icons – Icone standard per RSS.

Map Icon Factory – Per creare icone destinate alle mappe.

Perishable Press – Belle icone RSS.

Glass Style RSS Icons

Snap2Objects – Icone vettoriali per RSS.

31 Sources of Quality, Free Icons

GRADIENTI

Gradient Image Maker

Gradient Generator

Online Gradient Image Maker (OGIM)

SPEECH BUBBLES

Ovvero le nuvolette tipiche dei fumetti, utilizzate per personalizzare lo stile di citazioni e commenti.

Will Mayo

Bubblesnaps

XHTML Speech Bubbles

Fluid CSS Speech Bubbles

MySpace Speech Bubble Generator

Photoshop Tutorial

SFONDI

Background Image Maker – Crea immagini di sfondo con gradienti e trasparenze.

Stripe Generator 2.0 – Per creare sfondi con strisce.

Stripe Designer – Per creare facilmente immagini con strisce.

Tartan Maker – Per creare sfondi tartan.

Texture Generator – Crea immagini da utilizzare come sfondo.

All Free Backgrounds – Dove semplicemente scegliere lo sfondo che preferite.

COLORI

The Colors of Web 2.0 – Per conoscere i colori più utilizzati nei maggiori siti web 2.0

Web 2.0 Color Pallete – Colori popolari nel mondo del web 2.0.

Color Schemer Gallery – Per trovare buone combinazioni di colori.

COLOURlovers – altri esempi di combinazioni di colori.

Website Color Picker – Per testare velocemente schemi di colori.

I Like Your Colors – Per sapere i colori utilizzati da alcuni siti in particolare.

NAVIGAZIONE

CSS Menu Generator – Per creare bei menu in CSS.

Listamatic – Collezione di menu CSS.

List-O-Matic – Per creare menu CSS.

List-U-Like – Per creare barre di navigazione.

Tabs Generator – Per creare un’immagine per la navigazione a schede.

Flash Buttons – Per creare un menu di navigazione con pulsanti in flash.

CSS Play – Collezione di menu CSS.

Exploding Boy – Menu CSS con navigazione a schede.

CSS Navigation Menu Generator – Uno strumento che aiuta a creare menu in CSS.

FAVICON

Favicon Generator – Per creare favicon partendo da immagini presenti nel computer.

Favicon from Pics – Per creare favicon partendo da un’immagine.

Favicon Editor – Basta caricare una foto per ottenere una favicon.

Favicon.cc – Altro strumento per favicon.

Photoshop Tutorial – Per creare favicon con Photoshop.

GRAFICI

PHP/SWF Charts – Per creare grafici molto belli esteticamente.

amCharts – Per creare grafici in flash.

VARIE

Avatar Maker – Per creare e modificare avatar.

Shrink Pictures – Per creare avatar partendo da una propria foto.

ScaleNine – Skin e temi per Flex ed Adobe AIR.

VectorMagic – Converte bitmap in immagini vettoriali.

Templatr – Per creare layout.

PsycHo – Generatore di template per blog.

Web 2.0 Generator – Crea layout.

Typetester – Per comparare font.

BlogPoll – Per creare sondaggi gratuiti da inserire nel proprio sito/blog.

RSSxl – Converte pagine HTML in RSS.

Meta Tag Generator – Crea meta tags.

URL Rewrite – Crea url adatti ai motori di ricerca per le pagine dinamiche.

.htacces generator – Per creare facilmente un file .htaccess.

Thumbnail Generator – Crea thumbnail per molte immagini contemporaneamente.

Reflection.js – Per aggiungere l’effetto specchio alle immagini.

Drop Shadow – Per aggiungere delle belle ombreggiature alle proprie immagini.

CSS Sprite Generator

Vecteezy – Ottimi elementi in grafica vettoriale.

Brusheezy – Pennelli per Photoshop.

PSBrushes.net – Altri pennelli per Photoshop.

deviantART – Pennelli per Photoshop su deviantART

Fonte: Vandelay Design