4 Čerstvé alternativy k menu Hamburger
Někteří říkají, že webový design se stal nudným. Současné trendy a špičkové techniky stanovují pravidla pro kreativy a hrají na komunitě nižší trik. Každý chce být v hlavním proudu a uvolňovat produkty, které jsou virální; to znamená, že milion rozhraní má pravděpodobně stejné vlastnosti.
Obsah samozřejmě může zachránit den. Přesto je pravda, že hodně z těchto rozhraní bude vypadat stejně.
Již několik let se v hamburgerové nabídce zobrazuje ikona menu. V dnešní době je těžké nazývat to "šílenství"; to je bezostyšně nadužíváno a cítí se jako nutná pro citlivé rozhraní. Bezpochyby má výhody: je šikovný, kompaktní a intuitivní ... ale přesto je to nudné.
Myslím, že jsou to jen tři řádky, které sedí v pravém nebo levém horním rohu a to je vše - primitivní glyf, který volá po akci. V dnešní době je v divočině několik možností. Slouží primární roli navigace a zároveň vypadá jinak, snaží se těžko necítit nudné. Některé z nich jsou dech čerstvého vzduchu, zatímco jiní jsou jen dobře zapomenuté staré řešení, které byly upraveny.
1. Navigace s vertikálními písmeny
Vertikální písmo je v dnešní době zbrusu nový trend. Vypadá stále čerstvější a přirozeně vyniká z obvyklého obsahu orientovaného na vodorovně. Navíc trvá méně místa: jen úzká linie. Nicméně je vizuálně těžký, protože se táhne téměř na výšku obrazovky. Kompaktní, informativní a zingy - ideální řešení pro současné návrhy.
VR relace nás přináší, jak úspěšně implementovat tento typ navigace. Tým otočil navigaci o 90 stupňů a umístil jej do vyhrazeného panelu spolu s logem. Pěkný a důmyslný.
Na začátku se Snake River Interiors webová stránka obsahuje banální navigační lištu v hlavičce; nicméně, když začnete posouvat dolů, hladce se přemění na menu s vertikální typografií, která se drží na levé straně a sleduje návštěvníky. To určitě dělá tu trik.
2. Menu rozptýlené po obvodu obrazovky
Není to široce používané řešení, a obvykle vyžaduje správné prostředí, jako středové uspořádání s viditelnými okapy kolem struktury; nicméně, je to dobrý způsob, jak dát trochu chuti k vaší navigaci. Předvídatelně si můžete myslet, že tento koncept je ideální pouze pro malé webové stránky, které nemají více než čtyři vnitřní adresáře, protože jsou jen čtyři rohy. No, to není úplně správné. Podívejte se na titulní stránku Proud a Punch .
Každý roh je vyhrazen pro svou informaci: logotyp, sociální informace, ikonu menu a rychlý přístup do sekce 'o'. Tým dovedně určil jejich priority a udržel vše čisté a jednoduché; zatímco tým za Kygo Life neomezil se vůbec, využíval co nejúčinněji volného prostoru. Domovská stránka obsahuje spoustu věcí, které se nacházejí na okraji stránky: CTA, navigační indikátory, sociální média, logotyp a některé další věci, což vede k šikovnému designu.
3. Úzké vyjímací menu
Bočnice poskytují návrat. Není to dramatické, ale stále docela vnímatelné. Jsou šikmé, tenčí, kompaktnější a elegantnější než dříve. Ve skutečnosti je to jen jeden ultra-úzký sloupec, který obsahuje několik prvků: logotyp, ikonu nabídky a v závislosti na preferencích umělce to mohou být sociální ikony, odkaz na portfólio nebo standardní stránkování na ikonu posuvníku hrdiny. Obvykle se nachází na levé straně a hladce integrovaná. Co se týče chování, ve většině případů se prostě odhaluje všechny skryté prvky, jako v mobilních aplikacích.
Osobní portfolia společnosti Maison Ullens obsahuje jednu z nich. Domovská stránka je rozdělena na dvě nerovné části. První je boční lišta s logotypem a odkazem na nabídku a druhá je primární obsahová oblast. Řešení přirozeně směřuje pozornost k "uvítací oblasti" a současně nenápadně vytváří kontaktní místo.
4. Stoupající vertikální menu
Můžete říci: "To je dávná historie." Stejně jako horizontální menu, vertikální navigace se zdá být banální a triviální. Nicméně, v době hamburger menu tlačítko, to také vypadá jako šílenství. Může být použita jak proti pevné barvě, tak i pro průhledné pozadí. Může být umístěn kdekoli; ale zpravidla je spárováno s logem.
Například, Linmark ; tým využívá tradiční vertikální navigaci, která je pečlivě uspořádána na pravé straně obrazovky. Začíná to s logotypem založeným na typu a končí sadou odkazů na sociální média, které jsou zobrazeny jako ikony. Pravá strana každého snímku je záměrně vybarvena, takže součást získá potřebný kontrast, aby dosáhla optimální čitelnosti. Řešení je neobvyklé.
Tvihorf vítá návštěvníky online s aktivovaným menu, které je prezentováno jako konvenční vertikální navigace, kde jsou možnosti pečlivě uspořádány řádkově po řádku. Zaujme vedoucí pozici, ale není dominantní. Jak můžete očekávat, nachází se v srdci stránky, předpovídá oči od prvních sekund. Vypadá to čistě, ostrý a jemný, a dokonale funguje s logotypem a převládající obchodní atmosférou.
Závěr
Jak se říká, malé detaily mají velký rozdíl; a takový společný prvek tvorby webových stránek, protože menu je schopen obohatit obecnou estetiku, přidávat do struktury nějaké pěkné zvraty a zvyšovat uživatelský dojem, když vyčnívá z davu. Tyto čtyři typy navigace nemusí zapůsobit na návštěvníky s neuvěřitelným dynamickým chováním ani složitou realizací.
Budou se cítit jedinečné, osvěžující a originální.