Knapper. Med dem fullfører vi kjøpene våre på Internett, vi logger inn på banksøknaden vår og sender komplette skjemaer med vår mest personlige informasjon. Nettdesign vokser utrolig raskt, og stiler ser ut til å endre seg fra måned til måned. På bare noen få år har vi gått fra tekstlenker til scheuomorfisme til flat design. Navigering er et av de viktigste elementene i webdesign, og oppfordringsknappen (eller oppfordring til handling ) er ditt sterkeste verktøy.

I denne artikkelen vil jeg spore åtte års historie med webknappdesign basert på Dribble .

Tidslinjen for knapper på Dribbble

I 2009 ble Dribbble opprettet - en plattform for designere fra hele verden som delte små deler av sine nåværende prosjekter. Ved å bruke Dribbble kan vi følge historien om knappetrender og design de siste åtte årene. Jeg har vært gjennom noen få tusen bilder av Dribbble for å lage en interaktiv tidslinje med knappestiler:

Klikk på knappen over for å navigere i Dribbble-tidslinjen.

2009

I år fyller Internett 40 år, og de første 'skuddene' vises på Dribbble. Knapplayout domineres av gråtoner. Delikate stigninger, avrundede hjørner og skygger vises i nesten alle knappedesigner. Denne estetikken refererer til knappene til det opprinnelige systemet.

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

2010

Året som Instagram ble opprettet. Formen på knappene endres ikke drastisk, men det er mange flere farger, flere detaljer (som interiørskygger) og mange flere dekorative skrifter.

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

2011

CSS3 åpner det året, og antall Internett-brukere vokser til en milliard. Schemorfisme hersker fortsatt, og mange designere utvikler denne stilen på en veldig kreativ måte. Du finner ingen regler for bruk av skygger eller belysning her, men du kan være sikker på at alle disse elementene er til stede i hvert prosjekt.

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

2012

Nedgangen og den endelige formen for schemorfisme, og den sjenerte begynnelsen på flat design. Dette året er den klart mest utviklede formen for skeuomorfisme, der noen designere har nådd masternivå i denne stilen, mens andre har begynt å lete etter noe nytt.

Wojciech Dobry, Eduardo Santos , Mike | Kreative mynter , Maykel Loomans , Ian Collins , Dawid Liberadzki

2013

I år flytter Apple definitivt fra disposisjonen og lanserer iOS7. Uten tvil er dette året begynnelsen på trenden som fortsetter i dag - flat design. Nesten alle Dribble-designere forlater på et tidspunkt ethvert forsøk på å gi app- eller webknappene en tredje dimensjon og bestemmer seg for å forsvinne.

Wojciech Dobry, Cosmin kaptein , Eddie Lobanovskiy , Jonathan Moreira , Riki Tanone

2014

Google lanserer Material Design. Imidlertid følger mange designere ikke denne stilen helt. Dette er ganske interessant år, for plutselig begynner alle å bruke spøkelsestil eller flate knapper. De vises i de fleste skudd på Dribbble. To Pixel-grenser med livlige farger - det er 2014.

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

2015

Bare noen få måneder etter å ha hørt kunngjøringen om materialdesign fra Google, UI-designere bli forelsket i denne guiden. Den flate overflaten på knappen med en delikat skygge under indikerer materialdesignens betydelige innvirkning på dagens trender. Se hvor mange som bruker denne stilen på prosjektene sine.

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

2016

Designere kjeder seg, så nye elementer kan blandes med materiale og flat design. Graderinger vises på overflaten av knappene, ikke for å understreke den tredje dimensjonen, men for å understreke materialet til selve knappen. Knappen får fargenyanser og begynner å lyse.

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

2017

Jeg er veldig nysgjerrig på hvordan jeg vil se dette året om ytterligere åtte år. Så langt i år er det på den ene siden et år med minimalisme og flat design. På den annen side ser vi fremdeles etter nye måter. Vi er på et stadium der vi ikke er teknologisk begrenset; vi er bare begrenset av trend og moterammer.

Jeg er Cline , Anton Aheichanka , Vera voishvilo , George Vasyagin , Ghani Pradita

Hva blir det neste?

Hvor lenge vil knappestiler fortsette å utvikle seg? Jeg vet ikke. Jeg vet bare at de vil. Årsakene til evolusjonen kan variere: teknologisk endring, økende bevissthet om designere, kjedsomhet.

Det kan ikke benektes at knappene venter på en ny endring. Kanskje denne endringen blir hans død? Med bevegelser, intuitive interaksjoner, AR, VR og lydgrensesnitt, trenger vi fortsatt knappene vi har jobbet med i årevis?