Paper Strips Menus

Advertisement

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?

Paper Strips Menu
Deb Sofield sticks posts on a paper pile.

Paper Strips Menu
A menu in the shape of coloured loops.

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

Paper Strips Menu
The navigation menu is simple, nice and fits perfectly to the overall design; navigation options appear to stick out of the content area.

↑ Back to top

Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Sven is now writing Science Fiction Stories.

  1. 1

    very nice!

    0
  2. 2

    Very Boring!

    0
  3. 3

    A bit short, hmm?

    0
  4. 4

    hmm.. holidays got smashing down? posts have been thin lately… thanks for the monday post

    0
  5. 5

    Interesting, but not very inspiring. :-)

    0
  6. 6

    One post per week and this short?

    I still love this site though ;-)

    0
  7. 7

    I think subjects have finished for your blog.

    0
  8. 8

    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 ..

    0
  9. 9

    uhh…smashing rules, think maybe they have lives? or family? calm down guys!

    0
  10. 10

    I would suggest staying away from the mystery nav like example 3. Most people will have no idea what those are supposed to mean.

    0
  11. 11

    Nice gallery and idea. Smashing magazine is the best webDesign Gallery.

    0
  12. 12

    somehow i hope SM will find better topics, but i’m yet thankful for those great resources of the past.

    0
  13. 13

    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!

    0
  14. 14

    Interesting, thanks!

    0
  15. 15

    Next week on smashing magazine : How to build a 3 column, 2 row table using only .html

    0
  16. 16

    looks really effective, love the tie idea.

    Good stuff!!

    0
  17. 17

    Please tell me the spelling of “Tonight” on the first website is a deliberate mistake! If not, that voice coach needs to change jobs.

    0
  18. 18

    I dont like the third example… These icons doesn’t show clearly what they mean…. =/

    0
  19. 19

    not inspiring, sory

    0
  20. 20

    From the “About us” section of this site (emphasis is my own):

    We don’t try to convince you with the quantity, but with the quality of the information we present. That’s what makes us different. In fact, we smash you with the information which will make your life easier. Really.

    0
  21. 21
  22. 22

    hello!!! look this!!! the menu is very similar!!! http://www.valentinaolini.com

    0
  23. 23

    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!

    0
  24. 24

    Beautiful. If only I could do cool site design…I’m learning, at least. :)

    0
  25. 25

    Nice but useless

    0
  26. 26

    Thx! Very intresting links!

    0
  27. 27

    Something we didn’t all know would have been nice!

    0
  28. 28

    These menus are nice to look at. Difficult to use.

    0
  29. 29

    Been there… done that. Shall wait for next Monday’s Inspiration.

    0
  30. 30

    quite different menus, I like it !

    0
  31. 31

    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.

    0
  32. 32

    IT Certification Training Videos

    December 18, 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.

    0
  33. 33

    .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!

    0
  34. 34

    cmon guys.. it’s almost end of year… I don’t mind a short post. got a bit on anyway.

    0
  35. 35

    good jobs !
    but they are difficult to use in commercial websites

    0
  36. 36

    Or you could use fridge stickers for your navigation as a friend of mine has done – see: http://impress-cc.com.au/

    0
  37. 37

    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)

    0
  38. 38

    Great idea! This will make the web more beautiful.

    0
  39. 39

    Smashing Magazine is awesome, keep up the good work…

    Those who criticize, you would almost think you were paying for the service!

    0
  40. 40
  41. 41

    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?

    0
  42. 42

    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..

    0
  43. 43

    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.

    0
  44. 44

    Very very nice indeed.
    Great post dude.

    0
  45. 45
  46. 46

    They look nice but for my taste too playful to use on a serious website.

    0
  47. 47

    There’s a similar paper strip or bookmark look here: http://www.rosefu.net

    0
  48. 48

    err.. outline:none;

    0
  49. 49

    Happy Christmas Smashing Magazine + F**k the begrudgers and moaners!

    0
  50. 50

    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!

    0
  51. 51

    wow!!

    that is very nice

    (a lot of a lot)
    thanks

    0
  52. 52

    very nice!

    0
  53. 53

    Great Resource

    0
  54. 54

    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.

    0
  55. 55

    Keep up the good work.

    0
  56. 56

    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…

    0
  57. 57

    no inspiring

    0

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top