15 Ideen für die Navigation

Werbung

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

Screenshot

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

Screenshot

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

Screenshot

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

Screenshot

Die gewählte Rubrik macht sich auf besondere Weise bemerkbar

Screenshot

Farbenfroh

Screenshot

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

Screenshot

Ein bisschen Grunge

Screenshot

Augenschmaus für Typofreunde: Bonfire Media

Screenshot

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

Screenshot

Auch Artgeex nutzt die Möglichkeiten der Schrift

Screenshot

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

Screenshot

Mit Aufwand iconisiert

Screenshot

Flash mit Farbeffekt

Screenshot

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

Screenshot

Weitere Beiträge:

Über 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 5. Mai 2008 at 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 5. Mai 2008 at 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 5. Mai 2008 at 06:29 #

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

  4. Marcus Scheller 5. Mai 2008 at 08:30 #

    danke für die sammlung.

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

  5. Rainer 5. Mai 2008 at 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 5. Mai 2008 at 13:08 #

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

  7. Mark Rotmund 5. Mai 2008 at 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 5. Mai 2008 at 16:08 #

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

  9. Ingo 5. Mai 2008 at 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. tom 6. Mai 2008 at 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…

  11. matze 7. Mai 2008 at 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.

  12. tom 7. Mai 2008 at 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 :-)

  13. wolfi 8. Mai 2008 at 16:07 #

    sorry, aber die webagentur meerbusch seite ist grauenvoll…

  14. webpixelkonsum 9. Mai 2008 at 21:46 #

    Mein persönlicher Favorit ist gleich das erste Navigationsbeispiel.

    Ralph

  15. Hanno 10. Mai 2008 at 13:01 #

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

  16. Kazim Karadag 16. Januar 2010 at 12:01 #

    Hallo die sind alle gut denke ich
    danke schön

Trackbacks

  1. ナビゲーションデザインのための15のアイデア集 | LIFE Script! from AvanHeart - 5. Mai 2008

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

  2. ナビゲーションメニューのデザイン総まとめ - DesignWalker - 9. Dezember 2008

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

  3. ナビゲーションメニューのデザイン総まとめ | DesignWalker - 10. Dezember 2008

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

Hinterlasse eine Antwort

Bitte bei weiteren Kommentaren per Email benarichtigen! Auch möglich: Abo ohne Kommentar.

Spam protection by WP Captcha-Free