30 Creative Examples of Using Paper in Web Designs
The utilization of paper as a design element in a web design is one of the most popular design trends. By using scraps of paper, cardboard textures, notebooks and notepads, a designer is able to compose an interesting and elaborate design. You’ll see paper used in various kinds of design components – in backgrounds, navigation menus, content areas, and all sorts of other web page parts.
In this showcase, you’ll see some of the best web designs that involve the use of paper elements and textures – for your inspiration.
Peace River Excursion
Team Green
Diego Latorre
DK Publishing
The Chernobyl Nuclear Disaster
Church on the Rock
Dawghouse Design Studio
BlackWave Creative Branding and Design Services
L’Antidote
Gardening With Children
Revolution Driving Tuition
Pain is Good
kayintveen.com
Sprocket House
vSplash
Eric’s Empire
Callum Rimmer
NotYourAverageJoe
Summer Day Camps MD
A Round Dorset Walk
HRNYC
Emarts
adf.lt
Narfstuff
Repair Jeans
PLEJ
Luc Espace
iPhone Development
Hillwood Residential
Simply Fired
Related content
- Using Paper Clips in a Web Design: Examples for Inspiration
- High-Resolution Grungy Paper Textures
- Cardboard Textures and Objects: High Resolution Pack
- 30 Creative Examples of Illustrations in Web Design
- Related category/categories: Design Showcase / Inspiration, Web Design
.
41 Comments
varecho
April 11th, 2009
Awsome design for paper!
T-Law
April 11th, 2009
I don’t like this style but these works is really nice. ;)
om ipit
April 11th, 2009
great list…
very inspired…
Callum Chapman
April 11th, 2009
these are some real nice designs, cheers for sharing!
Free Macbook
April 11th, 2009
These designs are amazing. I really like the rough edge that the paper style gives them.
Obon
April 11th, 2009
Ecoki.com is also good, just saw that on cssbeauty.com
imrui
April 11th, 2009
nice post, I love paper designs.. Looks so realistic. :D
Meg Brookman
April 11th, 2009
Enjoyed these many examples of how to use paper in graphic design. All were creative and eye-catching and gave me useful ideas.
Ray Tsang
April 11th, 2009
This is pretty neat too, design based on paper/book http://amkalphotography.com/
ThemeLib.com
April 11th, 2009
Nice!
Ronnie Roper
April 12th, 2009
Great examples. I have always viewed paper in web design as connecting back with our print roots…for those that have roots in print design.
Honour Chick
April 12th, 2009
great paper sites, very creative ;)
Tom Ross
April 12th, 2009
I hadn’t seen that many of these designs before. Really inspiration designs!
Jan
April 12th, 2009
Thanks for including me in this list! :)
Jacob Gube
April 12th, 2009
@Ronnie Roper: I was waiting to see if someone else would mention that connection to print design! I think a lot of web designers came from print/graphic design (I did – before moving into web development), and these designs remind me of those days.
Cal
April 12th, 2009
Thanks for highlighting my site Jacob. Thanks for the list as well – I have spent an enjoyable 30 minutes looking through all the other sites.
Navdeep
April 12th, 2009
This is again a great list!
@3drockz
Czarina Cleopatra
April 12th, 2009
Yayks! They are all cute! hihi I like Narfstuff! Girly design. :P
Jacob Gube
April 12th, 2009
@Cal: No problem Cal, and thanks for stopping by. I hope that was a pleasant 30 minutes!
rockstar
April 12th, 2009
awesome share its really helpful for me on my future projects thank you
Daniel
April 13th, 2009
Here is an other one. No heavy use of paper but …
http://www.druckerei-necker.de
Biz
April 13th, 2009
Very interesting paper-like designs. They are very good as a refresher after so many boring generic web designs.
Daniel
April 13th, 2009
Sorry, pls delet the last two comments. Didn´t read that the comment is awaiting for moderation. Sorry for this.
jane
April 13th, 2009
Great examples. I have always viewed paper in web design as connecting back with our print roots…for those that have roots in print design..
Zoheb
April 13th, 2009
This was very interesting to look at. Thanks for sharing…
It gives me a lot of ideas!
Sean
April 14th, 2009
Really inspiring designs! Where is the “forward to a friend” link on your blog posts?
I find my self wanting to send these posts to friends but hate having to copy and paste the link every time.
Its a good idea to generate new visitors.. Just a thought :)
myDevWares
April 14th, 2009
Very inspirational designs. Now perhaps you write a post with plenty of free paper resources (brushes, textures, etc.)?
Eric Franklin
April 14th, 2009
Thanks for including my site on the list!
Jacob Gube
April 14th, 2009
@Sean: Good idea – I’ll see what I can do about that.
@myDevWares: Good idea, but in the meantime, you can check out the Six Revisions freebies section for Grungy Paper Textures and Cardboard Textures and Objects set which are free for use in any project.
Matt Smith
April 15th, 2009
Hi Jacob
Thanks for including my design on your list (dorsetwalk). My back ground is also in print design, and I still do a little from time to time (currently doing art direction for an extreme sports magazine). I find most of my work involves the web these days simply because I find it so much more interesting than print – there’s so much more to learn and each project can be so different from the last. Do you do much print work these days or are is your work all digital now?
Great site, by the way – I’m currently working my way through your jQuery tutorial list, and will definitely be back to check our the rest of the articles.
Cheers
Matt
Dave Rau
April 15th, 2009
I designed the first site (the peace river) a few years back, but have long been using my own scanned and photographed old paper textures, stains, page tears and rips, masking tape, grungy paint splatters, etc. I take a lot of inspiration from our messy and decaying world, so my textures and analogue elements are a hat tip to the past, but also a bit of a fight against anonymous corporate design that’s dull and uninspired.
if you’re looking for more worn elements check out my site and my offerings on istock:
http://www.redlabor.com/analogue
http://www.istockphoto.com/daverau
p.s. I use a lot of my grungy textures and elements in t-shirt and wallet designs on http://www.ResistToday.com
Jacob Gube
April 15th, 2009
@Dave Rau: Thank you for the valuable tips and sharing your technique/experience. Those t-shirts are rockin’, I may pick up a couple!
Vedoza
April 16th, 2009
nice post, I love paper designs.
aravind
April 16th, 2009
another great post.
I think this post would have been more better if you had included some related tutorials as well.
Gary Callaghan
April 17th, 2009
I’ve always loved the use of paper in today’s modern web designs it gives them a sort of homely feel that’s my opinion. As aravind said you should include a follow up post including tutorials on how to create such websites or even just a navigation tutorial.
pracas upreti
April 20th, 2009
wowwwwwwwwwwwwwwwwwww!!! its really great and awesome,
pet
April 20th, 2009
http://www.adf.lt is nice
Kakasab
April 26th, 2009
great classical collection… enjoyed and inspired
Sprocketeer
April 28th, 2009
Happy to be in such distinguished company! Thanks.
Ashely Adams
September 11th, 2009
I think I’ve seen a few web designs that used paper as a design element…….they do look quite good. In fact, it’s very interesting the way they’ve used them. I liked The Chernobyl Nuclear Disaster and Hillwood Residential the most. Thanks for sharing.
Svetainiu kurimas
October 13th, 2009
The real challenge when using paper, especially with lines or patterns is to synchronise and harmonize the text/imagary that appears above it.
Leave a Comment