Your Inspiration Web |http://www.yourinspirationweb.com/ 1

com/ 2 .yourinspirationweb. PRENDERE ISPIRAZIONE O COPIARE CHE DIFFERENZA C’È? di Sara Presenti Your Inspiration Web |http://www.

rappresentare.  Non opere derivate. che va comunicata con chiarezza.com Email: info@yourinspirationweb. questo è rilasciato senza alcuna garanzia. espressa o implicita.  Non commerciale. Tali Loghi e Marchi sono citati nel presente libro soltanto per scopi didattici e su di essi Your Inspiration Web non ha alcun diritto.PRENDERE ISPIRAZIONE O COPIARE: CHE DIFFERENZA C’È? Di Sara Presenti Copyright © 2011 Your Inspiration Web Prima edizione: Gennaio 2011 Licenza Tutti i contenuti del presente libro sono pubblicati secondo la licenza di utilizzo di Creative Commons. nè usarla per crearne un’altra.yourinspirationweb. Marchi e Loghi Tutti i Loghi e i Marchi citati in questo libro sono proprietà dei rispettivi proprietari.com/ 3 . Non puoi alterare o trasformare quest’opera. distribuire. Limitazione di responsabilità Gli autori e l’editore hanno fatto ogni sforzo per assicurare l’accuratezza delle informazioni contenute in questo libro. comunicare al pubblico. Devi attribuire la paternit{ dell’opera nei modi indicati dall’autore o da chi ti ha dato l’opera in licenza.com Your Inspiration Web |http://www. In ogni caso. eseguire e recitare quest’opera alle seguenti condizioni:  Attribuzione. né i suoi concessionari o distributori saranno ritenuti responsabili per eventuali danni causati direttamente o indirettamente dalle istruzioni contenute in questo libro o da software o prodotti hardware descritti. devi farlo secondo i termini di questa licenza. Non puoi usare quest’opera per fini commerciali. salvo diverse indicazioni tu sei libero di riprodurre. esporre in pubblico. Nè gli autori. Pubblicato da Your Inspiration Web Web: www. Tuttavia. Ogni volta che usi o distribuisci quest’opera. nè Your Inspiration Web.yourinspirationweb. puoi concordare col titolare dei diritti d’autore utilizzi di quest’opera non consentiti da questa licenza.

Un grazie di cuore va anche ad Antonino Scarfì che da alcuni mesi si occupa di amministrare il forum4 di YIW. Maurizio Tarchini. risorse gratuite. Come molti freelance si è abituata a gestire più ruoli. Ivan Signorile. Daniele Nicolosi e Marco Di Mauro. soprattutto per quanto riguarda la grafica per il web.com/ Your Inspiration Web |http://www. lavora nel campo della grafica e dello sviluppo web da anni e al momento oltre a collaborare con alcune Web Agency gestisce con successo la sua attività di freelance sotto il nome di mascara design1.yourinspirationweb.it/ 2 http://www. Un ringraziamento particolare va a: Giustino Borzacchiello.com/ 3 http://www. sempre e comunque. Your Inspiration Web sta diventando un progetto sempre più ambizioso anche grazie alla collaborazione continuativa di alcuni professionisti del settore che si sono aggiunti strada facendo al nostro team. nonostante questo la sua passione rimane. tutorial. Nicolas Gutierrez. Your Inspiration Web Dalla simbiosi di Nando e Sara nel Maggio del 2009 ha preso vita Your Inspiration Web2.com/ 4 . 1 http://www.com/autori/ 4 http://forum.yourinspirationweb.Autore Sara Presenti Web designer. il design.yourinspirationweb. una community dedicata al web design che sta sempre più diventando un valido punto di riferimento nel settore e che offre quotidianamente guide.yourinspirationweb.mascaradesign. consigli. Per saperne di più visita la pagina3 dedicata agli autori di YIW. ti invitiamo a contattarci utilizzando il modulo contatti presente sul sito. spaziando dalla grafica cartacea allo sviluppo del codice XHTML e CSS. Se vuoi contribuire a rendere questa community ancora più grande e sei interessato a collaborare con noi. utilities e numerosi fonti di ispirazione per i vostri lavori.

....................... 12 STEP 2 – NON PRENDERE ISPIRAZIONE DA UN SOLO SITO............... SOMMARIO PRENDERE ISPIRAZIONE O COPIARE: CHE DIFFERENZA C’È? ................................................................................................ 18 Your Inspiration Web |http://www.................................................................com/ 5 .................. 13 DALLA TEORIA ALLA PRATICA: BE INSPIRED............................. MA SENZA COPIARE ....................... ANCHE SE PERFETTO ............................................... 10 COME PRENDERE ISPIRAZIONE..... 8 ALCUNI BUONI MOTIVI PER NON COPIARE IL LAVORO ALTRUI ........... SEMPLICEMENTE OSSERVA ....... 9 ISPIRAZIONE O PLAGIO? .....................................................yourinspirationweb................................................................................................................................................................................. 13 CONCLUSIONI .............. 12 STEP 1 – NON CERCARE CIÒ CHE DEVI REALIZZARE...........

Ciascuno è il riverbero dell'altro nel flusso dell'universo.Nulla avviene per caso. [La Profezia di Celestino .com/ 6 .yourinspirationweb.James Redfield] Your Inspiration Web |http://www.

com/ 7 .Your Inspiration Web |http://www.yourinspirationweb.

si può veramente parlare di ispirazione.com/ 8 .yourinspirationweb. Non sempre si tratta di disonestà (del resto sono una persona molto tollerante): semplicemente quel menù ci sembra perfetto per il progetto su Your Inspiration Web |http://www. è veramente semplice oltrepassare. soprattutto se si è frustati dopo ore passate a cercare la giusta idea. o quando si “prende ispirazione” in realtà si tende a copiare più o meno spudoratamente e consapevolmente – il lavoro altrui? Partiamo dal presupposto che tra prendere ispirazione e copiare c’è un confine molto labile che spesso. e come tale di un processo creativo inevitabile ed eticamente corretto. Capitolo 1 PRENDERE ISPIRAZIONE O COPIARE: CHE DIFFERENZA C’È? Qualche settimana fa sul nostro forum l’utente Giavara ha posto agli utenti di Your Inspiration Web un intrigante interrogativo: “Secondo voi è corretto “prendere ispirazione” da lavori che vedete in giro?” ovvero: in poche parole.

il sito che abbiamo ammirato nella gallery di turno adesso è interamente nel nostro documento di lavoro su Photoshop. una brutta copia. ti precludi la possibilità – e il dovere. non sai.cui stiamo lavorando. può non funzionare per Caio. menu e background disegnati da altri. estetiche e visive che lavorano solo nella loro univocità e che raramente possono avere gli stessi risultati su progetti per cui non sono stati ideati. anche – di camminare con le tue gambe nel mondo del web design. non è assolutamente detto che questi elementi siano i più appropriati per il design che devi progettare per il tuo cliente. O almeno. Your Inspiration Web |http://www. per non parlare del background che è esattamente come quello richiesto dal nostro cliente… e cosi via. Non sai perchè il designer ha scelto quel particolare colore o perchè ha posizionato il box proprio a destra del menu. anche se ti innamori follemente di un background grunge o di un certo pulsantone verde che ad occhio sembra proprio fare al caso tuo. Per cui. Un sito non è solo estetica. dato che a lungo andare diventeresti dipendente dalla creatività altrui. per forza di cose.com/ 9 . questo ormai è ovvio. non puoi copiare? Ciò che è bello per Tizio. perchè quando si copia per intero il design realizzato da qualcun altro. Limitandoti a copiare di sana pianta pulsanti. e anche quella sfumatura ha una tonalità cosi calda. E se un cliente ti richiedesse un effetto particolare che. Ci sono strategie grafiche. finchè. Alcuni buoni motivi per non copiare il lavoro altrui Se non fai.yourinspirationweb. quasi senza rendersene conto. Non imparerai mai come si realizza quell’effetto cosi piacevole a vedersi e non potrai mai essere indipendente e spontaneo nel tuo lavoro. è un assioma inconfutabile che se ne realizzerà soltanto una brutta copia.

solo in questa settimana ho notato 6 cloni spudorati di altrettanti design originali. sai benissimo di cosa parlo. Se hai mai provato a modificare codice sviluppato da altri.Eliot: “I poeti immaturi imitano. ricordati questo: e se qualcuno se ne accorge? Sarebbe veramente difficile rifarsi un nome. Your Inspiration Web |http://www. ricordati che con la nascita delle gallery css oggi è veramente semplice risalire a cloni e brutte copie: per quel che mi riguarda. L’ispirazione funziona solo se.yourinspirationweb. Gli stai vendendo un oggetto che già appartiene ad altri e che non hai nessun diritto di far passare come tuo. i poeti maturi rubano. comprenderle e riadattarle al nostro progetto. Perciò. E se proprio l’argomento etica ti lascia impassibile. Se non migliore. o almeno di diverso”. di comprendere dove si trovano gli stili per i link e perché. è stato inserito un float. proprio in quel punto. alla fine.com/ 10 . Hai davvero tempo da perdere? Non sarebbe più soddisfacente imparare a fare da sé? Copiare è eticamente scorretto: il motivo più ovvio e rilevante. in pratica. e come tale richiederà patimento e sacrificio anche per le modifiche più stupide. copiare lo stesso codice ne richiede 9. Non siamo poeti. perché il metodo di sviluppo è personale. In questo modo non si può più parlare di plagio ma di studio. fino a che non otteniamo l’effetto voluto. una specie di impronta del programmatore. senza contare i possibili risvolti legali.Se mettere in codice richiede 3 ore. paragonando i nostri risultati con l’originale. Va benissimo quindi fare stamp sulla pagina in questione e incollarla sul nostro Photoshop. Cosa ti ha colpito cosi tanto? Come si realizza questa sfumatura? Semplicemente provando. molto probabilmente ci ha passato ore e solo per questo merita un po’ di rispetto. Copiare è sleale nei confronti di chi ha lavorato duramente per ottenere quel risultato che tanto ti ha colpito: non ha trovato il progetto dentro l’uovo di pasqua. se proprio ti prudessero forte le mani in preda ad una cleptomania artistica acuta. perché solo sperimentando possiamo imparare e migliorare le nostre capacità professionali. I cattivi poeti deturpano ciò che prendono e i grandi poeti lo trasformano in qualcosa di meglio. Copiare interamente il codice di un sito altrui significa perdere ore e ore cercando di modificare classi e markup. accostando. si riesce a creare qualcosa di totalmente nostro.S. Ma copiare è scorretto soprattutto nei confronti di chi ha investito su di te e ti ha creduto degno di fiducia tanto da assumerti e pagarti per il tuo operato: stai. case-study per l’esattezza. ma solo se il nostro intento è di assorbire le tecniche e lo stile dell’autore. per ogni piccolo tentativo di personalizzazione. Ispirazione o plagio? Disse T. E tutto questo ad ogni aggiornamento. truffando il tuo committente. ma la teoria è giusta. perlomeno diverso.

Your Inspiration Web |http://www.com/ 11 .yourinspirationweb.

non Your Inspiration Web |http://www. MA SENZA COPIARE Non sono molto d’accordo con chi demonizza le gallery css come un “monito a rubare il design di terzi”: il libero arbitrio dell’uomo è assai vasto e comprende anche la libertà di scegliere cosa è bene e cosa è male. Provare per credere. indipendentemente dall’occasione che gli si pone davanti.yourinspirationweb. semplicemente osserva L’errore più comune è quello di cercare un layout che ricalchi perfettamente ciò che dobbiamo realizzare: se devi disegnare un layout per un sito di un’impresa edile. La ricerca dell’ispirazione è un processo lungo e creativo e non c’è assolutamente niente di riprovevole o truffaldino in questo.com/ 12 . Step 1 – Non cercare ciò che devi realizzare. Capitolo 2 COME PRENDERE ISPIRAZIONE.

stando ben attenti a non copiare (non è questo lo scopo di questo articolo): quello che dobbiamo fare è prendere spunto e rielaborare alcune proposte grafiche che. in questo modo. non commettere l’errore di prendere spunto solo da questo per il design del tuo progetto. distogli il focus. il risultato è il seguente: Your Inspiration Web |http://www. diciamo. E. Un punto di ritrovo dei giovani. la tipografia. fai qualche schizzo sul blocco note.com/ 13 . cerca di creare delle combinazioni mentali. Step 2 – Non prendere ispirazione da un solo sito. quindi evita di restringere il campo proprio all’area tematica di tuo interesse: è ovvio che. Ciò che cerchi è l’ispirazione generale per il tuo design. a prima vista. finirai facilmente con il ricalcare il lavoro di qualcun altro! Perciò. senza metterci niente di tuo. Dalla teoria alla pratica: be inspired Un articolo molto simpatico apparso tempo fa sul blog di ThemeForest mi ha dato un’idea: che ne dici di fare un esempio pratico? Prendiamo ispirazione da qualche sito trovato qua e là e realizziamo il nostro layout. un posto dove è possibile mangiare. senza un criterio logico: guarda i menù. anzi evita proprio di farlo. un patchwork di più siti. dopo un bagno di ispirazione. a occhio. Il sito che dobbiamo realizzare questa settimana riguarda. Annota i dettagli che. Cerca ancora. ci ispirano e ci sembrano adatte al nostro scopo. altrimenti corri il rischio di copiare il sito che tanto ti piace. Deciditi a prendere solo il meglio di quel tema e di cercare altrove per il resto del layout. bere e ballare. anche se perfetto Anche se ti innamori a prima vista di un sito e sai che sarebbe perfetto per i tuoi scopi.yourinspirationweb. gli effetti di background.limitarti a scartabellare la categoria “building” delle gallery. Fai una specie di collage. ti colpiscono di più e che a intuito credi possano fare al caso tuo. prendendo da ognuno un particolare che credi di poter adattare/personalizzare nel tuo progetto. facciamo un esempio: un locale glamour. osserva semplicemente.

yourinspirationweb. Per prima cosa mi sono innamorata a prima vista della palette di colori del sito SHS Nutrition e l’ho voluta riproporre.Niente male. nel mio layout. no? Ma vediamo a cosa mi sono ispirata durante la fase di realizzazione del layout.com/ 14 . con una gradazione simile. Your Inspiration Web |http://www.

con le voci accompagnate da icone tematiche.yourinspirationweb.com/ 15 . Your Inspiration Web |http://www.Girando per le gallery ho trovato un sito dalla testata veramente accattivante: da questa ho preso l’idea della foto a tutto schermo e del menu sopra di essa.

né inserito del contenuto testuale sulla foto. e il logo invece di essere posizionato in una sezione apposita in alto a sinistra. le icone sono sopra e non laterali alle voci di menu. è inserito all’interno del background. a questo punto? All’interno del layout. Your Inspiration Web |http://www. che trasmettono l’idea di freschezza e giovinezza necessarie al mio locale.yourinspirationweb. ispirandomi ad un sito visto pochi giorni fa su Css Mania. ho inserito alcune polaroid. ma di certo non si può dire che ho copiato il menu del sito di Ergpa: ho di fatto utilizzato una trasparenza. font e stile delle icone completamente diverse.com/ 16 . inoltre non ho né previsto uno slider.Come vedi lo stile è quello. Sono più le similitudini o le differenze.

separate da un’ombreggiatura.de: diviso in due sezioni. che io stessa ho ideato e personalizzato: diverso è il taglio delle foto. E comunque l’idea della polaroid è ormai piuttosto comune nel web design.com/ 17 .yourinspirationweb. Infine. è vero. mi sono ispirata totalmente al sito Chocri. il posizionamento e le scritte sotto di esse. la sezione superiore più chiara di quella inferiore… e cosi via. fino a raggiungere il seguente risultato: Your Inspiration Web |http://www. ma le polaroid hanno tutto un altro design.Come puoi vedere non hanno assolutamente niente in comune: mi sono ispirata al sito JustALove. per quanto riguarda il footer.

Questo perché mi sono ispirata. è vero. qual è la sottile (ma forse neanche tanto) differenza che c’è tra prendere ispirazione da un sito e copiarne o ricalcarne pesantemente il design e lo stile. Conclusioni In questo e-book abbiamo visto.com/ 18 .Molto simile. n’est pas? Eppure cosi diversi. Pensi sempre che prendere ispirazione sia eticamente scorretto? Che cosa ne pensi dell’argomento “cloni & web design”? Your Inspiration Web |http://www. con alcuni validi esempi. ma non ho assolutamente copiato né scimmiottato il lavoro altrui.yourinspirationweb.

yourinspirationweb.Your Inspiration Web |http://www.com/ 19 .

Your Inspiration Web |http://www.com/ 20 .yourinspirationweb.

lavor anelcampodel lagr afi caedel losvi luppowebda anniealmoment ool treacol labor areconal cuneWebAgencygest isce consuccessol asuaat tivi tàdif reel ancesot toi lnomedimascar a desi gn. Haunapassi onevi scer aleperi ldesi gn.ecomet aledi unpr ocessocr eat ivoi nevi tabi leedet icament ecor ret to. . sopr att utt operquant o r iguar dal agr afi caperi lweb.oquandosi“ prende i spi razi one”i nreal tàsit endeacopi arepi ùomenospudor atament ee consapevol ment e–i llavor oal trui ? Eccopert equal checonsi gli operevi tar eilpl agi o eat tinger eapi enemani-ei nmodoonest o-dal lacr eat ivi tàal trui . Webdesi gner .I nquest oeBookcer chi amodidar eunar ispost adef ini ti vaadunquesi tochesi pongonomol tiwebdesi gner :sipuòver ament epar lar edii spi razi one.