5 tegelikku veebikujunduse suundumust 2016. aastaks

Kui näen linki nimega selle aasta veebidisaini trendid, klõpsan sellel rõõmsalt vaid selleks, et pettuda mõne minuti jooksul. See on alati, tõrgeteta, eelmise aasta trendid või mittetrendid, näiteks illustratsioonid. Nagu, kas teadsite, et animatsioonid on ilmselt suur trend? Tõsiselt, kui kirjutate trendiloendi ja lisate 2016. aasta suundumuseks täisekraaniga taustvideo, peaksite proovima enne loendi alla märkimist proovida võrku minna ja veebisaite vaadata. Kellelegi ei meeldi klikisöödad. Igatahes, ilma täiendava vaevata, on siin nimekiri viiest tegelikust trendist selle aasta esimesel poolel.

1) täisekraan ja pole keritav

Mittekeritavad saidid koguvad lõpuks veojõudu. Kui ühest lehest, igaveseks keritud veebisaidist, mille ülaosas kleepuv ankrulingi päis, sai peaaegu avalehtede tegemise viis, on tore näha lehti, kus peate navigeerimiseks klõpsama. Nii palju kui inimesed vihkavad kerimist, võib see mõnikord olla tore. Nende saitide kujundamisel on võtmeks ekraani kasutamine piirangute jaoks. Prototüüp Keynote'is. Nendel saitidel on klaviatuuril navigeerimine tavaline.

Facebooki privaatsuse põhitõed

Kolm näidet täisekraanisaidideta ilma kerimiseta:

  1. Facebooki privaatsuse põhitõed - suurepärane sait, ehkki mitte reageeriv Facebook, selgitades samm-sammult, kuidas privaatsus nende teenuses töötab. Suurepärased illustratsioonid!
  2. Fantasy - disainiagentuuri Fantasy kauaoodatud uus veebisait, mis käivitati selle aasta alguses, ja see ei valmistanud pettumust. Eriti vaadake jaotist Töö, kõik jääb ekraanile.
  3. KLM 50 Travels - ilus KLM-i kampaania sait. See viib teid läbi 50 sihtkohta, ühe ekraani korraga. Liikuge klaviatuuri noolte ja tühiku abil.

2. Kleepuv pealkiri küljele

Veebidisaini viimaste suundumuste jaoks on alati mõistlik vaadata agentuuride saite või pigem disainistuudioid. Ja viimasel ajal on à la režiim olnud lasta pealkirjadel kerida teksti küljele. Kõik lahedad lapsed teevad seda. See on ainult töölaua suundumus, nii et kui te seda oma telefonis loete, peate mind selles usaldama, ilma et peaksite näidislinke külastama.

Kood ja teooria

Kolm näidet kleepuvate pealkirjade kohta küljel:

  1. Kood ja teooria - linna pealkirjad jäävad pildile, kui sirvite sellel kaunil veebisaidil avatud positsioone.
  2. Korstna ületäitumine - see ei sobi sajaprotsendiliselt arvele, kuid see pole agentuuri sait, mis annab sellele arvelduskontrolli. Kerimisel jääb alamnavigatsioon kleepuvalt paremale. Tore.
  3. DDB Sthlm - olen Rootsist, nii et viskan sisse ka Rootsi näite. Kui vajutate nende menüüs nuppu Töö algusest ja kerite alla, näete, et vertikaalne pealkiri püsib küljel.

3) Logo on laadur

See on tohutu trend ja muutunud sel aastal agentuuride veebisaitide peaaegu sünonüümiks. Kõigil on see olemas. Ja nii nad peaksidki, sest see näeb hea välja ja tekitab külastajale tunde, et veebisait on osa brändist. Väga tark.

Instrument

Kolm näide logo kasutamisest laadurina:

  • Instrument - sellel saidil kuvatakse nende logo ainult siis, kui leht laaditakse ja kui avate navigeerimismenüü. See on uus ja pilkupüüdev.
  • Fubiz - see sait tegi käivitamisel ja mõjuvatel põhjustel suure tõrke. Saidil on iga jaotise jaoks erinev logo, kõigil neil on väga toredad animatsioonid.
  • See ka - suurepärane disainistuudio veebisait, kus pole palju kunagi varem nähtud agentuuride saitide kunstidirektorit. Ehkki tehniliselt ei ole see logo, on siin navigeerimise ikoon, kuid see asub kohas, kus logo tavaliselt on, nii et see sobib.

4) Rikutud taustpildid

Terve brauseriakna täitvate taustapiltide omamine pole midagi uut, see on tõenäoliselt klassikalise postituse tegelik veebikujunduse trendid 2013 ülaosas, kuid see viib uuele tasemele. Lisage oma taustapildile hiirekursori efektid ja teil on hea edasi minna.

Aktiivne teooria

Kolm näidet häiritud taustpiltide kohta:

  1. Pange mind pulseerima - liigutage hiirt üle tausta ja vaadake, kuidas mäed elavad, väga hästi tehtud.
  2. Aktiivne teooria - kui loote oma agentuurile veebisaiti, mis oleks parem viis näidata, et teil on hullu veebioskusi, kui muuta see Google'i eksperimendi sarnaseks? Puudub.
  3. Üksikasjad - see võtab natuke kerimist. See Šveitsi disainibüroo ilmselt ei usu ankrolinkidesse, nii et kui kerite lehe 4/4 Nos Eksperdid alla ja libistate fotod, siis näete nendel väikseid moonutusi. Tore!

5) Ülaosas animatsioonid

See on praegu tehniliselt võimalik, miks siis mitte? Kui seda õigesti teha, võib see olla väga visuaalselt meeldiv ja lõbus kogemus, kui seda tehakse valesti, on see jälle Flash-saite. Tark sõna: kasutage ettevaatlikult, kuid kasutage seda siiski üle jõu.

Waaark

Kolm näidet populaarseimate animatsioonide kohta:

  1. Waaark - Lol, see väike disainistuudio on koostanud selle aasta kõige uhkemad visuaalsed elamused. Animatsioonide osas ülaosale minekuks jäta see prantsusemaale.
  2. Animatsioonid - see on mõned näited suurejooneliste klõpsanimatsioonidega ikoonidest, mis on tehtud veebikoodi abil.
  3. Rally Interactive Beta - ralli teeb suurepärase töö, kuna nende saidil pole just parajas koguses animatsioone. Nad on ülaosas hulluks läinud ja hoiavad siis pehmena, kui midagi klõpsate ja valisite.

Boonus: see pole tegelikult veel trend, seda on nähtud ainult ühes või kahes kohas, kuid tundlike veebisaitide loomine, mis on määramatuks ajaks, saab olema tohutu. See tähendab, et sait näeb 1280px ekraanil täpselt sama välja kui iMac 27 "Retina 5100+ px ekraanil, see on ainult suurem. Vaadake näiteks Brasiilia telekommunikatsioonioperaatori Oi suurepärast saiti.

Minu nimi on Nils ja töötan Rootsis Stockholmis asuvas digitaalstuudios Ape disainidirektorina. Me elame suurepärase disaini, tehnoloogia ja kommunikatsiooni nimel. Kui soovite meist rohkem teada saada, vaadake meie veebisaiti, kellel kahjuks pole ühtegi ülalnimetatud suundumust.

Kui teil see artikkel meeldis, vajutage ka allpool olevale soovitusele. See aitab palju.