4 frische Alternativen zum Hamburgermenü
Manche sagen, dass Webdesign langweilig geworden ist. Aktuelle Trends und High-End-Techniken legen die Regeln für die Creatives fest und spielen einen Low-Down-Trick für die Community. Jeder möchte im Mainstream sein und Produkte veröffentlichen, die viral werden; Das bedeutet, dass eine Million Schnittstellen wahrscheinlich die gleichen Funktionen haben.
Natürlich können Inhalte den Tag retten. Dennoch, die Wahrheit ist, dass viele dieser Schnittstellen gleich aussehen werden.
Seit einigen Jahren läuft das Hamburger-Menü-Icon. Es ist schwierig, es heutzutage eine "Begeisterung" zu nennen; Es ist schamlos überstrapaziert und fühlt sich für reaktionsschnelle Schnittstellen wie ein Muss an. Zweifellos hat es Vorteile: Es ist handlich, kompakt und intuitiv ... aber es ist trotzdem langweilig.
Ich meine, es sind nur drei Zeilen, die auf der rechten oder linken oberen Ecke sitzen, und das ist alles - eine primitive Glyphe, die zum Handeln aufruft. Heutzutage gibt es mehrere Möglichkeiten auf der Wildnis. Sie dienen der primären Rolle der Navigation und sehen gleichzeitig anders aus, indem sie sich bemühen, sich nicht langweilig zu fühlen. Einige von ihnen sind ein Hauch von frischer Luft, während andere nur gut vergessene alte Lösungen sind, die neu gestaltet wurden.
1. Navigation mit vertikaler Beschriftung
Vertikaler Schriftzug ist heutzutage ein brandneuer Trend. Es sieht immer frischer aus und hebt sich natürlich von den üblichen horizontal orientierten Inhalten ab. Außerdem benötigt es weniger Platz: nur eine schmale Linie. Dennoch ist es visuell gewichtig, da es fast auf die Höhe des Bildschirms gestreckt ist. Kompakt, informativ und zickig - eine ideale Lösung für zeitgemäße Designs.
VR-Sitzungen bringt uns nach Hause, wie man diese Art der Navigation erfolgreich implementiert. Das Team hat seine Navigation um 90 Grad gedreht und es zusammen mit dem Logo in einem eigenen Panel platziert. Nett und genial.
Am Anfang der Snake River Innenräume Website enthält eine banale Navigationsleiste in der Kopfzeile; Wenn Sie jedoch nach unten scrollen, verwandelt es sich nahtlos in das Menü mit vertikaler Typografie, das an der linken Seite klebt und den Besuchern folgt. Es ist sicherlich der Trick hier.
2. Menü verstreut über den Bildschirmrand
Es ist keine weit verbreitete Lösung, und normalerweise erfordert es eine angemessene Umgebung, wie ein zentriertes Layout mit wahrnehmbaren Rinnen um die Struktur; Nichtsdestotrotz ist es ein guter Weg, um Ihrer Navigation etwas Schwung zu verleihen. Wie zu erwarten ist, denken Sie, dass dieses Konzept nur für kleine Websites geeignet ist, die nicht mehr als vier innere Verzeichnisse haben, da es nur vier Ecken gibt. Nun, das stimmt nicht genau. Werfen Sie einen Blick auf die Titelseite von Stolz und Punsch .
Jede Ecke ist für ihre Information reserviert: Logotype, Socialies, Menü-Icon und schneller Zugriff auf den Bereich "Über". Das Team hat ihre Prioritäten geschickt festgelegt und alles sauber und einfach gehalten. während die Mannschaft hinter dem Kygo Leben hat sich selbst nicht eingeschränkt und den Freiraum so effektiv wie möglich genutzt. Die Homepage bietet viele Dinge, die sich am Rand der Seite befinden: CTAs, Navigationsindikatoren, soziale Medien, Logo und einige andere Dinge, was zu einem raffinierten Design führt.
3. Extrem schmales Slide-Out-Menü
Seitenleisten machen eine Rückkehr. Es ist nicht dramatisch, aber immer noch ziemlich wahrnehmbar. Sie sind schlanker, dünner, kompakter und eleganter als zuvor. Tatsächlich ist es nur eine sehr schmale Spalte, die mehrere Elemente enthält: Logo, Menüsymbol und je nach Vorliebe des Künstlers kann es sich um soziale Symbole, eine Verknüpfung zum Portfolio oder eine standardmäßige Paginierung des Helden-Sliders handeln. In der Regel befindet es sich auf der linken Seite und ist nahtlos integriert. In Bezug auf das Verhalten gleitet es in den meisten Fällen einfach heraus und deckt alle versteckten Elemente wie in mobilen Apps auf.
Das persönliche Portfolio von Maison Ullens kennzeichnet eins von diesen. Die Homepage ist in zwei ungleiche Teile aufgeteilt. Die erste ist eine Seitenleiste mit dem Logo und Link zum Menü und die zweite ist der primäre Inhaltsbereich. Die Lösung lenkt natürlich die Aufmerksamkeit auf den Bereich "Willkommen" und schafft gleichzeitig unauffällig einen Schwerpunkt.
4. Hoch aufragendes vertikales Menü
Man könnte sagen: "Das ist alte Geschichte." Ähnlich wie ein horizontales Menü scheint vertikale Navigation banal und trivial zu sein. Aber in der Ära der Hamburger-Menü-Taste sieht es auch aus wie ein Wahnsinn. Es kann sowohl gegen den einfarbigen als auch den transparenten Hintergrund verwendet werden. Es kann überall platziert werden; aber in der Regel ist es mit dem Logo gepaart.
Beispielsweise, Linmark ; Das Team verwendet eine traditionelle vertikale Navigation, die sorgfältig auf der rechten Seite des Bildschirms angeordnet ist. Es beginnt mit dem typbasierten Logo und endet mit den als Icons dargestellten Social-Media-Links. Die rechte Seite jeder Folie ist absichtlich weiß, so dass die Komponente den notwendigen Kontrast erhält, um die optimale Lesbarkeit zu erreichen. Die Lösung fühlt sich ungewöhnlich an.
Tvihorf begrüßt Online-Besucher mit dem aktivierten Menü, das als konventionelle vertikale Navigation dargestellt wird, wobei die Optionen Zeile für Zeile sorgfältig angeordnet werden. Es nimmt die führende Position ein, aber nicht dominierend. Wie Sie vielleicht erwarten, befindet es sich im Herzen der Seite und fällt vorhersehbar von den ersten Sekunden auf. Es sieht sauber, klar und subtil aus und passt perfekt zum Logo und der vorherrschenden Geschäftsatmosphäre.
Fazit
Wie das Sprichwort sagt, kleine Details machen einen großen Unterschied; und so ein gemeinsames Element des Website-Designs, da das Menü in der Lage ist, die allgemeine Ästhetik zu bereichern, einige nette Wendungen der Struktur hinzuzufügen und das Benutzererlebnis zu verbessern, wenn es sich von der Masse abhebt. Diese vier Arten der Navigation beeindrucken Ihre Besucher möglicherweise nicht mit ihrem unglaublichen dynamischen Verhalten oder ihrer komplizierten Umsetzung.
Sie werden sich einzigartig, erfrischend und originell fühlen.