4 tuoretta vaihtoehtoa hampurilainen valikko
Jotkut sanovat, että web-suunnittelu on tullut tylsää. Nykyiset trendit ja huipputekniikat luovat sääntöjä mainoksille, ja niillä on alhaiset temput yhteisössä. Jokainen haluaa olla valtavirrassa ja vapauttamaan viruksia aiheuttavia tuotteita; se tarkoittaa, että miljoonilla rajapinnoilla on todennäköisesti samat ominaisuudet.
Tietenkin sisältö voi säästää päivän. Silti totuus on, että monet näistä rajapinnoista näyttävät samalta.
Jo vuosia nyt hampurilainen valikkokuvake on suorittanut näyttelyn. On vaikea kutsua sitä "villiksi" näinä päivinä; se on häpeämättömästi liikaa, ja se tuntuu tarpeelliselta vastattaville rajapinnoille. Epäilemättä sillä on etuja: se on kätevä, kompakti ja intuitiivinen ... mutta silti se on tylsää.
Tarkoitan, se on vain kolme riviä, jotka istuvat oikealla tai vasemmalla yläkulmalla, ja tämä on kaikki - alkukantainen glyph joka kutsuu toimintaan. Nykyään on olemassa useita vaihtoehtoja villi. Ne palvelevat navigoinnin ensisijaista roolia ja samalla näyttävät erilaisilta yrittäen kovasti olla tuntemattomia. Jotkut niistä ovat raikasta ilmaa, kun taas muut ovat vain unohtuneita vanhoja ratkaisuja, jotka uudistettiin.
1. Navigointi pystysuorilla kirjaimilla
Pystysuorat kirjoitukset ovat uusi trendi näinä päivinä. Se näyttää tuoreelta ja luonnollisesti erottuu tavallisesta horisontaalisesti suunnatusta sisällöstä. Lisäksi kestää vähemmän tilaa: vain kapea viiva. Silti se on visuaalisesti painava, koska se venytetään lähes näytön korkeuteen. Kompakti, informatiivinen ja zingy-ihanteellinen ratkaisu nykyaikaisiin malleihin.
VR-istunnot tuo kotiin meille, miten tämäntyyppisen navigoinnin onnistuminen onnistuu. Joukkue on kääntänyt navigointinsa 90 astetta ja asettanut sen omalle paneelille yhdessä logon kanssa. Mukava ja nerokas.
Alussa, Snake River Interiors sivustolla on banal nav-palkki otsikossa; Kun aloitat vierittämisen alaspäin, se muuttuu tasaisesti valikosta pystysuoralla typografialla, joka pysyy vasempaan reunaan ja seuraa kävijöitä. Se on varmasti temppu täällä.
2. Valikko, joka on hajaantunut ruudun reunaan
Se ei ole laajalti käytetty ratkaisu, ja yleensä se vaatii kunnollisen ympäristön, kuten keskitetyn asettelun, jolla on havaittavia kouruja rakenteen ympärillä; kuitenkin se on hyvä tapa antaa jonkin verran navetta navigointiasi. Oletettavasti voi ajatella, että tämä konsepti on ihanteellinen vain pienille verkkosivustoille, joissa on enintään neljä sisäistä hakemistoa, koska on vain neljä kulmaa. No, se ei ole aivan oikein. Katso etusivun Ylpeä ja punkki .
Jokainen nurkka on varattu sen tietoon: logotype, socials, menu-kuvake ja nopea pääsy "noin" -osioon. Tiimi on tunnistanut taitavasti painopisteet ja pitänyt kaiken siistinä ja yksinkertaisena; kun taas joukkueen takana Kygon elämä ei rajoittunut ollenkaan, käyttämään vapaata tilaa mahdollisimman tehokkaasti. Kotisivulla on paljon tavaraa, joka sijaitsee sivun reunalla: CTA: t, navigointi-indikaattorit, sosiaalinen media, logotyyppi ja muutamia muita asioita, mikä on loistava muotoilu.
3. Erittäin kapea slide-out-valikko
Sivupalkit tekevät paluun. Se ei ole dramaattinen, mutta silti hyvin havaittavissa. Ne ovat slicker, ohuempi, kompakti ja tyylikäs kuin ennen. Itse asiassa se on vain yksi erittäin kapea sarake, jossa on useita elementtejä: logotyyppi, valikkokuvake ja taiteilijan mieltymysten mukaan se voi olla sosiaalisia kuvakkeita, linkkiä salkun liukusäätimen salkkuun tai standardin kuvakohtaiseen sivuttamiseen. Yleensä se sijaitsee vasemmalla puolella ja integroitu saumattomasti. Käyttäytymisestä johtuen useimmissa tapauksissa se vain liukuu pois paljastaen kaikki piilotetut elementit, kuten mobiilisovelluksissa.
Henkilökohtainen portfolio Maison Ullens sisältää yhden näistä. Kotisivu on jaettu kahteen eriarvoiseen osaan. Ensimmäinen on sivupalkki, jonka logotype ja linkki valikkoon, ja toinen on ensisijainen sisältöalue. Ratkaisu luonnollisesti ohjaa huomiota "tervetuloa" alueelle ja samaan aikaan huomaamattomasti luo keskipisteen.
4. Soikea pystysuora valikko
Saatat sanoa: "Se on muinaista historiaa." Paljon kuin horisontaalinen valikko, pystysuuntainen navigointi näyttää olevan banal ja triviaali. Kuitenkin hampurilaisvalikkopainikkeen aikakaudella se näyttää myös villinä. Sitä voidaan käyttää sekä kiinteän värin että läpinäkyvän taustan suhteen. Se voidaan sijoittaa mihin tahansa; mutta se on yleensä liitetty logoon.
Esimerkiksi, Linmark ; tiimi hyödyntää perinteistä pystysuuntaista navigointijärjestelmää, joka on huolellisesti järjestetty näytön oikealle puolelle. Se alkaa tyyppipohjaisella logolla ja päättyy sosiaalisen median linkkien joukkoon kuvakkeina. Jokaisen dian oikea puoli on tarkoituksellisesti valkaistu siten, että komponentti saa tarvittavat kontrastit optimaalisen luettavuuden saavuttamiseksi. Ratkaisu tuntuu epätavalliselta.
Tvihorf toivottaa verkkopalvelun vierailijat aktiivisella valikolla, joka esitetään tavallisena pystysuorassa suunnassa, jossa vaihtoehdot järjestetään huolellisesti rivi riviltä. Se on johtava asema, mutta ei hallitseva. Kuten voi odottaa, joka sijaitsee sivun sydämessä, se ennakoivaa silmänsä ensimmäisistä sekunnista. Se näyttää siistiltä, raikkaalta ja hienovaraiselta, ja se sopii hyvin logotyyppiseen ja vallitsevaan liikenäköiseen ilmapiiriin.
johtopäätös
Kuten sanonta kuuluu, pienet yksityiskohdat tekevät suuren eron; ja tällainen yhteinen elementti sivuston suunnittelusta, koska valikko kykenee rikastuttamaan yleistä esteettistä, lisäämällä mukavia käänteitä rakenteeseen ja lisäämällä käyttäjäkokemusta, kun se erottuu joukosta. Nämä neljä navigointijärjestelmää eivät ehkä vaikuta vierailijoihisi uskomatonta dynaamista käyttäytymistään eikä monimutkaista toteutumista.
He tuntevat itsensä ainutlaatuisiksi, virkistäviksi ja alkuperäisiksi.