
Smashing Magazine we smash you with the information that will make your life easier. really.
Paper Strips Menus
December 17th, 2007 in Monday Inspiration | 64 Comments
The beauty of an excellent design lies in designer’s attention to smallest details. Conventions are our friends; however, to stand out, a design needs a creative spin, an elegant play of colors, some unique flavour — a small detail that would make a big difference.
Where the boundaries between traditional solutions and unusual approaches become fuzzy, designers tend to get creative. However, to come up with unusual ideas isn’t that easy, particularly if you are dealing with some daily routine-tasks.
Still, nothing is impossible. Even if you’re designing a navigation menu there are a number of possibilites you can explore. For instance, have you ever thought of… navigation in form of paper strips?

Deb Sofield sticks posts on a paper pile.

A menu in the shape of coloured loops.

These ties will never hang on the neck of a web-developer.

The navigation menu is simple, nice and fits perfectly to the overall design; navigation options appear to stick out of the content area.
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 40 Free Fonts
- 50 Beautiful Designs
- 50 Simple Designs
- 45 Fresh Designs
- 30 Dark Designs
- 65 Flash Designs
- Beautiful Icon Sets
- Beautiful Wallpapers
- Beautiful Photos
- Free Design Templates
- Free CSS Layouts
- Photoshop Tutorials
- Illustrator Tutorials
All Posts
- 35 Designers × 5 Questions
- 50 Designers × 6 Questions
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- Badges and Pins
- Black & White Photography
- Block Quotes
- Blog Designs
- Blog Headers
- Book Covers
- Brochures and Booklets
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Calendar Designs
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Editors
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Divine Proportion
- Domain Tools
- Dreamweaver Tutorials
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4, 5, 6
- Form Design Patterns
- Forums
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Style 1, 2
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4, 5
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- Laptop Sleeves
- Laptop Designs
- Link Building
- Links in New Windows?
- Mascots
- Motion Graphics
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Packaging Design
- Pagination
- PDF Magazines
- Photoshop Tutorials 1, 2
- Pixel Art
- Podcasts
- PNG Transparency
- Portfolios
- Product Designs
- RSS Best Design Practices
- RSS Feed Icons
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Source Code Editors
- Splash Pages
- Start Pages
- Stock Icons
- Space, Nebula wallpapers
- Tab-Based Interfaces
- Tag Clouds
- Textures
- Textures & Backgrounds
- Texture Design
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typography Showcase
- Typography BIG 1, 2
- Typographic Posters
- Typography In Motion
- Typography Showcase
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Vintage and Retro
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
- WYSIWYG Editors
Webtips
Sideblog
Mozilla has put out a call for everybody to share the vision of how we would like to see the Firefox browser and the Web in the future.
10 Free Handwriting Fonts features Sketch Rockwell, Gregs Other Hand and Imitation.
Coquette icons is a free set with curvy and colorful icons designed to get the affection of your visitors. .ico, .png, .icns, 128×128px. Backlink is necessary to use the set.
Logo Design Trends 2008 presents 15 current trends in logo design. Among them are Supernova, loops, stitch, amoeba and doodles.
You can follow Smashing Magazine on Twitter now. Ideas, suggestions, remarks? Feel free to share, discuss and spread the word.
Take the survey and help to sketch a true picture of the way web design and web development is practiced worldwide.
Donuts Icons Set is free and comes in 25 flavors: chocolate, glazed, powdered etc. Leopard ready, 512×512px. Formats: PNGs, Icns, Folder Icons, Ico and iContainer. Tasty!
Got It Icons Set is a free set of 115 icons based upon the well-known Tango icon set. SVGs-sources are available as well. Clean and useful.![]()
Jeff Finley shares 15 Common Designers' Mistakes in the Music Industry. Among them are not charging enough, ignoring typography, unprofessional behavior and over promising.
Henry Jones presents 400 High Quality Patterns — a collection of patterns of all shapes, sizes, and color. Some are images, and some are pattern files for Photoshop and Illustrator.







Andrew E (December 17th, 2007, 6:02 pm)
very nice!
Andrew E (December 17th, 2007, 10:15 pm)
Very Boring!
Aakadasch (December 17th, 2007, 11:07 pm)
A bit short, hmm?
Anthony (December 17th, 2007, 11:33 pm)
hmm.. holidays got smashing down? posts have been thin lately… thanks for the monday post
Nick (December 17th, 2007, 11:51 pm)
Interesting, but not very inspiring. :-)
Tim (December 18th, 2007, 12:04 am)
One post per week and this short?
I still love this site though ;-)
Ufucuk (December 18th, 2007, 12:28 am)
I think subjects have finished for your blog.
dagobert renouf (December 18th, 2007, 1:38 am)
i love you guys but this post is just not what i can expect from this wonderful magazine.
1 post a week and still that short ? we got a problem here ..
matt (December 18th, 2007, 2:12 am)
uhh…smashing rules, think maybe they have lives? or family? calm down guys!
Jestep (December 18th, 2007, 2:32 am)
I would suggest staying away from the mystery nav like example 3. Most people will have no idea what those are supposed to mean.
imaginepaolo (December 18th, 2007, 2:34 am)
Nice gallery and idea. Smashing magazine is the best webDesign Gallery.
tom2strobl (December 18th, 2007, 2:34 am)
somehow i hope SM will find better topics, but i’m yet thankful for those great resources of the past.
Jeff (December 18th, 2007, 3:09 am)
And you guys are paying … how much? … for this content?
Zero.
Thanks for the creative finds, SM. The world does NOT need another stupid web resource with unimaginative posts every day. Take your time to find neat stuff like this!
Miks (December 18th, 2007, 3:31 am)
Interesting, thanks!
Cutting_Crew (December 18th, 2007, 3:46 am)
Next week on smashing magazine : How to build a 3 column, 2 row table using only .html
Ash (December 18th, 2007, 3:54 am)
looks really effective, love the tie idea.
Good stuff!!
Rob Hawkes (December 18th, 2007, 4:03 am)
Please tell me the spelling of “Tonight” on the first website is a deliberate mistake! If not, that voice coach needs to change jobs.
Carlos Eduardo (December 18th, 2007, 4:07 am)
I dont like the third example… These icons doesn’t show clearly what they mean…. =/
juanclaudio (December 18th, 2007, 4:33 am)
not inspiring, sory
Jummy (December 18th, 2007, 4:48 am)
From the “About us” section of this site (emphasis is my own):
Katie (December 18th, 2007, 4:55 am)
Hey look this Link [www.valentinaolini.com]
Katie (December 18th, 2007, 4:58 am)
hello!!! look this!!! the menu is very similar!!! Link [www.valentinaolini.com]
Roweena (December 18th, 2007, 5:00 am)
I’m at college having to design a cool site with cool navigation (and over the xmas holidays) so this is a GREAT help, thanks!
Mrs. Micah (December 18th, 2007, 5:19 am)
Beautiful. If only I could do cool site design…I’m learning, at least. :)
Andy Gongea (December 18th, 2007, 5:21 am)
Nice but useless
A3brasil (December 18th, 2007, 5:38 am)
Thx! Very intresting links!
Grant (December 18th, 2007, 5:52 am)
Something we didn’t all know would have been nice!
Prasanth (December 18th, 2007, 6:13 am)
These menus are nice to look at. Difficult to use.
Kiki (December 18th, 2007, 10:12 am)
Been there… done that. Shall wait for next Monday’s Inspiration.
PixlNinja (December 18th, 2007, 10:25 am)
quite different menus, I like it !
Sean Hodge (December 18th, 2007, 10:37 am)
I was wondering if you had some samples not requiring the use of flash or javascript, but just straight html/css. Thx for the post.
IT Certification Training Videos (December 18th, 2007, 12:07 pm)
Great magazine, a little light in the post yes…. but great overall. I think the amount of great information you guys have been posting up until now more than cover a few light posts.
I’d really like a good article on html/css menus without flash/javascript, etc. Perhaps showing some great horizontal and vertical menus, and it’s effectiveness for SEO. Seems everything I’ve read about java menus, etc., have had some type of negative impact on overall SEO effectiveness.
Anyone else care to comment, I’d love to hear it.
c.crack (December 18th, 2007, 12:45 pm)
.ah,
this was ok.
i dont know anything about design, or poofs for that matter.
no.
anyway,
I subscribed to your feed, but its doesnt come through enough.
I usually like it when it does.
keep on trying!
Yalcin (December 18th, 2007, 2:38 pm)
cmon guys.. it’s almost end of year… I don’t mind a short post. got a bit on anyway.
outwindow (December 18th, 2007, 3:10 pm)
good jobs !
but they are difficult to use in commercial websites
Rhonda (December 18th, 2007, 5:32 pm)
Or you could use fridge stickers for your navigation as a friend of mine has done - see: Link [impress-cc.com.au]
tux86 (December 18th, 2007, 6:53 pm)
I thought about designing a paperstrip navigation months before, but this does not help me to create something brand new. It’s not as inspiring as the last weeks post was.
Merry Christmas (i guess this is the reason for the few posts in the last time)
Michael Skirde (December 18th, 2007, 7:00 pm)
Great idea! This will make the web more beautiful.
Barry McGee (December 18th, 2007, 7:37 pm)
Smashing Magazine is awesome, keep up the good work…
Those who criticize, you would almost think you were paying for the service!
tom (December 18th, 2007, 7:43 pm)
Similar navigation at Link [www.abedi.de]
deathhead (December 18th, 2007, 8:11 pm)
i don’t think these is greatest article you do. the paper strips is ugly. but smashing magazine is the best. i love you. will you marry me?
Evangelist (December 18th, 2007, 8:37 pm)
A good introduction to this style and some nice examples. It’s about time we had a short post ;) - it is Christmas after all and, a very Merry time to one and all..
3G (December 18th, 2007, 11:21 pm)
decent post, not sure why everyone feels the need to be 133t, but what i cant get over is when a site is very nice looking and its get butchered by a developer. Im a developer myself and i would never goof up like the first navigation did. Text is running into an image….eh whatever now i sound l33t, haha.
Yogi (December 18th, 2007, 11:47 pm)
Very very nice indeed.
Great post dude.
Nytryk (December 19th, 2007, 12:48 am)
WoW :-O
Robert (December 19th, 2007, 6:38 am)
They look nice but for my taste too playful to use on a serious website.
Hope (December 19th, 2007, 9:31 am)
There’s a similar paper strip or bookmark look here: Link [www.rosefu.net]
hurben (December 19th, 2007, 2:27 pm)
err.. outline:none;
Chris (December 19th, 2007, 7:33 pm)
Happy Christmas Smashing Magazine + F**k the begrudgers and moaners!
Steve Ranford (December 21st, 2007, 6:30 pm)
Hmmm… not sure about that. Interesting, but not very inspiring to be honest… still worth bringing to our attention though.
Keep up the good work.
Merry Christmas everyone!
arman (December 26th, 2007, 12:57 am)
wow!!
that is very nice
(a lot of a lot)
thanks
Robert Marbun (December 27th, 2007, 12:33 pm)
very nice!
kamal (January 1st, 2008, 3:36 am)
Great Resource
Jylan Wynne (January 3rd, 2008, 2:36 am)
I agree with the people saying that menu #3 is no good. It isn’t. There is no way that anybody could easily tell where the links go to.
sri (January 8th, 2008, 7:02 am)
Keep up the good work.
Ivan (January 23rd, 2008, 1:13 pm)
To the critics with menu#3: Are you going blind? Didn’t you see the hover effect on those big-big-reallyBIG letters on the top of the frame?
OMG…
ivan (April 23rd, 2008, 9:10 am)
no inspiring