Grunge: nuovo stile per il Web Design

Dopo la grafica Web 2.0, attira molte attenzioni il grunge style. Uno sguardo alla nuova tendenza con esempi e download.

Senza ombra di dubbio lo stile Web 2.0 è stato uno dei più seguiti ed utilizzati degli ultimi tempi. Riflessi, colori accesi, badge e quant’altro stanno ancora imperversando in rete, ma nuovi stili cercano di emergere per differenziarsi dalla massa.

Proprio tra questi c’è il Grunge style: il termine è difficilmente traducibile, ma è possibile riconoscerlo facilmente.

Cos’è lo stile Grunge

E’ caratterizzato da un look sporco, con irregolarità nelle illustrazioni e negli elementi che compongono le pagine. Spesso i colori sono scuri, ma ci sono anche delle eccezioni. In realtà non nasce oggi, ma diversi siti lo utilizzano già da tempo: basti pensare che questo post di Jason Santa Maria è del 2004.

Per un web designer, nonostante l’apparenza disordinata questo stile implica molto più lavoro ed attenzione ai dettagli. Servono ottime doti di fotoritocco e soprattutto equilibrio per non esagerare e rendere un sito caotico.

L’irregolarità va bene, ma non deve diventare un problema per l’utente: il primo obiettivo deve sempre essere una facile lettura ed una navigazione intuitiva.

Proprio questa difficoltà probabilmente impedirà allo stile grunge di diventare una vera e propria tendenza. Niente comunque vi impedisce di usarlo per ottenere un risultato originale e differente dagli altri.

Galleria Grunge

Ecco alcuni esempi. Cliccate sugli screenshot per andare ai siti relativi.

Matt Brett Darklight JUXT Interactive Bart-Jan Verhoef nYq Design Studio CSS Rockstars

Download e Risorse esterne

Senza dubbio uno dei punti fondamentali per questo stile è l’attenzione alla tipografia: da non perdere questa collezione di 63 font gratuiti in stile grunge.

Un’ottima guida, anche questa risalente a diverso tempo fa, è quella di Cameron Moll. Divisa in quattro parti, spiega anche come sfruttare al meglio Photoshop.

Immancabile la segnalazione di Smashing Magazine, che ha dedicato ben 2 articoli allo stile Grunge:

Infine se siete alla ricerca di altre icone, texture ed elementi grafici, vi segnalo questo sito.

Download Gratuiti: 10 Idee per farsi conoscere

10 consigli per acquisire nuovi lettori rilasciando materiale gratuito. Free è la parola magica.

DownloadChi scrive su un blog spesso ha varie conoscenze tecniche, che possono spaziare dalla grafica alla programmazione. Come poter sfruttare le proprie capacità per farsi conoscere, apprezzare ed acquisire più lettori? Il modo più immediato passa senza dubbio per il rilascio di materiale gratuito.

Free è la parola magica, distribuire un prodotto gratuitamente attira sicuramente più utenti rispetto alla vendita di materiale anche a costi bassissimi. Se avete dubbi su cosa potreste rilasciare, ecco alcuni esempi.

1. Icone

Uno dei prodotti più diffusi. I set di icone gratuite sono una grande attrattiva, ovviamente la qualità deve essere all’altezza.
Esempi: Silk Icons, Liquidicity Vector Icons

2. Bottoni ed elementi grafici

Potete realizzare e distribuire tutti gli elementi grafici che appaiono su una pagina web: bottoni, menu, decorazioni, anche in diverse varianti di colore per offrire più scelta.

Esempio: Liquidicity Vector Buttons

3. Photoshop Brushes

I pennelli per Photoshop sono sempre più diffusi. In rete se ne trovano in abbondanza, ma quelli di qualità sono rari. Se decidete di realizzare un set, ricordatevi che l’alta risoluzione è benvenuta.

Esempio: Fresh Foliage Photoshop Brushes

4. Photoshop/Fireworks Styles

Un’idea semplice ma utilissima è quella di rilasciare degli stili pronti da usare per Photoshop, Fireworks o altri programmi simili. Su questa strada le possibilità sono molteplici.

Esempio: Ultimate Web 2.0 Layer Styles

5. Temi WordPress, Joomla & co.

Qui la difficoltà aumenta, ma visto che la cosa mi riguarda direttamente vi posso dire che un tema di successo porta numerosi contatti, diverse richieste di lavoro e soprattutto molti backlinks. L’importante è che il tema sia originale per emergere dalla massa.

Esempi: Stardust WordPress Theme, dfTheme for Joomla

6. Video Tutorials e Screencast

Un tutorial video è un contenuto diverso dagli altri presentati fino ad ora, ma che può permettere di ottenere un buon ritorno in termini di visite. Basta un software come Jing ed un argomento interessante.

Esempio: come aggiornare WordPress di Andrea Beggi

7. Wallpapers

Gli sfondi per il desktop sono sempre apprezzati, ma tenete presente che il target dei visitatori in questo caso potrebbe allontanarsi dal vostro ambito, molto più che negli altri casi elencati.

Esempio: nDesign Studio Wallpapers

8. Estensioni per Firefox

Se siete degli sviluppatori, uno dei modi possibili per farvi conoscere è realizzare un’estensione per Firefox. I linguaggi necessari sono Javascript, CSS e XUL.

Esempio: Web Developer

9. Plugin per WordPress

Sempre in ambito programmazione, un’altra soluzione riguarda WordPress. La community che utilizza questa piattaforma di blogging è enorme, rilasciare un plugin utile è un’ottimo modo per farsi conoscere.

Esempio: Google and Feedburner Reports Plugin

10. Documenti tecnici

Un’altra soluzione possibile riguarda la distribuzione di documenti tecnici, magari in pdf. Un’alternativa è distribuire una raccolta dei propri migliori articoli, o i risultati di un sondaggio che avete ospitato.

Esempio: A List Apart Web Design Survey

Per concludere, ci sono molti tipi di contenuti che si prestano ad essere distribuiti tramite il proprio blog. Il mio consiglio è di trovare l’idea che meglio si possa combinare con le proprie capacità. E’ inutile inventarsi designer e rilasciare materiale scadente se non si ha il talento necessario, in tal caso meglio cimentarsi in qualcosa di diverso. Ciò che viene pubblicato deve essere sempre a buoni livelli, altrimenti sarà solo tempo perso. La qualità è fondamentale.