4 ferske alternativer til hamburgermenyen
Noen sier webdesign har blitt kjedelig. Nåværende trender og avanserte teknikker etablerer reglene for reklamene, og spiller et lavt nedslag på samfunnet. Alle ønsker å være i mainstream, og slippe produkter som går viral; Det betyr at en million grensesnitt sannsynligvis vil ha de samme funksjonene.
Selvfølgelig kan innholdet redde dagen. Likevel er sannheten at mange grensesnitt kommer til å se det samme.
I flere år har hamburger-menyikonet kjørt showet. Det er vanskelig å kalle det en "mani" i disse dager; Det er skamløst overnyttet, og føles som et must-ha for responsive grensesnitt. Uten tvil har det fordeler: det er praktisk, kompakt og intuitivt ... men det er fortsatt kjedelig.
Jeg mener, det er bare tre linjer som sitter på høyre eller venstre øverste hjørne, og det er alt en primitiv glyph som kaller til handling. Det er flere alternativer i naturen i dag. De tjener navigasjonens primære rolle, og ser samtidig forskjellig ut, og prøver ikke å føle seg kjedelig. Noen av dem er et pust av frisk luft mens andre bare er godt glemte gamle løsninger som ble revolusjonert.
1. Navigasjon med vertikal bokstavering
Vertikal bokstaver er en helt ny trend i disse dager. Det ser stadig frisk ut, og skiller seg naturlig ut fra det vanlige horisontalt orienterte innholdet. Dessuten tar det mindre plass: bare en smal linje. Ikke desto mindre er det visuelt weighty siden den strekkes nesten til skjermens høyde. Kompakt, informativ og zingy-en ideell løsning for moderne design.
VR-økter bringer hjem til oss hvordan du implementerer denne typen navigasjon med hell. Teamet har slått sin navigasjon 90 grader, og plassert den i et dedikert panel sammen med logoen. Hyggelig og genialt.
I begynnelsen, den Snake River Interiors Nettstedet har en banal navbar i overskriften; Men når du begynner å rulle ned, forvandles den jevnt til menyen med vertikal typografi som stikker til venstre og følger de besøkende. Det gjør absolutt det her.
2. Meny spredt rundt omkretsen på skjermen
Det er ikke en mye brukt løsning, og vanligvis krever det et skikkelig miljø, som et sentrert layout med synlige takrenner rundt strukturen. Likevel er det en god måte å gi litt glede til navigasjonen. Forutsigbart kan du tenke at dette konseptet bare er ideelt for små nettsteder som ikke har mer enn fire indre kataloger, siden det bare er fire hjørner. Vel, det er ikke akkurat riktig. Ta en titt på forsiden av Stolt og Punch .
Hvert hjørne er reservert for sin informasjon: logotype, socials, menyikon og rask tilgang til 'om' -delen. Teamet har oppnådd dyktighet sine prioriteringer, og holdt alt pent og enkelt; mens laget bak Kygo Life begrensede seg ikke i det hele tatt ved å bruke ledig plass så effektivt som mulig. Hjemmesiden inneholder mange ting som ligger på grensen til siden: CTAer, navigasjonsindikatorer, sosiale medier, logotype og noen andre ting, noe som resulterer i en stilig design.
3. Ultra-smal rullegardinmeny
Sidebjelker gir tilbake. Det er ikke dramatisk, men fortsatt ganske merkbart. De er slicker, tynnere, mer kompakte og mer elegante enn tidligere. Faktisk er det bare en ultra-smal kolonne som huser flere elementer: logotype, menyikon og avhengig av artistens preferanser kan det være sosiale ikoner, lenke til portefølje eller standard ikonbasert paginering av heltens skyvekontroll. Vanligvis er den plassert på venstre side og sømløst integrert. Når det gjelder oppførsel, i de fleste tilfeller, glir det bare ut å avsløre alle de skjulte elementene som i mobile apps.
Den personlige porteføljen av Maison Ullens har en av disse. Hjemmesiden er delt inn i to ujevne deler. Den første er et sidebar med logotypen og lenken til menyen, og den andre er det primære innholdsområdet. Løsningen retter naturligvis oppmerksomheten mot "velkomstområdet" og samtidig opprettholder et fokuspunkt på en diskret måte.
4. Soaring vertikal meny
Du kan kanskje si, "Det er gammel historie." Som en horisontal meny, ser vertikal navigasjon til å være banal og trivial. Men i himmelen på menyknappen for hamburger ser det også ut som en mani. Den kan brukes både mot den solide fargen og gjennomsiktige bakgrunner. Den kan plasseres hvor som helst; men som regel er det parret med logoen.
For eksempel, Linmark ; Teamet bruker en tradisjonell vertikal navigasjon som er nøye arrangert på høyre side av skjermen. Den starter med den typebaserte logotypen og slutter med settet av sosiale medier-linker som presenteres som ikoner. Høyre side av hvert lysbilde er med vilje blekket slik at komponenten får den nødvendige kontrast for å få optimal lesbarhet. Løsningen føles uvanlig.
Tvihorf Velkommen til nettbaserte besøkende med den aktiverte menyen som presenteres som en konvensjonell vertikal navigasjon der alternativene er nøye ordnet linje for linje. Den har den ledende posisjonen, men ikke dominerende. Som du kanskje forventer, ligger i hjertet av siden, blir det forutsigbart få øyet fra de første sekundene. Det ser pent ut, skarpt og subtilt, går perfekt med logotypen og den rådende forretningsmessige atmosfæren.
Konklusjon
Som sagt sier små detaljer en stor forskjell; og et slikt felles element i nettstedet design som menyen er i stand til å berikke den generelle estetikken, legge til noen fine vendinger til strukturen, og forbedre brukeropplevelsen når det skiller seg ut fra mengden. Disse fire typer navigasjon kan ikke imponere dine besøkende med sin utrolige dynamiske oppførsel, eller intrikate realisering.
De vil bare føle seg unike, forfriskende og originale.