4 färska alternativ till hamburgaren menyn
Vissa säger webbdesign har blivit tråkigt. Aktuella trender och avancerade tekniker skapar reglerna för annonsmaterialen, spelar ett lågt ner knep på samhället. Alla vill vara i det vanliga, och släppa produkter som går virala; det betyder att en miljon gränsytor sannolikt kommer att ha samma egenskaper.
Naturligtvis kan innehållet spara dagen. Ändå är sanningen att många av dessa gränssnitt kommer att se ut på samma sätt.
I flera år har hamburgermenyikonen kört utställningen. Det är svårt att kalla det en "mani" i dessa dagar; Det är skamlöst överanvändt och känns som ett måste för responsiva gränssnitt. Utan tvekan har det fördelar: det är praktiskt, kompakt och intuitivt ... men det är fortfarande tråkigt.
Jag menar, det är bara tre linjer som sitter på höger eller vänster övre hörn, och det är en primitiv glyph som kallar till handling. Det finns flera alternativ i naturen nuförtiden. De tjänar navigeringens primära roll, och ser samtidigt ut olika försök att inte känna sig tråkiga. Några av dem är ett friskt luft medan andra bara är välglömda gamla lösningar som omarbetades.
1. Navigering med vertikal bokstäver
Vertikal bokstäver är en helt ny trend dessa dagar. Det ser alltmer fräsch ut och skiljer sig naturligt från det vanliga horisontellt inriktade innehållet. Dessutom tar det mindre utrymme: bara en smal linje. Det är dock visuellt viktigt eftersom det sträcker sig nästan till skärmens höjd. Kompakt, informativ och zingy-en idealisk lösning för samtida design.
VR-sessioner tar hem till oss hur man implementerar den här typen av navigering framgångsrikt. Teamet har vridit sin navigering 90 grader, och placerat den i en dedikerad panel tillsammans med logotypen. Trevligt och genialt.
I början, den Snake River Interiors Webbplatsen har en banal navfält i rubriken; Men när du börjar rulla ner, förvandlas den smidigt till menyn med vertikal typografi som håller sig åt vänster och följer besökarna. Det gör verkligen tricket här.
2. Meny utspridda runt skärmens omkrets
Det är inte en allmänt använd lösning, och vanligtvis kräver den en riktig miljö, som en centrerad layout med märkbara takrännor runt strukturen. Ändå är det ett bra sätt att ge dig en del av din navigering. Förutsägbart kan du tro att detta koncept är idealiskt endast för små webbplatser som inte har mer än fyra inbyggda kataloger eftersom det bara finns fyra hörn. Jo, det är inte exakt rätt. Ta en titt på framsidan av Stolt och Punch .
Varje hörn är reserverat för sin information: logotyp, socials, menyikon och snabb åtkomst till "om" -delen. Laget har skickligt identifierat sina prioriteringar och hållit allt snyggt och enkelt. medan laget bakom Kygo Life begränsa sig inte alls, med det fria utrymmet så effektivt som möjligt. På hemsidan finns många saker som finns på gränsen till sidan: CTA, navigationsindikatorer, sociala medier, logotyp och några andra saker, vilket resulterar i en snygg design.
3. Ultra-smal bildruta
Sidospärrar ger en avkastning. Det är inte dramatiskt, men fortfarande ganska märkbart. De är slicker, tunnare, mer kompakt och elegantare än tidigare. I själva verket är det bara en extremt smal kolumn som innehåller flera element: logotyp, menyikon och beroende på artistens preferenser kan det vara sociala ikoner, länk till portfölj eller standard ikonbaserad pagination av hjälteglidaren. Vanligtvis är den placerad på vänster sida och sömlöst integrerad. När det gäller beteende glider det i de flesta fall bara ut att avslöja alla dolda element som i mobilappar.
Den personliga portföljen av Maison Ullens har en av dessa. Hemsidan är uppdelad i två ojämna delar. Den första är ett sidofält med logotypen och länken till menyn och den andra är det primära innehållsområdet. Lösningen riktar naturligtvis uppmärksamheten mot "välkommen" området och på samma gång etablerar man en kontaktpunkt.
4. Soaring vertikal meny
Du kanske säger, "Det är antik historia." Mycket som en horisontell meny verkar vertikal navigering vara banal och trivial. Men i tiden med hamburger menyknappen ser det också ut som en mani. Den kan användas både mot den soliga färgen och genomskinliga bakgrunder. Den kan placeras var som helst; men som regel är det parat med logotypen.
Till exempel, Linmark ; laget använder en traditionell vertikal navigering som är noggrant anordnad på höger sida av skärmen. Den börjar med den typbaserade logotypen och slutar med uppsättningen sociala medier länkar presenteras som ikoner. Den högra sidan av varje bildglas är avsiktligt vitad så att komponenten får den nödvändiga kontrasten för att få optimal läsbarhet. Lösningen känns ovanlig.
Tvihorf välkomnar besökare på nätet med den aktiverade menyn som presenteras som en konventionell vertikal navigering där alternativen ordentligt arrangeras linje för rad. Den har den ledande positionen, men inte dominerande. Som du kan förvänta dig, ligger i hjärtat av sidan, fångar det förutsägbart ögat från de första sekunderna. Det ser snyggt ut, skarpt och subtilt, går perfekt med logotypen och den rådande affärsmässiga atmosfären.
Slutsats
Som sagt säger små detaljer en stor skillnad; och ett sådant gemensamt element i webbdesignen som menyn kan berika den allmänna estetiken, lägga till några fina snoddar till strukturen och förbättra användarupplevelsen när den sticker ut från mängden. Dessa fyra typer av navigering kan inte imponera på dina besökare med deras otroliga dynamiska beteende eller invecklade realisering.
De kommer bara att känna sig unika, uppfriskande och ursprungliga.