4 świeże alternatywy do menu hamburgera
Niektórzy twierdzą, że projektowanie stron internetowych stało się nudne. Aktualne trendy i zaawansowane techniki ustalają zasady dla kreacji, grając nisko sztuczki na społeczności. Każdy chce być w głównym nurcie i wydawać produkty, które stają się wirusowe; oznacza to, że milion interfejsów może mieć te same funkcje.
Oczywiście treść może uratować dzień. Jednak prawda jest taka, że wiele z tych interfejsów będzie wyglądać tak samo.
Od kilku lat ikona menu hamburgera uruchamia program. Trudno dziś nazwać to "szaleństwem"; jest bezwstydnie nadużywany i czuje się jak must-have dla responsywnych interfejsów. Bez wątpienia ma to zalety: jest poręczny, kompaktowy i intuicyjny ... ale wciąż jest nudny.
Mam na myśli, że to tylko trzy linie znajdują się w prawym lub lewym górnym rogu, a to wszystko - prymitywny glif, który wzywa do działania. W dzisiejszych czasach jest kilka opcji na wolności. Służą one podstawowej roli nawigacji, a jednocześnie wyglądają inaczej, starając się nie czuć nudno. Niektóre z nich są powiewem świeżego powietrza, podczas gdy inne są po prostu zapomnianymi, starymi rozwiązaniami, które zostały odnowione.
1. Nawigacja z pionowym napisem
Pionowe napisy to nowy trend w dzisiejszych czasach. Wygląda coraz bardziej świeżo i naturalnie wyróżnia się ze zwykłej zawartości zorientowanej poziomo. Co więcej, zajmuje mniej miejsca: tylko wąska linia. Mimo to jest wizualnie ważki, ponieważ jest rozciągnięty niemal do wysokości ekranu. Kompaktowy, informacyjny i zingy - idealne rozwiązanie dla współczesnych projektów.
Sesje VR dowiesz się, jak skutecznie wdrożyć ten typ nawigacji. Zespół obrócił nawigację o 90 stopni i umieścił ją w specjalnym panelu wraz z logo. Ładne i genialne.
Na początku Wnętrza Snake River strona internetowa zawiera banalny pasek nawigacji w nagłówku; Jednak po rozpoczęciu przewijania płynnie przechodzi w menu z pionową typografią, która przylega do lewej strony i podąża za odwiedzającymi. Na pewno tu jest.
2. Menu rozrzucone po obwodzie ekranu
Nie jest to rozwiązanie powszechnie stosowane i zazwyczaj wymaga odpowiedniego środowiska, takiego jak centralny układ z wyczuwalnymi rynnami wokół konstrukcji; Niemniej jednak jest to dobry sposób, aby dać radość nawigacji. Można przypuszczać, że ta koncepcja jest idealna tylko dla małych witryn, które mają nie więcej niż cztery wewnętrzne katalogi, ponieważ są tylko cztery rogi. Cóż, to nie jest dokładnie poprawne. Spójrz na pierwszą stronę Dumny i cios .
Każdy zakątek jest zarezerwowany dla jego informacji: logotypu, socials, ikony menu i szybkiego dostępu do sekcji "o". Zespół umiejętnie zidentyfikował ich priorytety i zachował wszystko porządnie i prosto; mając na uwadze, że zespół za Kygo Life w ogóle się nie ograniczał, wykorzystując wolną przestrzeń tak skutecznie, jak to tylko możliwe. Strona główna zawiera wiele rzeczy, które znajdują się na granicy strony: wezwania do działania, wskaźniki nawigacyjne, media społecznościowe, logotyp i kilka innych rzeczy, co daje w efekcie sprytny wygląd.
3. Wyjątkowo wąskie menu wysuwane
Paski boczne zwracają. To nie jest dramatyczne, ale wciąż całkiem dostrzegalne. Są one cieńsze, cieńsze, bardziej kompaktowe i bardziej eleganckie niż wcześniej. W rzeczywistości jest to tylko jedna bardzo wąska kolumna zawierająca kilka elementów: logotyp, ikonę menu i zależnie od preferencji artysty mogą to być ikony społecznościowe, link do portfolio lub standardowa paginacja suwaka bohatera oparta na ikonach. Zwykle znajduje się po lewej stronie i jest płynnie zintegrowany. Jeśli chodzi o zachowanie, w większości przypadków po prostu ślizga się ujawniając wszystkie ukryte elementy, jak w aplikacjach mobilnych.
Osobiste portfolio Maison Ullens posiada jedną z nich. Strona główna jest podzielona na dwie nierówne części. Pierwszy to pasek boczny z logotypem i linkiem do menu, a drugi to główny obszar zawartości. Rozwiązanie w naturalny sposób kieruje uwagę na obszar "powitalny", a jednocześnie dyskretnie ustanawia punkt centralny.
4. Szybujące pionowe menu
Można powiedzieć: "To jest starożytna historia." Podobnie jak w przypadku menu poziomego, pionowa nawigacja wydaje się być banalna i banalna. Jednak w erze przycisku menu hamburgera również wygląda jak szał. Może być stosowany zarówno na jednolitym kolorze, jak i przezroczystym tle. Można go umieścić w dowolnym miejscu; ale z reguły jest sparowany z logo.
Na przykład, Linmark ; zespół wykorzystuje tradycyjną nawigację pionową, która jest starannie ułożona po prawej stronie ekranu. Zaczyna się od logotypu opartego na typie i kończy się zestawem łączy mediów społecznościowych przedstawionych jako ikony. Prawa strona każdego slajdu jest celowo wybierana tak, aby komponent uzyskał odpowiedni kontrast, aby osiągnąć optymalną czytelność. Rozwiązanie wydaje się niezwykłe.
Tvihorf przyjmuje gości online z aktywowanym menu, które jest przedstawione jako konwencjonalna nawigacja pionowa, gdzie opcje są starannie ułożone linia po linii. Zajmuje pozycję lidera, ale nie dominuje. Jak można się spodziewać, znajdujący się w sercu strony, w przewidywalny sposób przyciąga wzrok od pierwszych sekund. Wygląda schludnie, rześko i subtelnie, doskonale komponuje się z logotypem i panującą w biznesie atmosferą.
Wniosek
Jak to się mówi, drobne szczegóły robią wielką różnicę; i taki wspólny element projektu strony internetowej, jak menu, jest w stanie wzbogacić ogólną estetykę, dodając kilka fajnych zwrotów do struktury i poprawiając wrażenia użytkownika, gdy wyróżnia się z tłumu. Te cztery rodzaje nawigacji mogą nie zaimponować odwiedzającym ich niesamowitym dynamicznym zachowaniem, ani skomplikowaną realizacją.
Będą po prostu wyjątkowe, odświeżające i oryginalne.