4 friske alternativer til hamburgermenuen
Nogle siger, at webdesign er blevet kedeligt. Nuværende tendenser og avancerede teknikker etablerer reglerne for reklamerne og spiller et lavt trick på samfundet. Alle vil være i mainstream, og frigive produkter, der går virale; det betyder, at en million grænseflader sandsynligvis vil have de samme funktioner.
Selvfølgelig kan indholdet redde dagen. Alligevel er sandheden, at mange af disse grænseflader kommer til at se det samme ud.
I flere år har hamburger-menuikonet kørt showet. Det er svært at kalde det en "dille" i disse dage; Det er skamløst overbrugt og føles som et must-have til lydhørige grænseflader. Det har uden tvivl fordele: det er praktisk, kompakt og intuitivt ... men det er stadig kedeligt.
Jeg mener, det er kun tre linjer, der sidder på højre eller venstre øverste hjørne, og det er en primitiv glyph, der opfordrer til handling. I dag er der flere muligheder i naturen. De tjener navigationens primære rolle, og ser samtidig forskellig ud på at være hårdt for ikke at føle sig kedelig. Nogle af dem er et frisk pust, mens andre bare er glemte gamle løsninger, der blev fornyet.
1. Navigation med lodret bogstaver
Lodret bogstaver er en helt ny trend i disse dage. Det ser ud til at være friskere og skiller sig naturligvis ud fra det sædvanlige vandret orienterede indhold. Derudover tager det mindre plads: bare en smal linje. Ikke desto mindre er det visuelt vægtigt, da det strækkes næsten til skærmens højde. Kompakt, informativ og zingy-en ideel løsning til moderne design.
VR-sessioner bringer hjem til os, hvordan man implementerer denne type navigation med succes. Holdet har vendt sin navigation 90 grader, og placeret det i et dedikeret panel sammen med logoet. Nice og genialt.
I begyndelsen Snake River Interiors webstedet har en banal nav bar i overskriften Men når du begynder at rulle ned, forvandles det jævnt til menuen med lodret typografi, der sidder til venstre og følger gæsterne. Det gør sikkert det her.
2. Menu spredt rundt om skærmens omkreds
Det er ikke en udbredt løsning, og det kræver normalt et ordentligt miljø, som et centreret layout med mærkbare tagrør omkring strukturen; Ikke desto mindre er det en god måde at give dig noget til din navigation. Forudsigeligt tror du måske, at dette koncept er ideelt til små hjemmesider, der ikke har mere end fire indre mapper, da der kun er fire hjørner. Nå, det er ikke helt korrekt. Tag et kig på forsiden af Stolt og Punch .
Hvert hjørne er forbeholdt dets information: logotype, socials, menuikon og hurtig adgang til 'om' sektionen. Holdet har dygtigt identificeret deres prioriteter og holdt alt pænt og simpelt; mens holdet bag Kygo Life begrænsede sig ikke overhovedet ved at bruge det ledige rum så effektivt som muligt. Hjemmesiden indeholder mange ting, der ligger på siden af siden: CTA'er, navigationsindikatorer, sociale medier, logotype og nogle andre ting, hvilket resulterer i et smukt design.
3. Ultra-smal rulningsmenu
Sidebjælker giver retur. Det er ikke dramatisk, men stadig ret synligt. De er slicker, tyndere, mere kompakte og mere elegante end før. I virkeligheden er det kun en ultra-smal søjle, der huser flere elementer: logotype, menuikon og afhængig af kunstnerens præferencer kan det være sociale ikoner, link til portefølje eller standard ikonbaseret pagination af heltens skyder. Normalt er den placeret på venstre side og problemfrit integreret. Med hensyn til adfærd, i de fleste tilfælde glider det bare ud at afsløre alle de skjulte elementer som i mobile apps.
Den personlige portefølje af Maison Ullens har en af disse. Hjemmesiden er opdelt i to ulige dele. Den første er et sidebjælke med logotypen og link til menuen, og den anden er det primære indholdsområde. Løsningen retter naturligvis opmærksomheden mod 'velkomst'området og på samme tid opretholder et fokuspunkt.
4. Soaring lodret menu
Du kan måske sige, "Det er gammel historie." Ligesom en vandret menu synes lodret navigation at være banal og trivial. Men i æra med hamburger menuknappen ser det også ud som en dille. Det kan bruges både mod den solide farve og gennemsigtige baggrunde. Den kan placeres overalt; men som regel er det parret med logoet.
For eksempel, Linmark ; holdet bruger en traditionel vertikal navigation, der er omhyggeligt arrangeret på højre side af skærmen. Det starter med den typebaserede logotype og slutter med sæt af sociale medier links fremlagt som ikoner. Højre side af hvert objektglas er med vilje whitened, så komponenten får den nødvendige kontrast til at opnå den optimale læsbarhed. Løsningen føles usædvanlig.
Tvihorf glæder sig over online besøgende med den aktiverede menu, der præsenteres som en konventionel vertikal navigation, hvor mulighederne er omhyggeligt arrangeret linje for linje. Det indtager den ledende stilling, men ikke dominerende. Som du kan forvente, placeret i hjertet af siden, fanger det forudsigeligt øjet fra de første sekunder. Det ser godt ud, skarpt og subtilt, går perfekt sammen med logotypen og den fremherskende forretningsmæssige atmosfære.
Konklusion
Som det siger siger små detaljer en stor forskel; og sådan et fælles element i website design som menuen er i stand til at berige den generelle æstetik, tilføje nogle gode vendinger til strukturen og forbedre brugeroplevelsen, når det skiller sig ud fra mængden. Disse fire typer navigation kan ikke imponere dine besøgende med deres utrolige dynamiske opførsel eller intrikate realisering.
De vil bare føle sig unikke, forfriskende og originale.