Spaces. Smartes Cloud Hosting für anspruchsvolle Webprojekte. Loslegen und Spaces testen. Von Mittwald.
Sven Lennartz 7. April 2006

Collection of Web 2.0 Navigation Menus

Kein Beitragsbild

Moderne Menügestaltung nutzt CSS und geht sparsam mit Grafiken um. Kein Wunder, dass bei neuen Projekten hauptsächlich, wenn auch nicht ausschließlich, diese Art der Navigation zum Einsatz kommt. Unterstützende Icons finden sich eher selten. Die gute alte Ecke beherrscht noch das Geschehen. Unschwer zu erkennen – und nicht anders zu erwarten – orientiert sich der überwiegende Teil an aktuellen Trendfarben. Der Seitenhintergrund ist häufig weiß.

Diese Zusammenstellung ist lediglich eine Auswahl und soll der Inspiration dienen. Allzu einfache Exemplare wurden nicht aufgenommen. Der sichtbare Mauszeiger mag stören, er ist aber notwendig um eventuelle Hover-Effekte zu zeigen. Alle Abbildungen sind anklickbar.

              

Mylinkvault

 

Nooked

 

Zazzle

 

Lendmonkey

 

Chatsum

 

301url

Sitekreator

 

Django

 

Stikipad

 

Nuvvo

 

Shopify

 

Mercora

 

Cafepress

 

script.aculo.us

 

Trumba

 

Listsomething

 

Clickcaster

 

30gigs

 

Mayomi

 

Flyinside

 

Vcarious

 

Forumone

 

Dojo

 

Podtrac

 

Dpolls

 

Peerflix

 

24sevenoffice

 

Poserfish

 

iFolder

 

Box

 

Musicmobs

Zvents

 

Browster

 

Tagcloud

 

Bunchball

 

Photocase

 

Spymedia

 

Donorschoose

 

Evolvepoint

 

Socialtext

 

Jamendo

 

Blinksale

 

Secondsite

 

Mightyv

 

Bolt

 

Frappr

 

Veoh

 

Webcollaborator

 

Vsocial

 

Butterflyproject

 

Ourmedia

 

Flock

 

Zipingo

 

Skype

 

 

Eyeos

 

Goffice

 

Zoominfo

 

Mozy

 

Sixapart Comet

 

Zillow

 

Bryght

 

Listal

 

Lifelogger

 

Omnidrive

 

Civilnetizen

 

Dropsend

 

Mediamax Streamload

 

Strongspace

 

24 Eyes

Sven Lennartz

Sven Lennartz

Ex Webdesigner, Gründer von Dr. Web und Smashing Magazine. Heute ist Sven als Schriftsteller und Blogger unterwegs. Schau was er jetzt macht…

34 Kommentare

  1. Eine schöne Sammlung. Auch für IOS-Geräte geeignet?

  2. Nice collection!!! Great post! :)

  3. Hey danke für die tolle Liste, kann ich gut gebrauchen.

  4. very goood…very goood…

  5. @Sven Lennartz … Vielen Dank für die Rückmeldung. In der Tat habe ich das doch sehr weit zurückliegende Datum irgendwie nicht mitbekommen. Sorry.

  6. Very Nice Cheers

  7. ja, alle gezeigten menüs stammten von websites die dem bereich web 2.0 zugeordnet wurden. so erklärt sich das mit dem titel ;-)

    heute würde man das so nicht mehr hervorheben, der artikel ist ja schon 3 jahre alt.

  8. Ich weiß nicht, ob man sowas unbedingt unter „Web 2.0 Navigation Menus“ ablegen muss. Diese, ähnliche oder völlig andere Konzepte gab’s doch schon lange vorher. Nur weil jetzt irgendwo mal ein Verlauf o.ä. auftaucht, der andere einen glossy-Effekt wo hin klebt, ist’s doch noch lange nicht Web 2.0.

  9. very goood…
    i’m from brasil…

  10. Und hier mal meine Zusamenstellung von verschiedenen Navi designs:
    http://www.cssguru.de/?p=8

  11. Greate! Thats what I am looking for! BTW, do you have mouse move over TAB?

  12. Hello, check my new betapage and Create some Css Styles!

    Tabcreatr.com

  13. Sehr nette Ansammlung von Navigationen, die ein oder andere ist mir auch vorher schon bekannt gewesen. Bin eigentlich auf Suche nach einer kleinen und simplem prototype Navi… naja zur Inspiration reicht es!

    Grüsse

  14. Danke für die Aufstellung. Es ist interessant, wie ähnlich die Designs der blogsphäre sind.

  15. DynamicDrive bietet auch noch eine tolle Sammlung an.

  16. Impressive — that had to take some time.

  17. @ Konrad
    Du fragst **Oder ist Web 2.0 einfach nur ein Synonym für:
    „Internet heute“ oder „Aktuelles Internet“**
    Mein Schalk im Nacken, der mich drückt, deswegen nicht minder ernst es meint, gibt gerne Antwort:

    Web 2.0 ist, wenn die Ideen aus De endlich über den großen Teich geschwappt sind, dort aufgegriffen werden, um dann als große Neuigkeit in einem De Weblog angepriesen zu werden.

    Paradox wird das ganze erst, wenn dieses Weblog, das dem Web 2.0 Spruch huldigt in seinen Links rel=nofollow verwendet, weil dieses *nofollow* garantiert der Vernetzung dient.

    ;)

    höchst amüsiert über diese Entwicklung, die – wie man bei uns daheim sagt: von Elfe bis Mitag ( 11.00 bis Mittag )-sich halten wird.

    lg
    Monika,von webdesign-in.de

  18. Sehr schöne Übersicht … wirklich.
    Aber was hat das mit Web 2.0 zu tun?
    Oder ist Web 2.0 einfach nur ein Synonym für:
    „Internet heute“ oder „Aktuelles Internet“

  19. kurz zur erläuterung:

    web 2.0 steht drüber weil tatsächlich die meisten der menüs aus diesem umfeld stammen. warum das? weil es mir um den trend geht. was wird derzeit gemacht… das findet man am ehesten dort – auch wenn es millionen anderer websites, auch neuer websites gibt. die web 2.0 geschichten erhalten viel aufmerksamkeit und sind deshalb leicht zu finden. ich bin kein bot der mal am wochenende 100.000 seiten absurfen kann.

    seiten aus deutschland tauchen nicht auf weil – seien wir ehrlich – hier eben keine trends gesetzt werden. was hier gemacht wird, ist 1.) schlafen – 2.) jammern und 3.) (wenns hochkommt) kopieren. und das nicht erst seit web 2.0. und das liegt nicht daran, dass hier niemandem etwas einfällt. aber ich schweife ab…

  20. Fleissig. Ich sehe allerdings auch nur einen Haufen horizontale Menues. Und ich sehe, dass dieses Blog zur Sammlungen-Sammlung mutiert. Linkbaits.

  21. Hilfreiche Liste. Danke für die Aufstellung.

  22. Hi,

    schöne Auflistung, die sicher Müher gekostet hat.
    Als nächstes würde ich mir eine solche Auflistung für vertikale Menüs wünschen.

    Grüße ROb

  23. Ich glaube da war jemandem langweilig…

  24. I don’t see why this is web 2.0, it’s just a bunch of tabbed menu’s :)

  25. Eine schöne Auflistung (ganz gewöhnlicher) hübscher Menüs. Schön als Inspirationsquelle, aber was hat das jetzt mit Web 2.0 zu tun?

    @3
    Web 2.0 ist sicherlich gut gemeint. Aber als Unwort des Jahres geht das bei mir mittlerweile locker durch, weil es inzwischen einfach für alles benutzt wird was auch nur annähernd was mit (X)HTML zu tun hat. Bestes Beispiel dafür ist dieser Beitrag.

  26. Hmmm… sehr auffällig, dass nur _eine_ Webseite auf deutsch dabei ist (falls ich mich beim Drüberscrollen nicht verguckt habe). Ist das Zufall oder ist der „Web2.0“-Trend (Unwort des Jahres 2006?) noch nicht in Deutschland angekommen? Oder hat Dr.Web nur nicht im dt. Bereich geschaut?

    MfG
    Besucher

    PS: Die Grafik von script.aculo.us wurde vertauscht.

  27. Eine kleine Ergänzung zu dieser hervorragenden Liste – CSS Showcase: A gallery of navigation menus.

    Danke!

Schreibe einen Kommentar zu Alberto Lucas Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.