5 Share, Don’t Steal (why we copy) Share, Don’t Steal (why we copy) I’m totally guilty on this one You r Honor. I have copied si tes before, b ut I have learned mylesson and I will never do it again. I promise. Why do we do it? Why do we do it? As des igners w e have all done it, we have all blatantly copied som ebody’s design. Why do we do this? Are w e not bril lia nt visual com posers? Ca n’t w e create our ow n w eb m asterpieces? I b eli eve w e do this for one of three reasons: We are just starting out i n the w eb design wor ld – design immaturity. We thin k successf ul or popul ar w ebsite s have great design – design popularity. We are told to fr om the client or m anagem ent w hat to design – design pressure. The fir st reas on, design im ma turity, is a natural thing. Wh en w e firs t start out w e really w ant to im press our managers and/or clients. We tend to l ook for divine interw eb inspiration only to wind up ripping som eone’s design off . We don’ t really know how to properly f ind inspiration so w e default back to mi m icry . Hope f ully w e all go through thi s phase quickly in our careers. But designing for popularity and design pressure are battl es that w e w ill fight th rough out the rem aind er of our careers. Tak ing on a new des ign project can be a daunting task if y ou have no ideas and you have no inspiration to draw f rom. When you can’t f ind inspiration and ideas are just not coming to you, its easy to take a popul ar w ebsite and copy it in order to get the project rolling. This ki nd of thing alw ays leads me do w n the path of self doub t, w here I question my w orth as a designer. I get stuck not knowing where to start and if nothing stops my self loathing I start feeling the itch to copy. But someti m es as designers w e have brilliant ideas but due to press ure f rom m anagem ent, partners, or any other stake hold ers w e are f orced to copy. This recently happe ned on a project I was w orking on. O ur client w anted m e to straight up copy a really popula r design of our competitor, font-for-font, color-for-color. I felt I had some great original ideas, but I kne w the fight wasn’t w orth it so I threw in th e tow el an d w ent for the direct copy. WEB DESIGN January 7, 2011 by Patrick Cox8 Comments 8 Comments SEARCH POSTS LATEST POSTS LATEST POSTS Share, Don't Steal (why we copy) Share, Don't Steal (why we copy) Animated Fo rm Switching with jQuery Animated Fo rm Switching with jQuery 25 Fresh Examples of B eautiful UI Elements 25 Fresh Examples of B eautiful UI Elements Parallax Slider with jQuery Parallax Slider with jQuery Portfolio Zo om Slider with jQuery Portfolio Zo om Slider with jQuery Website Tour with jQuery Website Tour with jQuery Moleskine Notebook with jQuery Booklet Moleskine Notebook with jQuery Booklet Bubbleriffic I mage Gall ery with jQuery Bubbleriffic I mage Gall ery with jQuery Merging I mage Boxes with jQuery Merging I mage Boxes with jQuery Overlay Effect Menu with jQuery Overlay Effect Menu with jQuery Hover Slide Effect with jQuery Hover Slide Effect with jQuery Animated Portfolio Gallery with jQuery Animated Portfolio Gallery with jQuery POPULAR POSTS POPULAR POSTS Beautiful Slide Out Navigation: A CSS and jQuery Beautiful Slide Out Navigation: A CSS and jQuery Fixed Fade Out Menu: A CSS and jQuery T utorial Fixed Fade Out Menu: A CSS and jQuery T utorial Beautiful Slide Out Navigation Revised Beautiful Slide Out Navigation Revised Beautiful Background I mage Nav igation with jQuery Beautiful Background I mage Nav igation with jQuery Twitter API and jQuery Showcase: Display your Fo llower s Twitter API and jQuery Showcase: Display your Fo llower s CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Sliding Panel Photo W all Gall ery wi th jQuery Sliding Panel Photo W all Gall ery wi th jQuery A Fres h Bot tom Slide Out Menu with jQuery A Fresh Bot tom Slide Out Menu with jQuery jPaginate: A Fancy jQuer y Pagination Plugin jPaginate: A Fancy jQuer y Pagination Plugin Day and Night : Creating a S cenery A nimation with jQuery Day and Night: Creating a S cenery Animation with jQuery Creating a Rotating Billboard System with jQuery and Creating a Rotating Billboard System with jQuery a nd Aw esome Bubble Navigation with jQuery Aw esome Bubble Navigation with jQuery Sha r e, Don't Stea l ( why we copy) | Codrops http://tympanus.ne t/c odrops/2011/01/07/share- dont-stea l-why- we- copy/ 1 of 6 11/01/2011 17:06
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Beautiful Slide Out Navigation: A CSS andBeautiful Slide Out Navigation: A CSS and jQuery Tutorial jQuery Tutorial
Fancy Sliding Form with jQueryFancy Sliding Form with jQuery
Beautiful Photo Stack Gallery wi th jQuery andBeautiful Photo Stack Gallery wi th jQuery andCSS3CSS3
Thumbnails Navigation Gallery with jQueryThumbnails Navigation Gallery with jQuery
Beautiful Sl ide Out Navigation RevisedBeautiful Sl ide Out Navigation Revised
OUR FAVORITESOUR FAVORITES
WEB RESOURCES DEPOTWEB RESOURCES DEPOT
CREAMY CSSCREAMY CSS
2EXPERTS DESIGN2EXPERTS DESIGN
W3AVENUEW3AVENUE
DESIZN TECHDESIZN TECH
TUTORIALZINETUTORIALZINE
WEBAPPERSWEBAPPERS
WHAT MAKES THEM CLICKWHAT MAKES THEM CLICK
SMASHING MAGAZINESMASHING MAGAZINE
DESIGNERS LISTDESIGNERS LIST
WEB DESIGN LEDGERWEB DESIGN LEDGER
ABOUT USABOUT US
Codrops is a web development blog that publishesCodrops is a web development blog that publishes
articles and tutorials about web design, programmingarticles and tutorials about web design, programming
and usability. The team of Codrops is dedicated toand usability. The team of C odrops is dedicated to
prov ide useful and qualitative content that is free of prov ide useful and qualitative content that is free of
charge.charge.
If you want to contact or hire us, feel free to use our If you want to contact or hire us, feel free to use our
contact form on our main pagecontact form on our main page tympanus.nettympanus.net
Since that experience I have come to realize the damage copying another design can do.
Picasso said that a bad artist copies and a great artist steals. This phrase has often been
used in the design world as w ell. I don’t think this is true in all cases, I believe great
designers are original thinkers w ho don’t determine a design’s success on its popularity or
how it’s received by a mainstream audience.
Great de signers have an uncanny ability to ignore everyone and do what is best for the
project, they let the design guide them. This kind of originality pushes the rest of us lackies
to the next level, hopefully, unless w e keep copying from them.
Why it’s badWhy it’s bad
You’ll never know whyYou’ll never know why
It’s like cheating on a test. When you cheat on a test you don’t know w hy the answ er
is w hat it is, and chances are you’re not going to take the time to find out, cause if you
w anted to know you w ould have done it in the first place. Copying design or copying
answ ers to an exam are not any different.
The designer you are copying made his or her choices for a reason and you’ll never know
that reason. Worst case, the designer you are copying, copied their design. When you
copy f rom someone else you don’t know w hy they used the design pattern they did or
w hy they used a particular font or even w hy they used a gradient. This not only hurts the
original designer, but it hurts you even more. Next time when you are designing a site, you
may not know how to fit in that cool gradient eff ect or f ont choice correc tly.
Design is subjective and knowing w hy choices are made is one of the most valuable toolsyou have. Know ing why a composition is so engaging or w hy a color scheme works so
w ell is never learned through copying, its learned through criticism, evaluation,
experimentation, and tes ting… but never copying.
You’ll get stuckYou’ll get stuck
If you copy a design you w ill inevitably get stuck. Getting stuck in a design is like getting
lost in a maze . Let’s say you show up at the client design meeting with your copied
design to show to the client. They see the design and love it, but like all great clients, they
w ant you to make a handful of changes. When you start w orking on the revisions you
can’t quite figure out how to make the new changes feel like they belong. Its not so easy to
make changes to an already f inished product w hen you have no idea w here to begin.
, Don't Steal (why we copy) | Codrops http://tympanus.net/codrops/2011/01/07/share-dont-steal-why
You’re stuck in the middle of the maze and you don’t even know how you got in. I know
this feeling w ell, I’ve been there a few times.
When you create designs based upon your ow n ideas you why the design works or
doesn’t work. You know the genesis of the concept and you know w here and how the
concept can be altered w ithout losing its appeal. When you ow n the design, you own the
map to the maze, you know w here you are at no matter w here you are. By ow ning the
design you have the know ledge to better discuss the clients revis ions right there in the
initial design meeting.
You’ll homogenize everyone elseYou’ll homogenize everyone elseThis happens in the music industry every few years . One great example is the mighty
grunge era of the early 1990′s. You can debate all day w ho w as the f irst real ‘grunge’
band, but Nirvana w as by the f ar the trend maker. Af ter Cobain’s music became so
popular you had this onslaught of other bands from the Seattle area that looked and
sounded very s imilar. By the time Cobain had killed himself in 1994, grunge music w as no
more original than it was good. The copy cat bands of the day had taken every original
lyric and chord out of the grunge movement. Copy cat design creates the same effect. If a
particular look or design element becomes trendy, no matter how innovative, pretty soon all
the websites that copy it will eventually blend together.
Take the Web 2.0 movement as a case study. The real substance of the Web 2.0
movement was about dynamic sites, user-centered design and open communities. But
w hat do we all remember about Web 2.0? Rounded corners. Why did this design
element become so ingrained in our minds? Because it w as popular. Rounded cornersw ere innovative at the time and so designers started adding this new design element to
their w ebsites. Then one day, all the w ebsites looked the same and no particular w ebsite
stood out. Now , every time w e see a rounded corner we think “Ugh, Web 2.0. Blech!”
You’ll devalue yourself, me, and the rest of the communityYou’ll devalue yourself, me, and the rest of the community
If I spend thirty hours in Photoshop designing a mockup that looks identical to iTunes for a
new w eb app project, w ouldn’t it just be easier for me to screen shot iTunes and send it
over to the developer? When you copy, this is actually w hat you are doing. Do yourself
and everybody at the company a favor and take a screen shot, it saves them a lot of
design time and you can get back to w hat you do best, playing Angry Birds. When w e
copy designs w e are essentially devaluing the craf t. At some point, someone is going to
question w hy they have designers if all they do is w aste time copying. A lot of managers
and clients already think design is over rated but w hen you copy it just proves them right.
This can be hard if you w ork for a company that doesn’t understand the relevance of
design. They may w ant you to copy everybody else. If that’s the case my suggestion
w ould be to run, run fast and never look back . You don’t need to spend your time as a
designer copying others, there are plenty of other companies that appreciate original
thought and design.
You’ll devalue the productYou’ll devalue the product
Most importantly, w hen you copy designs, you devalue your site. The real value of any
pow erful site or app is its originality. Copy cat design only cheapens the site, it makes the
site feel dirty on some level. Its like when you take an hour picking out a rad shirt to w ear
to a concert and your f riend shows up in the same shirt, now the shirt doesn’t mean
anything. Okay, bad example, but you get the point. When your site looks identical to other
sites, it has lost its pow er. The value of Amazon.com is its originality. They are the w eb’s
marketplace leader because they continually want to be better and more innovative than
the others.
Original sites w ork because they are original, they are designed for and around their ow n
ideas. Sites that are truly created mean more, not only to you but the user. They have
deeper value, they have meaning and they have a life of their ow n. Copied designs are
just that, copies, they are meaningless representations of other ideas and concepts. When
a design is copied, you not only copy the good elements you copy the w eak elements.
Share, don’t stealShare, don’t steal
, Don't Steal (why we copy) | Codrops http://tympanus.net/codrops/2011/01/07/share-dont-steal-why
The web design community is such a great source for sharing ideas. That is the
greatest part of the interwebs, designers can share ideas, concepts, patterns, elementsand graphics in a very open environment. Copying breaks down these open channels and
forces designers to blockade their ideas. Lets keep these channels open and respect the
designs of others so that w e can continue to steal inspiration from them.
Related Articles:Related Articles:
http://w w w .useit.com/alertbox/copy-big-sites.html
JOIN THE DISCUSSIONJOIN THE DISCUSSIONDISCUSSIONDISCUSSION88
JANUARY 7TH, 2011 AT 17:38JANUARY 7TH, 2011 AT 17:38
TRULY AGREE WITH YOUR STATEMENT, I AM ALSO WITH YOUTRULY AGREE WITH YOUR STATEMENT, I AM ALSO WITH YOU
GUYS. AS FAR AS I SEEN, MANY FREELANCE DEVELOPERS ANDGUYS. AS FAR AS I SEEN, MANY FREELANCE DEVELOPERS AND
DESIGNERS JUST STEALING STUFF FORM OTHERS AND SHOWINGDESIGNERS JUST STEALING STUFF FORM OTHERS AND SHOWINGAND SELLING AS THAT THEY MADE….AND SELLING AS THAT THEY MADE….
CHEERS AND HAV E A GREAT WEEKENDCHEERS AND HAV E A GREAT WEEKEND
YOOSUFYOOSUF
HTTP://MAGPIELABS.CO.UKHTTP://MAGPIELABS.CO.UK
YOOSUF YOOSUF
JANUARY 7TH, 2011 AT 20:43JANUARY 7TH, 2011 AT 20:43
That’s the disease this days. But some manage to break the habitThat’s the disease this days. But some manage to break the habit
and eventually came out w ith something similar, but much moreand eventually came out w ith something similar, but much more
brilliant. That’s what w e call improvise.brilliant. That’s what w e call improvise.
IDRAKIIDRAKI
JANUARY 8TH, 2011 AT 05:32JANUARY 8TH, 2011 AT 05:32
sharing is caring but copying others material is not acceptable..sharing is caring but copying others material is not acceptable..
thanks for the info… :) just sharing what we ow ned..thanks for the info… :) just sharing what we ow ned..
LAZAACLAZAAC
JANUARY 8TH, 2011 AT 05:53JANUARY 8TH, 2011 AT 05:53
I never copy a full website…. but I definitely grab elements thatI never copy a full website…. but I definitely grab elements that
stand out to me, manipulate them to my liking, and piece them allstand out to me, manipulate them to my liking, and piece them all
together into one big collage of “stolen” elements. Obviously… I addtogether into one big collage of “stolen” elements. Obviously… I add
my ow n touch and creativity to the entire project as w ell.my ow n touch and creativity to the entire project as w ell.
Nonetheless… I never just steal a whole site.Nonetheless… I never just steal a whole site.
I like to look at the best designs, and try to make something better or I like to look at the best designs, and try to make something better or
atleast as good as them. I went to the “college of Google” andatleast as good as them. I went to the “college of Google” and
learned everything I know f rom forums and tutorials. I have beenlearned everything I know f rom forums and tutorials. I have been
designing for 7 years now am I am making around $50,000 per year.designing for 7 years now am I am making around $50,000 per year.
I think looking at good design… and taking a little mini bite out of it,I think looking at good design… and taking a little mini bite out of it,
and making it better or making it your ow n to help a project you areand making it better or making it your ow n to help a project you are
w orking on… doesn’t hurt. As long as w hen you compare w hat youw orking on… doesn’t hurt. As long as w hen you compare w hat you
took from another design to your ow n, it isn’t a blatant rip off .took from another design to your ow n, it isn’t a blatant rip off .
Great article though!!!!!! I do agree w ith 95% of w hat w as said! :-)Great article though!!!!!! I do agree w ith 95% of w hat w as said! :-)
JB
JANUARY 8TH, 2011 AT 15:48JANUARY 8TH, 2011 AT 15:48
Lol, is this for me ? :DLol, is this for me ? :D
Thank youThank you
DESIGN CAVERNDESIGN CAVERN
JANUARY 8TH, 2011 AT 16:20JANUARY 8TH, 2011 AT 16:20
If I copy something then it is NOT the design itself, only functionsIf I copy something then it is NOT the design itself, only functions
and/or the layout (w here is w hat).and/or the layout (w here is w hat).
I am not sure if that is “stealing”. I do not like copies of competitorsI am not sure if that is “stealing”. I do not like copies of competitors
sites.sites.
MICHAEL PEHLMICHAEL PEHL
, Don't Steal (why we copy) | Codrops http://tympanus.net/codrops/2011/01/07/share-dont-steal-why