Your viewing the DMD archive. Visit the Design Meltdown Portal to find the latest DMD content.

Or skip straight to Monster Meltdown - the new face of Design Meltdown

Old Paper Part 3

3rd edition — by Patrick McNeil — Mar. 28, 2007

Editions:

1 2 3 4 5

The Design Element

Of all the styles I have covered I still think that the use of old paper in a design is perhaps the strongest way to break the techno feel of the internet. Sites such as Paperworks somehow make me forget I am on the internet, it has such a tangible hands on feel. Not to mention of course that it fits their product perfectly.

The Farmers Almanac site is a rather brilliant usage of the element as well. So many connections can be made. The Almanac is a book, made of paper of course. Farming is gritty, and dirty. Farming has a classic, home grown, family appeal. Everything about the topic is supported by incorporating some aged paper into the design. Its truly beautiful to see such strong connections between the design and the topic of the site.

Other more subtle usages can be found as well. On the site of Shut Theory we find a fairly new blog with a large paper background. The page is loaded up with content, which combined with the paper background, lends itself to a newspaper feel. Not a bad connotation for a blog if you think about it. The writing on the site appears pretty formal and in depth. So connecting itself with a real newspaper only serves to enhance the authority they appear to speak with. And at the same time, the little bit of splatter in the top left helps it avoid an overly corporate feel.

So as always, the message is really the same, think long and hard about what your design says about the people and topics it represents. It says so much more then we might think.

divider

Sample Usage

divider

Downloads

green 1green 2paper 1paper 2stain 1

divider

Links

A great source for a few free paper images:
Rare Books & Special Collections

iStockPhoto is a terrific source of nice paper images to work with, and you can get them cheap.

Mayang free paper textures

Folded paper Photoshop brushes (excellent)

divider

Comments

mahalie

3/28/2007 1:08:57 PM

Thanks for the resource links, love the PS brushes. Just wanted to note - use caution when designing in this way. You should have a complete grasp of css and image optimization in order to make the site both look good and load fast. I found the Farmer´s Almanac, though cute, very slow loading. A great example of how to balance this type of graphic effect with performance can be seen at the elegant electricpulp.com

Patrick

3/28/2007 1:10:26 PM

ah, yes, an excellent point. performance is certainly a key issue. and graphic intensive styles such as this have room for potential problems.

Mariam Ayyash

3/28/2007 4:12:12 PM

hey my blog is up there (shut theory), feels like im finally being rewarded :) thanks!
You have depicted my personality exactly how I wanted it to be, and the blood splatter is there for exactly what you said, to decrease the rigidness of such a personal blog, in addition to a category or two that I made for fun. The people who know me and know how much I´m into editorials thought this is so much me, true, design does "surprisingly" tell much more than we imagine...

Tracey Grady

3/28/2007 6:43:01 PM

Thanks for this article. I am just about to start designing a website for a client who is a printmaker and papermaker, and the ideas that you´ve pulled together here are very timely for me.

Make a Comment:

All fields are required & all posts are hand moderated.



(not displayed publicly)



Captcha