Navigation

15 Ideen für die Navigation

5. Mai 2008
von

Immer wieder findet man Neues. Nicht alles passt überall hin und ist immer praktisch. Doch gute Ideen machen Spaß und beflügeln die eigene Kreativität. Was man mit Farbe, Schrift und wenigen Zutaten so alles anstellen kann…

Wer mehr sehen will, es gibt weitere Beiträge zum Thema:

Wire&Twine ist ein Shop im derzeit aktuellen Bastellook mit Klebestreifen, Holztextur und papierähnlichen Reitern

wireandtwine foto

Ähnliches im nächsten Fall. Papier kommt sowohl waagerecht oben als auch senkrecht vor

nando foto

Auch hier: Papier. Bei Mausberührung wird die Pappe passend gelocht

scrape foto

Die Navigation des Weblogs Cultfoo erinnert nicht zufällig an eine eindimensionales Tagwolke

cultfoo foto

Die gewählte Rubrik macht sich auf besondere Weise bemerkbar

actionhead foto

Farbenfroh

rcpopart foto

Nicht eben ein Ausbund an Eindeutigkeit. Hat dafür nicht jeder. Die seitlich angebrachten Reiter klappen sich bei Berührung aus

bloggraphic foto

Ein bisschen Grunge

nooteboom foto

Augenschmaus für Typofreunde: Bonfire Media

bonfire foto

Ein ähnliches Prinzip. Hier hovert es zusätzlich noch farbig

ashvegas foto

Auch Artgeex nutzt die Möglichkeiten der Schrift

artgeex foto

Und was ist das hier? Hinter jedem Klötzchen verbirgt sich ein Bild

russell foto

Mit Aufwand iconisiert

oypro foto

Flash mit Farbeffekt

ipvapii foto

Reichlich verziert und auch noch aufgehängt: Webagentur-Meerbusch

meerbusch foto

 foto

Sven Lennartz

Sven ist der Erfinder des Dr. Web Magazins, Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Texter früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH.

19 Kommentare zu „15 Ideen für die Navigation

  1. Philipp Küng am 5. Mai 2008 um 00:32

    Solches Anschauungsmaterials ist immer wieder gut zu gebrauchen, um auch die Designer-Ader in mir zu befriedrigen.
    Doch leider machen einige immer noch viele Fehler bei ihrem Design. Denn es genügt halt nicht eine gute Grafik auf der Seite zu haben (resp. ein schönes Menü) sondern der Rest des Seiteninhaltes sollte auch zum Grunddesign passen. (Was durchaus nicht immer einfach ist)

  2. Moser am 5. Mai 2008 um 00:49

    Wobei man anmerken sollte, dass auch die Rechtschreibung beachtet werden sollte, Design alleine ist auch nicht alles, und Schreibfehler in der Navigation sind schon sehr peinlich. Bei der Webagentur-Meerbusch sind mehrere Fehler oder zumindest Streitfälle: Nach Fragen (Wer, Was, Warum) kommt ein Fragezeichen, kein Ausrufezeichen, bei “Wer sind wir den?” Fehlt ein “n”, ausserdem kommt vor Satzzeichen kein Space.

    Partner Seiten, Web-Design etc. würde ich zusammenschreiben, wenn es getrennt sein soll, dann zumindest auch das zweite Wort in Großschreibung und immer mit Bindestrich. Sollte zumindest einheitlich sein.

    Bei einer solchen Agentur würde ich niemals eine Website in Auftrag geben!

  3. Stephan am 5. Mai 2008 um 06:29

    @ Moser: Stimmt. Achja, laufen schreibt man klein!

  4. Marcus Scheller am 5. Mai 2008 um 08:30

    danke für die sammlung.

    am ende muss ich sagen dass – wieder mal – die tab navigation (1) am überzeugendsten ist …

  5. Rainer am 5. Mai 2008 um 12:02

    Der alte Spruch “außen hui, innen pfui” trifft leider auch immer wieder im Verhältnis “Design / Text” zu.

    Zitat aus schon erwähnter Website:
    “Die Webagentur-Meerbusch Erstellt Seite einigen Jahren intensiv professionellen Internetseiten.”

    Ich will hier keinen isolierten Fall aburteilen und es liegt mir fern, damit jemanden lächerlich zu machen, aber sowas schreckt aufmerksame Auftraggeber ab. Wer es nicht besser kann, aus welchem Grund auch immer (vielleicht Legasthenie?), sollte sich von Leuten helfen lassen, die es sicher beherrschen. Das ist im professionellen Geschäftsauftreten unbedingt wichtig.

  6. Matthias am 5. Mai 2008 um 13:08

    Der Link bei “Ein ähnliches Prinzip. Hier hovert es zusätzlich noch farbig” ist falsch. :)

  7. Mark Rotmund am 5. Mai 2008 um 16:00

    Hi,

    sehr schicke Navis sind da dabei. Die aber beste Navi die ich gesehen habe ist auf idesignhp ~ kreatives Webdesign zu finden.

    gruß

  8. Janaros am 5. Mai 2008 um 16:08

    Warum lassen diese Leute nicht mal Bekannte einen Blick drauf werfen, denn werden solche Fehler vermieden.

  9. Ingo am 5. Mai 2008 um 16:47

    Ja, ja
    Meine Herren ich habe verstanden !!;-)
    Ich werde mich um ein Unternehmen für die Texte bemühen.

    Aber nicht das Thema aus den Augen verlieren.

  10. [...] → 15 Ideen für die Navigation – Dr. Web Weblog [...]

  11. tom am 6. Mai 2008 um 22:49

    Hmm, wennn ich mich recht erinnern kann haben sich die Gestalter der Agentur Meerbusch auch stark von einer bereits vorhandenen Website inspirieren lassen. Leider finde ich die Domain im Moment nicht, aber es war irgendwas mit oat (oat eng. = Hafer), die hatte einen ganz ähnlichen Aufbau und auch ähnliche Elemente in der Headgrafik. Kennt die jemand von euch?

    Kann natürlich auch sein, dass ich mich täusche, ich will hier nix anprangern…

  12. matze am 7. Mai 2008 um 11:00

    Ich glaube die,gestaltung von der oben genannten Agentur, war ehr da. Zumindest habe ich die Seite ca. vor einem 3/4 Jahr schon mal gesehn. Nicht ganz so ausgebaut aber der Header mit den Büchern und den Eiern war schon drin.

  13. tom am 7. Mai 2008 um 17:01

    Vielleicht war´s ja auch umgekehrt :)

    Aber die Seite die ich zuerst gesehen hab, war technisch auf jeden Fall sauberer umgesetzt, kann mich echt nicht mehr an die URL erinnern – kennt die keiner?! Wie gesagt, irgendwas mit oat…

    Aaaah ich hasse das :-)

  14. wolfi am 8. Mai 2008 um 16:07

    sorry, aber die webagentur meerbusch seite ist grauenvoll…

  15. webpixelkonsum am 9. Mai 2008 um 21:46

    Mein persönlicher Favorit ist gleich das erste Navigationsbeispiel.

    Ralph

  16. Hanno am 10. Mai 2008 um 13:01

    Warum http://www.idesignhps.de so gut sein soll kann ich nicht erkennen.

  17. [...] 15 Ideen für die Navigation [...]

  18. [...] 15 Ideen für die Navigation [...]

  19. Kazim Karadag am 16. Januar 2010 um 12:01

    Hallo die sind alle gut denke ich
    danke schön

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!

*