Torno sul tema degli attuali clichés del web design - che avevo introdotto brevemente in un precedente articolo e che mi ero ripromessa di approfondire -, prendendo spunto da una critica rivolta al mio blog e, più in generale, al trend che vede nello stile 2.0 lo stile più diffuso nel web design.
La critica è un commento postato su Stylegala in risposta alla segnalazione spontanea del mio blog da parte di un utente nella sezione delle news di marzo. (La segnalazione è stata rimossa ieri poiché relativa a un blog non in lingua inglese.)
Arrivo al dunque, non prima di ringraziare chi di dovere per la segnalazione e precisare, anche se i pochi ma buoni lettori assidui lo sanno bene, che questo non è un blog interamente ed esclusivamente dedicated to "Web 2.0" reflections and glossiness. Le liste di tutorial Web 2.0 Logo e Web 2.0 Text Effect pubblicate di recente devono aver ingannato qualcuno.
Nel mio articolo di introduzione al tema sottolineavo che il Web è terreno fertile per la diffusione di modelli inizialmente originali che proliferando diventano banalmente preconfezionati, facendo ovvio riferimento all'omologazione del current web style. Premettevo anche, però, chenon è sempre facile mantenersi immuni dagli stereotipi e che in un modo o nell'altro tutti ne siamo "vittime".
Che lo si voglia o no, aggiungo ora.
Credo che i web designer siano del tutto consapevoli dell'avvenuta (e forse ancora in progresso) standardizzazione del web design e ben conoscano le conseguenze del conformarsi toutcourt a una tendenza o una moda: il rischio è, da una parte, quello di inibire una produzione creativa a favore di una "in serie", dall'altra quello di ridurre il design del web a esercizio estetico privando di qualsiasi valore semantico elementi grafici e visuali.
Poco conta l'etichetta utilizzata per classificare un certo tipo di caratteristiche ricorrenti nel web design. Del resto, è evidente che i visual pattern attualmente di tendenza sono definiti 2.0 in virtù del fatto che ad adottarli, per primi, sono stati siti Web 2.0 in senso stretto ed è altrettanto evidente che proprio la popolarità di questo tipo di siti (da cui poter trarre "profitto") ne ha favorito la diffusione. In altre parole, il Web 2.0 pur non connotando in sé e per sé uno specifico stile di design del web ha finito per delineare una tendenza dalla quale sono scaturite linee guida e (buone) norme di design. In tal senso, non stupisce la proliferazione di siti Web 2.0 nella forma ma non nella sostanza (tra le quali, dunque, non vi è necessariamente una relazione causale) né una certa difficoltà, per i web designer, di sottrarsi a un trend percepito come "di successo" anche da molti non addetti ai lavori e dagli stessi clienti che commissionano la realizzazione di siti.
Se non è vero che tutto il mondo è paese, di certo tutto il mondo è mercato, anche il web. Pensare che si possa prescindere da alcune logiche - di "mercato", per l'appunto - rimanda ad una concezione romantica della creatività suggestiva ma poco realistica. La consapevolezza di cui parlavo prima è sicuramente un ottimo strumento per scongiurare l'imitazione pedissequa e saper bilanciare tra invenzione e ricorso a quegli standard in cui tendenze, mode e ipotesi vere o presunte di successo (ci) costringono, senza che tutto ciò significhi porre limiti alla reinvenzione. La bravura di un web designer non sta forse anche in questo?
(p)Link
Commenti
Storico
StampaWeb (2.0) Design / Tutorialist #2
La seconda raccolta di tutorial sul web design è dedicata agli effetti su testo in stile Web 2.0. Ho preferito distinguere questa lista dalla precedente, anche se è chiaro che gli effetti illustrati in questi tutorial sono spesso utilizzati proprio nella creazione dei Web 2.0 Logo.
Legenda: 
Photoshop
Illustrator 
Testo 
Video 
Download file
Fonte: 
Fonte: 
Attingendo ai miei sempre eccedenti bookmark ho cercato di ordinare in una lista servizi, applicazioni e strumenti per la generazione online di elementi grafici.
La speranza è che i (bravi) web designer siano allergici alla grafica fast e prêt-à-porter e siano immuni dall'utilizzo dei generatori online. Quantomeno, ci si augura che vi ricorrano solo in casi estremi e che, quando questo accade, comunque, non sia mai perché non sono in grado di creare un bottone web 2.0 o un background sfumato. Naturalmente, sapere che esistono, provarli e testarne le funzionalità e i risultati non è reato, anzi è concesso e a mio avviso consigliato.
Immagini di background
- Background Image Maker Utility online che permette di realizzare background personalizzati e di vario tipo (puntinati, sfumati, rigati, ecc.).
- bgMaker Create a tiled background and download the image to use it on your blog, website or whatever Applicazione in Flash che consente di creare in modo semplice e rapido - e con una visualizzazione in tempo reale - pattern da utilizzare come immagini di background. I motivi realizzati vengono inseriti automaticamente nella gallery, dalla quale è possibile scaricare gli sfondi di altri utenti e anche editarli e modificarli.
- Gradient Image Maker Con questo tool è possibile generare immagini sfumate secondo gradiente. È sufficiente selezionare i due colori fondamentali e il tipo di sfumatura da applicare. L'immagine può essere salvata in formato .jpg e .png.
- Online Gradient Image Maker Build 3D gradient background images for site decoration and visual effects Generatore di sfondi con gradienti sia orizzontali sia verticali. Ben nove sono le transizioni di colore a disposizione.
- Tile Machine Con questa risorsa si possono realizzare pattern e sfondi pixel per pixel o scaricare quelli creati da altri utenti e archiviati nella Tile Gallery.
- Tartan Maker Generate seamless tartan patterns! Applicazione in ajax per la creazione di background pattern in stile tartan.
- Stripe Generator Generate seamless striped background images! Tool in ajax per creare velocemente e senza difficoltà sfondi a righe diagonali. Utile per chi voglia evitare la fatica del pixel-by-pixel senza rinunciare all'uso di texture ripetibili. Il file generato è un'immagine png.
- Stripe Designer Now design a stripe or pattern is fast and easy! Generatore simile al precedente che consente di generare pattern da utilizzare direttamente o da importare in Photoshop per eventuali e successive modifiche. Se non si desidera creare pattern ex-novo, è possibile editare quelli creati e salvati da altri utenti nella library.
- Stripemania Striped background generator Ottimo tool online per creare sfondi basati su strisce verticali, orizzontali o diagonali.
Logo
- Logo Maker: Web 2.0 Stylr Generatore di logo in stile web 2.0. Possibilità di scegliere il tipo di font e di aggiungere un'immagine da visualizzare accanto al testo.
- Web2.0 - Logo Creatr Per creare un logo in stile web 2.0 occorre selezionare uno dei cinque modelli disponibili e successivamente personalizzarlo con l'inserimento del testo, la scelta dei font, dell'effetto mirror, del background e del bottone e il settaggio dei parametri desiderati.
- Web2.0 Logo Creator It was created as a joke, not a serious logo maker Tool per generare logo web 2.0 basilare e senza opzioni per la personalizzazione: inserite un testo, scegliete se volete l'effetto riflesso e/o il beta tag e il logo è pronto.
- Web 2.0 Logo Creator Online Design and create free logos Con questo generatore è possibile intervenire su diversi parametri: font, colore di background, colori del testo, effetto reflection, inserimento di immagini e simboli predefiniti e loro posizione rispetto al testo. Il logo può essere salvato nei tre formati .jpg, .gif e .png.
- Flickr Logo Maker Utile se si vuole creare un testo che riproduca lo stile del logo di Flickr.
Badge e Ribbon
- Web 2.0 Badges (Generate Your Badge) Useful collection of stylish web 2.0 badges and badge generator Generatore di badge che mette a disposizione 20 modelli da modificare inserendo il testo e selezionando tipo, dimensione e colore del font. In alternativa, è possibile scaricare i numerosissimi badge in formato .psd presenti nella collezione e personalizzarli a proprio piacimento utilizzando Photoshop.
- Fresh Badge Generator Quickly create very trendy, eye-candy, and very web 2.0 badges for your site, blog or scrapbook Ottimo generatore di badge, il migliore per la quantità di opzioni e parametri tra cui scegliere. Impossibile descriverli tutti nel dettaglio. Da provare.
- Free Website Ribbon Generator Free website ribbon generator for your website or blog Consente di creare in pochi secondi un adesivo (sticker) con un messaggio personalizzato. Dopo aver inserito i dati richiesti (testo e link, dimensione e colore del font) e aver selezionato una tra le diverse "fascette" disponibili, è sufficiente copiare e incollare il codice javascript sul proprio blog o sito web. Lo sticker sarà automaticamente posizionato nell'angolo superiore destro.
- Quick Ribbon Online Ribbon Generator Tool Tool per creare ribbon personalizzati in stile web 20. Per ottenere il codice javascript da copiare e incollare all'interno del proprio sito o blog occorre selezionare uno dei quattro modelli preimpostati, inserire testo e corrispettivo link, scegliere dimensione, colore e tipologia di font e impostare i colori per il ribbon.
Bottoni
- My cool button Web 2.0 free buttons maker! Applicazione con la quale creare bottoni in stile web 2.0 in pochi e semplici passaggi. Dopo aver scelto dimensione e colore del bottone, aver inserito il testo, settato tipo, dimensione e colore del font, il pulsante è pronto per essere scaricato e utilizzato. Il tool consente di aggiungere un'icona web 2.0 precaricata (sono sei quelle attualmente disponibili) o di caricarne una dal proprio PC.
- Buttonator Tool per la creazione online personalizzata di bottoni. L'accesso a un numero più ampio di "stili" e opzioni per la personalizzazione è consentito solo previo pagamento. Altrimenti, occorre accontentarsi della versione base.
- Glassy Button Generatore di bottoni che offre numerose opzioni per la personalizzazione e anche la possibilità di creare un rollover sull'immagine.
Antipixel
- PixelButton Make your Antipixel button Generatore online di antipixel, facile e veloce da usare. L'immagine viene trasformata automaticamente in codice HTML e non è necessario, dunque, salvarla sul server.
- Button Maker Online Use this online tool to easily and visually create those popular "XHTML valid" micro buttons (80x15) Tool per la creazione di micro-bottoni nelle dimensioni 80x15 e 88x31.
- FREE button generator Generate a 80×15 brilliant button FREE, also known as “antipixel buttons” or “badges”, very popular buttons Selezionando le opzioni relative ai colori e al testo viene generata un'immagine .png 80x15.
- Button Maker Call it a badge, sticker, button, or whatever you'd like. Create yours below Applicazione online di Adam Kalsehy che permette in pochi passaggi di creare bottoni antipixel 80×15.
- Button Maker (Blog Flux) Make 80x15 or 88x13 buttons with a few clicks Generatore online di antipixel nelle dimensioni 80x15 e 88x31.
- Brilliant Button Maker A web interface to create 80x15 brilliant buttons Ottimo button maker che consente di creare mini-bottoni dando la possibilità di intervenire, oltre che sui consueti parametri, anche sulle posizioni e gli spazi. Permette, inoltre, di inserire delle immagini.
- RSS Button Generator Make your own RSS Buttons for FREE! Come per il precedente, anche in questo caso si possono modificare gli spazi. Sono più di 110 i font a disposizione.
Loading gif
- LoadInfo - Loader generator LoadInfo Ajax spinners' free generator Applicazione online per generare immagini di loading. Ampia la scelta delle immagini, personalizzabili nei colori, disponibili nelle dimensioni 16x16, 24x24 e 48x48 e scaricabili in formato .gif.
- Ajaxload - Ajax loading gif generator Create easily your own ajax loader icon Generatore di loader ajax personalizzabili. Numerose le gif animate tra cui scegliere e da configurare selezionando colore di sfondo e colore dell'immagine.
- Ajax Loading Gif Generator Create your own ajax loading gif easily Tool per la creazione di indicatori di caricamento molto semplice da utilizzare. È possibile personalizzarli scegliendo il colore di sfondo, il colore dell'immagine e la velocità dell'animazione.
Favicon
- favicon.ico Generator favicon.cc is a tool to create or download favicon.ico icons Applicazione web che consente di creare delle favicon o importando delle immagini o utilizzando una tavoletta 16×16 e colorando i pixel. Previa registrazione, si possono salvare le icone per condividerle con gli altri utenti del servizio.
- Online fav-icon creator Create your own icons in an online free editor L'applicazione permette di creare favicon attraverso il ricorso a un semplice e intuitivo strumento di disegno. In alternativa, si può caricare un'immagine per convertirla in formato .ico. o scaricare favicon già realizzate scegliendo tra le molte presenti nella library.
- 256 Pixels a daily favicon design challenge Questo tool consente la creazione di favicon sia attraverso l'upload di immagini sia attraverso l'utilizzo di una tavoletta di pixel da colorare (con preview in tempo reale).
- favicon2dots Semplice e immediato: caricate la vostra favicon già realizzata, cliccate sul pulsante "2dots" e in pochi secondi verrà generata un'immagine .png che riproduce la favicon in 3D pixel.
- Flavicon Servizio online per convertire immagini .png, .gif e .jpg in immagini in formato .ico. In alternativa si possono utilizzare le favicon presenti sul sito e disponibili per il download.
- Favicons! Generate your favicon and leave your footprint Strumento utile e pratico per trasformare immagini reperite online o caricate dal proprio PC in immagini dimensionate 16x16 in formato .ico.
- FavIcon from Pics The first web tool for creating still / animated favicons from regular images Il tool converte immagini 16x16 e 32x32 .gif in immagini .ico. Gli utenti registrati possono segnalare e inserire la favicon creata nella gallery.
- Favicon Generator (I) Create free favicon.ico page icons with Favicon Generator, instantly make custom Favicons for your website Consente di caricare dal proprio PC e trasformare in favicon immagini .gif, .jpg, .png e .bmp.
- Favicon Generator (II) Free and easy to use online Favicon Generator tool that can create Firefox-compatiable favicon .ico images Tool per la trasformazioni in favicon immagini .gif, .jpg, .png e .bmp.
- Favicon Generator (III) Create a favorites icon for your site Le immagini (.gif, .jpg, .png o .bmp.) caricate vengono trasformate automaticamente in favicon.
- Favicon Generator (IV) Favicons generated here contain text instead of images in order to be descriptive, but are colored to be nice looking Strumento per la conversione di immagini 16x16 e 32x32 (nei formati .gif, .jpg, .png e .bmp.) in immagini in formato .ico.
- Favicons Generator Tool Get FREE Favicons Instantly Tool per convertire in favicon le immagini caricate. È possibile aggiungere un testo scorrevole.
- FavIcon Generator Use this online tool to easily create a favorites icon (favicon) for your site Consente di trasformare in favicon immagini .gif, .jpg, .png e .bmp.
Immagini riflesse
- reflection Maker Create reflections with reflection Maker Generatore di immagini con l'effetto reflection tipico del web 2.0. Le immagini possono essere caricate direttamente dal PC o da URL. Due le opzioni disponibili: la dimensione del riflesso e il colore di background.
- Wet Floor Applicazione web che consente di generare immagini riflesse in formato .png. Si possono settare i parametri relativi all'altezza e all'opacità del riflesso.
- Picreflect Just in 10 seconds create a reflection of a picture and save it to your computer Altra semplice applicazione online per generare immagini riflesse dopo averle carciate dal proprio PC. I valori da applicare al riflesso sono l'altezza, l'opacità, la trasparenza e il colore di sfondo.
