Collection of Web 2.0 Navigation Menus

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

Screenshot

 

Nooked

Screenshot

 

Zazzle

Screenshot

 

Lendmonkey

Screenshot

 

Chatsum

Screenshot

 

301url

Screenshot

Sitekreator

Screenshot

 

Django

Screenshot

 

Stikipad

Screenshot

 

Nuvvo

Screenshot

 

Shopify

Screenshot

 

Mercora

Screenshot

 

Cafepress

Screenshot

 

script.aculo.us

Screenshot

 

Trumba

Screenshot

 

Listsomething

Screenshot

 

Clickcaster

Screenshot

 

30gigs

Screenshot

 

Mayomi

Screenshot

 

Flyinside

Screenshot

 

Vcarious

Screenshot

 

Forumone

Screenshot

 

Dojo

Screenshot

 

Podtrac

Screenshot

 

Dpolls

Screenshot

 

Peerflix

Screenshot

 

24sevenoffice

Screenshot

 

Poserfish

Screenshot

 

iFolder

Screenshot

 

Box

Screenshot

 

Musicmobs

Screenshot

Zvents

Screenshot

 

Browster

Screenshot

 

Tagcloud

Screenshot

 

Bunchball

Screenshot

 

Photocase

Screenshot

 

Spymedia

Screenshot

 

Donorschoose

Screenshot

 

Evolvepoint

Screenshot

 

Socialtext

Screenshot

 

Jamendo

Screenshot

 

Blinksale

Screenshot

 

Secondsite

Screenshot

 

Mightyv

Screenshot

 

Bolt

Screenshot

 

Frappr

Screenshot

 

Veoh

Screenshot

 

Webcollaborator

Screenshot

 

Vsocial

Screenshot

 

Butterflyproject

Screenshot

 

Ourmedia

Screenshot

 

Flock

Screenshot

 

Zipingo

Screenshot

 

Skype

Screenshot

 

 

Eyeos

Screenshot

 

Goffice

Screenshot

 

Zoominfo

Screenshot

 

Mozy

Screenshot

 

Sixapart Comet

Screenshot

 

Zillow

Screenshot

 

Bryght

Screenshot

 

Listal

Screenshot

 

Lifelogger

Screenshot

 

Omnidrive

Screenshot

 

Civilnetizen

Screenshot

 

Dropsend

Screenshot

 

Mediamax Streamload

Screenshot

 

Strongspace

Screenshot

 

24 Eyes

Screenshot

Als Gründer habe ich Magazine für Webdesigner und -Entwickler aufgebaut. Das Smashing Magazine, das zu den 10 bekanntesten und trafficstärksten Blogs der Welt gehörte. Oder das Dr. Web Magazin, das nicht nur als Blog in Deutschland ganz vorn dabei war. Ich helfe dir, im Internet mit Blogs und Webseiten Erfolg zu haben.

Sortiert nach:   neueste | älteste | beste Bewertung
Vitaly Friedman
Gast
10 Jahre 1 Monat her

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

Danke!

trackback

[…] Wer in Punkto Navigationsmenü gerade mal eine Inspiration sucht, der schaue zu Dr. Web in Blog. Unter dem Titel “Collection of Web 2.0 Navigation Menus” ist dort eine schöne Zusammenstellung CSS-basierter Menüs zu finden. Also weniger Grafik, mehr CSS. […]

Besucher
Gast
Besucher
10 Jahre 1 Monat her

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.

trackback

[…] Dr. Web Weblog » Blog-Archiv » Collection of Web 2.0 Navigation MenusTags: web2list […]

Funbug
Gast
10 Jahre 1 Monat her

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.

trackback
10 Jahre 1 Monat her

Navigation im Web 2.0

Ja das ewige Web 2.0, jeder hat es, jeder erwähnt es und keiner weiß was es eigentlich heißt. Tatsache ist nun aber einmal, dass die "Sozialen Dienste", die wie Pilze oder Unkraut , aus dem Boden schießen ein sehr einh…

Rick
Gast
Rick
10 Jahre 1 Monat her

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

Beate
Gast
Beate
10 Jahre 1 Monat her

Ich glaube da war jemandem langweilig…

trackback
10 Jahre 1 Monat her

[…] ProcessLibrary.com – The online resource for process information!Dr. Web Weblog » Blog-Archiv » Collection of Web 2.0 Navigation MenusCSS Showcase | CSS Navigation Menus, Tabs and CSS Navigation Techniques Showcase […]

Rob
Gast
Rob
10 Jahre 1 Monat her

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

trackback

Und die nächste Linkliste

Ich denke, so langsam muss ich eine neue Kategorie einrichten:
Linklisten, Linksammlungen, Quellensammlungen usw…
Es tauchen immer mehr solcher und vor allem brauchbarer Sammlungen auf, besonders bei DrWeb…
Hier ist wiedermal so eine:
Colle…

trackback

[…] Do you have designer’s block? Not sure how to create a navigation menu? If so, check out Dr. Web’s collection of Web 2.0 Navigation Menus! […]

trackback

[…] Dr. Web Weblog » Blog-Archiv » Collection of Web 2.0 Navigation Menus (tags: web2list) […]

trackback

[…] Navigationsleisten. Der Trend geht eindetig zu hellen, klaren Farben aus dem Buntstiftkasten und dezenten 3D-Effekten, die sich deutlich von den wilden Schattenwürfen der frühen Internetjahre abheben. […]

trackback

[…] Wenn ich das vorher gewußt hätte: Doktor Web listet Beispiele für die Navigationsleisten von Web 2.0-Diensten auf. Da ist die eine oder andere Anregung bestimmt dabei. […]

trackback

[…] Die meisten Navigation-Menüs werden heutzutage hauptsächlich nur noch mit Hilfe von CSS und mit wenig bis keinen graphischen Elementen gestaltet. Bei Dr. Web können eine Reihe interessanter Navigation-Menü zur Inspiration angesehen und ausgetestet werden. Diese Navigationen haben zwar wenig mit dem Unwort Web 2.0 zu tun gehören aber zu fast jeden modernen Webauftritt. Stichwort: css, webdesign […]

Kalyxo
Gast
10 Jahre 1 Monat her

Hilfreiche Liste. Danke für die Aufstellung.

Elmar
Gast
Elmar
10 Jahre 1 Monat her

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

trackback
10 Jahre 1 Monat her
[…] Immaginate un’ombra senza corpo che vi insegue tentando di fondersi con la vostra. E’ quanto succede in Shadow, installazione interattiva di Adam Frank .::. Circuit Simulator Applet .::. Solo per Windows, ScreenJot (17 Kb!) è la killer application per lo screen capture. Una volta lanciato il programma basta premere ctrl+shift+5 e selezionare l’area dello schermo da catturare .::. Why Women Have Breasts (un’incredibile analisi antropologica su una questione tutt’altro che scontata) .::. Web 2.0 Navigation Menus & Palette & Logos. Posted at 12:20:06 AM by Giavasan Slightly Related Posts: High-Tech Dictionary EmoticonsSpamHasta la VistaSuggerimentiSaldi […]
Sven Lennartz
Gast
10 Jahre 1 Monat her
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… Read more »
trackback
10 Jahre 1 Monat her

Collection of Web 2.0 Navigation Menus

In diesen Tagen scheinen die Sammlungen von Design-Elementen wahre Hochkonjunktur zu bekommen. Wer seine Navigation im Frühling überarbeiten und anpassen will, der kann sich in der „Collection of Web 2.0 Navigation Menus“ bei Dr.Web einige Anregung…

trackback

[…] PS: Aktueller Fall sind die oft hilfreichen und manchmal etwas kritikloseen Linklisten im Dr. Web Blog, z.B. zum Thema Web2.0-Navigation (Tabbed Menues). Filed in Allgemein · Tags: SEO, Blogkultur […]

Konrad
Gast
10 Jahre 1 Monat her

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“

trackback
10 Jahre 1 Monat her

[…] Estos son algunos de los que aparecen en esta coleccion de menus “web 2.0″, algunos muy bonitos y otros bastante cutres. […]

Monika
Gast
Monika
10 Jahre 1 Monat her
@ 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… Read more »
trackback

[…] Collection of Web 2.0 Navigation Menus Dr. Web Weblog (tags: webdesign kommunikationsdesign) […]

trackback
10 Jahre 1 Monat her

Navigationssystem

Das Dr. Web Weblog zeigt eine ganze Reihe von Hauptnavigationen von top-aktuellen und supermodernen State-of-the-Art Websites (Nein, ich vermeide jetzt ganz bewußt die nervige Angabe einer bestimmten Web-Versionsnummer in dem Zusammenhang!).
Wi…

trackback
10 Jahre 1 Monat her

Get all the 2.0 lists in OPML!

Do you want a list of all the links on a page in OPML so you can pop it into your fav readinglist reader?
Using this URL http://ouseful.open.ac.uk/pagelinks2opml.php?url=http://reblogger.wordpress.com
you can get exactly that. Remember to insert your o…

trackback
[…] Das Web der Zukunft designen Der Begriff Web 2.0 beschreibt nicht nur technische Innovationen des Internets. Auch wenn die Medien dies so nach Außen tragen. Keine Anwendung wäre auch nur halb so schön zu benutzen, hätte sie kein freundliches, dem System angepasstes Erscheinungsbild. Das Interface-Design der Anwendungen spielt eine ungeahnt große Rolle für Web 2.0-Anwendungen. Eine Idee, wie groß diese Rolle ist, erfährt man bei Dr. Web. Im Speziellen die Menüs von Web 2.0-Anwendungen, die Farben, und Logos. Auch wenn dieses Weblog die neuen Trends nur beobachtet, so gibt es auch hier in diesem kleinen Blog ein zukunftsorientiertes Design-Gimmick.… Read more »
trackback

[…] Menús del web 2.0, curioso que casi todos estos sitios no usan muchas listas verticales. vía En: Internet, outbox, Web Dos Cero — Abril 19, 2006 […]

trackback
10 Jahre 1 Monat her

[…] OK this website may not be in english, but you really only need to look at the images. A big collection of navigation menus from alot of the web 2.0 websites. « CSS navigation menu showcase   […]

trackback

[…] Very handy list of pretty navbars for download […]

trackback
10 Jahre 1 Monat her

[…] Ancora menu di navigazione in CSS, ma trattasi di una collazione dei menu di navigazione di alcuni siti web 2.0 […]

Andy Brudtkuhl
Gast
10 Jahre 1 Monat her

Impressive — that had to take some time.

trackback

[…] – Furl BOOKMARK THIS POST: del.icio.us – Furl – Simpy – Watchlist – digg RELATED: Furl – Waypath «« Previous: Feedburner emailsubscription […]

trackback

[…] This is kind of fascinating, in an ultra-web-geekish way: a collection of Web2.0 nav bars. Something sort of Zen about it. […]

trackback
[…] eConsultant (topic-based website) TechCrunch company index (topic-based blog) Virtual Karma – Complete List of Web 2.0 Applications (A-Z blog post) Sacred Cow Dung – All things web (topic list blog post) Map of the Web 2.0 World (wiki) categoriz (topic-based website) NEOBinaries (topic-based website) – user reviews, ratings, inhouse blog BuzzShout (memedigger) – submit a service, ratings, tags, logos Web 2.0 list (memedigger) – submit a service, ratings, tags, external tags, logos Everything 2.0 – 060416 Onehundredandsix additions to The List (topic-based blog post) Dr. Web Weblog – Collection of Web 2.0 Navigation Menus (blog post) Web 2.0 Companies… Read more »
trackback

[…] Collection of Web 2.0 Navigation Menus (tags: webdesign Navigation menus inspiration css web2.0 design) […]

Alberto Lucas
Gast
10 Jahre 5 Tage her

Good Collection!

trackback
9 Jahre 11 Monate her

[…] Dr. Web Weblog » Blog-Archiv » Collection of Web 2.0 Navigation Menus […]

trackback

[…] Dr. Web Weblog » Blog-Archiv » Collection of Web 2.0 Navigation Menus Exemplos e mais exemplos de estilos de navegação em sites da dita WEB 2.0 (tags: css webdesign web2.0 Navigation menus design inspiration) […]

trackback

[…] Dr. Web Weblog » Blog-Archiv » Collection of Web 2.0 Navigation Menus (tags: css webdesign web2.0 menus) […]

trackback

[…] Navigation Menus Collection of Web 2.0 Navigation Menus […]

trackback

[…] Dr. Web Weblog » Blog-Archiv » Collection of Web 2.0 Navigation Menus Exemplos e mais exemplos de estilos de navegação em sites da dita WEB 2.0 (tags: css webdesign web2.0 Navigation menus design inspiration) […]

trackback

[…] Dr. Web Weblog » Blog-Archiv » Collection of Web 2.0 Navigation Menus Exemplos e mais exemplos de estilos de navegação em sites da dita WEB 2.0 (tags: css webdesign web2.0 Navigation menus design inspiration) […]

trackback

[…] Collection of Web 2.0 Navigation Menus […]

think
Gast
9 Jahre 6 Monate her

DynamicDrive bietet auch noch eine tolle Sammlung an.

Juristische Sicht
Gast
9 Jahre 5 Monate her

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

trackback

[…] Collection of Web 2.0 Navigation Menus Meiner Meinung nach einer Super Auflistung bei der man sich Anregungen für sein eigenes Projekt holen kann. […]

trackback
9 Jahre 4 Monate her
[…] Nie wszyscy wiedzą, że Web2.0 to nie jest przede wszystkim stylistyka tworzenia stron, a po prostu era stron społecznościowych – tak to mogę najogólniej nazwać. Takim stronom oczywiście towarzyszą odpowiednio zaprojektowane designy. Wyróżniają się zwykle jakimiś przyjaznymi dla oka układami, minimum tekstu, a maksimum treści, czasem też zaokrąglone narożniki, zwykle są to serwisy bardzo “usability”, którym termin dostępności z reguły nie jest obcy. Lecz wyznaczniki tego typu designów są umowne. Dlatego też są bardzo zachwiane… Niektórzy uznają, że jeden design jest web.dwa.zerowy, a inni twierdzą, że to jeszcze ta stara era internetu, sięgająca czasów, kiedy to Onet.pl był zwykłym… Read more »
wpDiscuz

Mit der Nutzung unseres Angebots erklärst du dich damit einverstanden, dass wir Cookies verwenden. Weitere Informationen

Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren, Funktionen für soziale Medien anzubieten und die Zugriffe auf unsere Website zu analysieren. Dadurch geben wir nicht personenbezogene Informationen zur Nutzung unserer Website an unsere Partner für soziale Medien, Werbung und Analysen weiter. Nähere Informationen findest du in unserer Datenschutzerklärung. Durch die Weiternutzung unserer Website (oder das ausdrückliche Klicken auf "Einverstanden") gehen wir davon aus, dass du mit der Verwendung von Cookies einverstanden bist.

Schließen