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

com/ 1
 PRENDERE
ISPIRAZIONE O
COPIARE
CHE DIFFERENZA C?
di Sara Presenti

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

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, salvo diverse indicazioni tu sei libero di riprodurre, distribuire, comunicare al
pubblico, esporre in pubblico, rappresentare, eseguire e recitare questopera alle seguenti
condizioni:

Attribuzione. Devi attribuire la paternit{ dellopera nei modi indicati dallautore o

da chi ti ha dato lopera in licenza.

Non commerciale. Non puoi usare questopera per fini commerciali.

Non opere derivate. Non puoi alterare o trasformare questopera, n usarla per
crearne unaltra.

Ogni volta che usi o distribuisci questopera, devi farlo secondo i termini di questa licenza,
che va comunicata con chiarezza. In ogni caso, puoi concordare col titolare dei diritti
dautore utilizzi di questopera non consentiti da questa licenza.

Limitazione di responsabilit
Gli autori e leditore hanno fatto ogni sforzo per assicurare laccuratezza delle informazioni
contenute in questo libro. Tuttavia, questo rilasciato senza alcuna garanzia, espressa o
implicita. N gli autori, n Your Inspiration Web, 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.

Marchi e Loghi
Tutti i Loghi e i Marchi citati in questo libro sono propriet dei rispettivi proprietari. Tali
Loghi e Marchi sono citati nel presente libro soltanto per scopi didattici e su di essi Your
Inspiration Web non ha alcun diritto.

Pubblicato da Your Inspiration Web

Web: www.yourinspirationweb.com
Email: info@yourinspirationweb.com

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

Autore

Sara Presenti
Web designer, 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.

Come molti freelance si abituata a gestire pi ruoli, spaziando dalla grafica cartacea allo
sviluppo del codice XHTML e CSS; nonostante questo la sua passione rimane, sempre e
comunque, il design, soprattutto per quanto riguarda la grafica per il web.

Your Inspiration Web

Dalla simbiosi di Nando e Sara nel Maggio del 2009 ha preso vita Your Inspiration Web2,
una community dedicata al web design che sta sempre pi diventando un valido punto di
riferimento nel settore e che offre quotidianamente guide, tutorial, consigli, risorse
gratuite, utilities e numerosi fonti di ispirazione per i vostri lavori.

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. Un ringraziamento particolare va a: Giustino Borzacchiello,
Nicolas Gutierrez, Maurizio Tarchini, Ivan Signorile, Daniele Nicolosi e Marco Di Mauro.

Per saperne di pi visita la pagina3 dedicata agli autori di YIW.

Un grazie di cuore va anche ad Antonino Scarf che da alcuni mesi si occupa di

amministrare il forum4 di YIW.

Se vuoi contribuire a rendere questa community ancora pi grande e sei interessato a

collaborare con noi, ti invitiamo a contattarci utilizzando il modulo contatti presente sul
sito.

1
http://www.mascaradesign.it/
2
http://www.yourinspirationweb.com/
3
http://www.yourinspirationweb.com/autori/
4
http://forum.yourinspirationweb.com/

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

 SOMMARIO
PRENDERE ISPIRAZIONE O COPIARE: CHE DIFFERENZA C? ................................................... 8
ALCUNI BUONI MOTIVI PER NON COPIARE IL LAVORO ALTRUI ................................................................... 9
ISPIRAZIONE O PLAGIO? ................................................................................................................. 10

COME PRENDERE ISPIRAZIONE, MA SENZA COPIARE ........................................................... 12

STEP 1 NON CERCARE CI CHE DEVI REALIZZARE, SEMPLICEMENTE OSSERVA .......................................... 12

STEP 2 NON PRENDERE ISPIRAZIONE DA UN SOLO SITO, ANCHE SE PERFETTO ......................................... 13
DALLA TEORIA ALLA PRATICA: BE INSPIRED......................................................................................... 13
CONCLUSIONI .............................................................................................................................. 18

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

Nulla avviene per caso. Ciascuno il riverbero dell'altro nel flusso dell'universo.

[La Profezia di Celestino - James Redfield]

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

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

1
PRENDERE ISPIRAZIONE O COPIARE:
CHE DIFFERENZA C?
Qualche settimana fa sul nostro forum lutente 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, si pu veramente
parlare di ispirazione, e come tale di un processo creativo inevitabile ed eticamente
corretto, 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, soprattutto se si frustati dopo ore passate a cercare la giusta idea,
veramente semplice oltrepassare. 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.yourinspirationweb.com/ 8
cui stiamo lavorando, e anche quella sfumatura ha una tonalit cosi calda, per non parlare
del background che esattamente come quello richiesto dal nostro cliente e cosi via,
finch, quasi senza rendersene conto, il sito che abbiamo ammirato nella gallery di turno
adesso interamente nel nostro documento di lavoro su Photoshop. O almeno, una brutta
copia, perch quando si copia per intero il design realizzato da qualcun altro, un assioma
inconfutabile che se ne realizzer soltanto una brutta copia.

Alcuni buoni motivi per non copiare il lavoro altrui

Se non fai, non sai. Limitandoti a copiare di sana pianta pulsanti, menu e background
disegnati da altri, ti precludi la possibilit e il dovere, anche di camminare con le tue
gambe nel mondo del web design. Non imparerai mai come si realizza quelleffetto cosi
piacevole a vedersi e non potrai mai essere indipendente e spontaneo nel tuo lavoro, dato
che a lungo andare diventeresti dipendente dalla creativit altrui. E se un cliente ti
richiedesse un effetto particolare che, per forza di cose, non puoi copiare?

Ci che bello per Tizio, pu non funzionare per Caio. Un sito non solo estetica,
questo ormai ovvio. Per cui, anche se ti innamori follemente di un background grunge o
di un certo pulsantone verde che ad occhio sembra proprio fare al caso tuo, non
assolutamente detto che questi elementi siano i pi appropriati per il design che devi
progettare per il tuo cliente. Non sai perch il designer ha scelto quel particolare colore o
perch ha posizionato il box proprio a destra del menu. Ci sono strategie grafiche, 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.

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

Se mettere in codice richiede 3 ore, copiare lo stesso codice ne richiede 9. Se hai mai
provato a modificare codice sviluppato da altri, sai benissimo di cosa parlo. Copiare
interamente il codice di un sito altrui significa perdere ore e ore cercando di modificare
classi e markup, di comprendere dove si trovano gli stili per i link e perch, proprio in quel
punto, stato inserito un float. E tutto questo ad ogni aggiornamento, per ogni piccolo
tentativo di personalizzazione, perch il metodo di sviluppo personale, una specie di
impronta del programmatore, e come tale richieder patimento e sacrificio anche per le
modifiche pi stupide. Hai davvero tempo da perdere? Non sarebbe pi soddisfacente
imparare a fare da s?

Copiare eticamente scorretto: il motivo pi ovvio e rilevante. Copiare sleale nei

confronti di chi ha lavorato duramente per ottenere quel risultato che tanto ti ha colpito:
non ha trovato il progetto dentro luovo di pasqua, molto probabilmente ci ha passato ore e
solo per questo merita un po di rispetto. 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, in pratica, truffando il tuo committente. Gli stai vendendo un oggetto
che gi appartiene ad altri e che non hai nessun diritto di far passare come tuo. E se
proprio largomento etica ti lascia impassibile, ricordati che con la nascita delle gallery css
oggi veramente semplice risalire a cloni e brutte copie: per quel che mi riguarda, solo in
questa settimana ho notato 6 cloni spudorati di altrettanti design originali. Perci, se
proprio ti prudessero forte le mani in preda ad una cleptomania artistica acuta, ricordati
questo: e se qualcuno se ne accorge? Sarebbe veramente difficile rifarsi un nome, senza
contare i possibili risvolti legali.

Ispirazione o plagio?

Disse T.S.Eliot: I poeti immaturi imitano, i poeti maturi rubano. I cattivi poeti deturpano ci
che prendono e i grandi poeti lo trasformano in qualcosa di meglio, o almeno di diverso.

Non siamo poeti, ma la teoria giusta. Lispirazione funziona solo se, alla fine, si riesce
a creare qualcosa di totalmente nostro. Se non migliore, perlomeno diverso. Va
benissimo quindi fare stamp sulla pagina in questione e incollarla sul nostro Photoshop,
ma solo se il nostro intento di assorbire le tecniche e lo stile dellautore,
comprenderle e riadattarle al nostro progetto. Cosa ti ha colpito cosi tanto? Come si
realizza questa sfumatura? Semplicemente provando, accostando, paragonando i nostri
risultati con loriginale, fino a che non otteniamo leffetto voluto. In questo modo non si pu
pi parlare di plagio ma di studio, case-study per lesattezza, perch solo sperimentando
possiamo imparare e migliorare le nostre capacit professionali.

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

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

2
COME PRENDERE ISPIRAZIONE, MA
SENZA COPIARE
Non sono molto daccordo con chi demonizza le gallery css come un monito a rubare il
design di terzi: il libero arbitrio delluomo assai vasto e comprende anche la libert di
scegliere cosa bene e cosa male, indipendentemente dalloccasione che gli si pone
davanti.

La ricerca dellispirazione un processo lungo e creativo e non c assolutamente niente di

riprovevole o truffaldino in questo. Provare per credere.

Step 1 Non cercare ci che devi realizzare, semplicemente osserva

Lerrore pi comune quello di cercare un layout che ricalchi perfettamente ci che

dobbiamo realizzare: se devi disegnare un layout per un sito di unimpresa edile, non

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

limitarti a scartabellare la categoria building delle gallery, anzi evita proprio di farlo. Ci
che cerchi lispirazione generale per il tuo design, quindi evita di restringere il campo
proprio allarea tematica di tuo interesse: ovvio che, in questo modo, finirai facilmente
con il ricalcare il lavoro di qualcun altro! Perci, osserva semplicemente, senza un criterio
logico: guarda i men, gli effetti di background, la tipografia. Annota i dettagli che, a occhio,
ti colpiscono di pi e che a intuito credi possano fare al caso tuo. Fai una specie di collage,
un patchwork di pi siti, prendendo da ognuno un particolare che credi di poter
adattare/personalizzare nel tuo progetto.

Step 2 Non prendere ispirazione da un solo sito, anche se perfetto

Anche se ti innamori a prima vista di un sito e sai che sarebbe perfetto per i tuoi scopi, non
commettere lerrore di prendere spunto solo da questo per il design del tuo progetto. Cerca
ancora, distogli il focus, cerca di creare delle combinazioni mentali, fai qualche schizzo sul
blocco note. Deciditi a prendere solo il meglio di quel tema e di cercare altrove per il resto
del layout, altrimenti corri il rischio di copiare il sito che tanto ti piace, 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 unidea:
che ne dici di fare un esempio pratico?

Prendiamo ispirazione da qualche sito trovato qua e l e realizziamo il nostro layout,

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, a prima
vista, ci ispirano e ci sembrano adatte al nostro scopo.

Il sito che dobbiamo realizzare questa settimana riguarda, facciamo un esempio: un locale
glamour, un posto dove possibile mangiare, bere e ballare. Un punto di ritrovo dei
giovani, diciamo. E, dopo un bagno di ispirazione, il risultato il seguente:

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

Niente male, no?

Ma vediamo a cosa mi sono ispirata durante la fase di realizzazione del layout. Per prima
cosa mi sono innamorata a prima vista della palette di colori del sito SHS Nutrition e lho
voluta riproporre, con una gradazione simile, nel mio layout.

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

Girando per le gallery ho trovato un sito dalla testata veramente accattivante: da questa ho
preso lidea della foto a tutto schermo e del menu sopra di essa, con le voci accompagnate
da icone tematiche.

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

Come vedi lo stile quello, ma di certo non si pu dire che ho copiato il menu del sito di
Ergpa: ho di fatto utilizzato una trasparenza, le icone sono sopra e non laterali alle voci di
menu, font e stile delle icone completamente diverse, inoltre non ho n previsto uno slider,
n inserito del contenuto testuale sulla foto, e il logo invece di essere posizionato in una
sezione apposita in alto a sinistra, inserito allinterno del background. Sono pi le
similitudini o le differenze, a questo punto?

Allinterno del layout, ispirandomi ad un sito visto pochi giorni fa su Css Mania, ho inserito
alcune polaroid, che trasmettono lidea di freschezza e giovinezza necessarie al mio locale.

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

Come puoi vedere non hanno assolutamente niente in comune: mi sono ispirata al sito
JustALove, vero, ma le polaroid hanno tutto un altro design, che io stessa ho ideato e
personalizzato: diverso il taglio delle foto, il posizionamento e le scritte sotto di esse. E
comunque lidea della polaroid ormai piuttosto comune nel web design.

Infine, per quanto riguarda il footer, mi sono ispirata totalmente al sito Chocri.de: diviso in
due sezioni, separate da unombreggiatura, la sezione superiore pi chiara di quella
inferiore e cosi via, fino a raggiungere il seguente risultato:

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

Molto simile, nest pas? Eppure cosi diversi. Questo perch mi sono ispirata, vero, ma
non ho assolutamente copiato n scimmiottato il lavoro altrui.

Conclusioni

In questo e-book abbiamo visto, con alcuni validi esempi, 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. Pensi sempre che prendere ispirazione sia
eticamente scorretto? Che cosa ne pensi dellargomento cloni & web design?

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

Your Inspiration Web |http://www.yourinspirationweb.com/ 19
Your Inspiration Web |http://www.yourinspirationweb.com/ 20
I
nquest
oeBookcer
chi
amodidar
eunar
ispost
adef
ini
ti
vaadunquesi
tochesi
pongonomol
tiwebdesi
gner
:sipuver
ament
epar
lar
edii
spi
razi
one,ecomet
aledi
unpr
ocessocr
eat
ivoi
nevi
tabi
leedet
icament
ecor
ret
to,oquandosi
prende
i
spi
razi
onei
nreal
tsit
endeacopi
arepi
omenospudor
atament
ee
consapevol
ment
ei
llavor
oal
trui
? Eccopert
equal
checonsi
gli
operevi
tar
eilpl
agi
o
eat
tinger
eapi
enemani-ei
nmodoonest
o-dal
lacr
eat
ivi
tal
trui
.

Webdesi
gner
,lavor
anelcampodel
lagr
afi
caedel
losvi
luppowebda

anniealmoment
ool
treacol
labor
areconal
cuneWebAgencygest
isce

consuccessol
asuaat
tivi
tdif
reel
ancesot
toi
lnomedimascar
a

desi
gn. Haunapassi
onevi
scer
aleperi
ldesi
gn, sopr
att
utt
operquant
o
r
iguar
dal
agr
afi
caperi
lweb.