Nööbid. Nendega viimistleme oma ostud Internetis, logime sisse oma pangarakendusse ja saadame täieliku vormi koos kõige isiklikuma teabega. Veebidisain kasvab uskumatult kiiresti ja näib, et stiilid muutuvad kuude kaupa. Vaid mõne aastaga oleme tekstilinkidelt üle läinud skeemorfismile lamedale kujundusele. Navigeerimine on veebikujunduse üks olulisemaid elemente ja tegevusele kutsuv nupp (või üleskutse tegevusele ) on teie tugevaim tööriist.

Selles artiklis jälgin kaheksa aastat veebinuppude kujundamise ajalugu Tilkuma .

Nuppude ajaskaala Dribbble'is

2009. aastal loodi Dribbble - platvorm disaineritele üle kogu maailma, kes jagasid väikesi tükke oma praegustest projektidest. Dribbble'i abil saame jälgida nuputrendide ja disaini ajalugu viimase kaheksa aasta jooksul. Olen läbi teinud paar tuhat kaadrit Dribbble'ist, et luua nuppude stiilide interaktiivne ajaskaala:

Dribbble'i ajaskaalal navigeerimiseks klõpsake ülaltoodud nupul.

2009

Sel aastal saab Internet 40-aastaseks ja esimesed 'kaadrid' ilmuvad Dribbble'is. Nuppude paigutuses domineerib halltoon. Õrnad gradientid, ümarad nurgad ja varjud ilmuvad peaaegu kõigis nupukujundustes. See esteetika viitab natiivsüsteemi nuppudele.

Wojciech Dobry, Dan Cederholm , Josh Bryant , Tilkuma , Sarah Parmenter , Matthew Smith

2010

Instagrammi loomise aasta. Nuppude kuju drastiliselt ei muutu, kuid seal on palju rohkem värve, rohkem detaile (näiteks sisevarjud) ja palju rohkem dekoratiivseid fonte.

Wojciech Dobry, Morgan Allan Knutson , Troy Bergland , Claudiu Cioba , Liam mckay , Jared Christensen

2011

Sel aastal avatakse CSS3 ja Interneti-kasutajate arv kasvab miljardini. Schemorfism valitseb endiselt kõrgeimal kohal ja paljud disainerid arendavad seda stiili väga loominguliselt. Siit ei leia varjude või valgustuse rakendamise reegleid, kuid võite olla kindel, et kõik need elemendid on olemas igas projektis.

Wojciech Dobry, Julien Renvoye , Claudiu Cioba , Meagan Fisher , Josh Hemsley , Jonathan Moreira

2012

Skemorfismi allakäik ja lõplik vorm ning lameda kujunduse arg algus. See aasta on ülekaalukalt kõige arenenum skeuomorfismi vorm, kus mõned disainerid on selles stiilis jõudnud meistrite tasemele, teised aga on hakanud otsima midagi uut.

Wojciech Dobry, Eduardo Santos , Mike | Loominguline münt , Maykel Loomans , Ian Collins , Dawid Liberadzki

2013

Sel aastal liigub Apple kindlasti kontuurilt, käivitades iOS7. Kahtlemata on see aasta tänapäeval jätkuva trendi algus - tasane disain. Peaaegu kõik Dribbble'i disainerid loobuvad ühel hetkel katsetest anda oma rakendusele või veebinuppudele kolmas mõõde ja otsustavad kaduda.

Wojciech Dobry, Cosmini kapten , Eddie Lobanovskiy , Jonathan Moreira , Riki Tanone

2014

Google käivitas materjalidisaini. Kuid paljud disainerid ei järgi seda stiili täielikult. See on üsna huvitav aasta, sest äkki hakkavad kõik kasutama kummitusnupu stiili või lamedaid nuppe. Need ilmuvad enamikus Dribbble'i võtetes. Kaks erksate värvidega Pixeli piiri - see on 2014. aasta.

Wojciech Dobry, Eric Hoffman , Ramil Derogongun , Mason Yarnell , Colin Garven , Bill S Kenney

2015

Vaid mõni kuu pärast Google'i materjalidisaini kuulmist, UI disainerid armuge sellesse juhendisse. Nupu lame pind, mille all on õrn vari, näitab materjalidisaini olulist mõju praegustele suundumustele. Vaadake, kui palju inimesi rakendab seda stiili oma projektides.

Wojciech Dobry, Victor erixon , Leo Leung , George Vasyagin , Hoang Nguyen , Joshua Krohn

2016

Disaineritel on igav, nii et uued elemendid materjali ja lameda kujundusega segamiseks. Nööpide pinnale ilmuvad gradientid, et mitte rõhutada kolmandat mõõdet, vaid rõhutada nupu enda materjali. Nupp saab värvitooni ja hakkab helendama.

Wojciech Dobry, Anastasiia Andriichuk , Gleb Kuznetsov , Ghani Pradita , Christopher , Ben mingo

2017

Mul on väga huvitav, kuidas ma näen seda aastat veel kaheksa aasta pärast. Siiani on see aasta ühelt poolt minimalismi ja tasase kujunduse aasta. Teisalt otsime endiselt uusi võimalusi. Oleme etapis, kus me pole tehnoloogiliselt piiratud; meid piiravad ainult trend ja moeraamid.

Olen Cline , Anton Aheichanka , Vera voishvilo , George Vasyagin , Ghani Pradita

Mis järgmiseks?

Kui kaua nuppude stiilid arenevad? Ma ei tea. Ma lihtsalt tean, et nad seda teevad. Evolutsiooni põhjused võivad olla erinevad: tehnoloogilised muutused, disainerite teadlikkuse suurendamine, igavus.

Ei saa eitada, et nupud ootavad uut muudatust. Võib-olla on see muutus tema surm? Kas vajame ikkagi žeste, intuitiivse suhtluse, AR-, VR- ja heliliideste abil nuppe, mille kallal oleme aastaid töötanud?