Napit. Niiden avulla viimeistelemme ostoksemme Internetissä, kirjaudumme pankkisovellukseemme ja lähetämme täydelliset lomakkeet henkilökohtaisimmilla tiedoilla. Verkkosuunnittelu kasvaa uskomattomalla nopeudella, ja tyylit näyttävät muuttuvan kuukausittain. Muutamassa vuodessa olemme siirtyneet tekstilinkeistä scheuomorphismiin litteään suunnitteluun. Navigointi on yksi tärkeimmistä verkkosuunnittelun elementeistä ja toimintakehotuspainike (tai kehotus toimintaan ) on vahvin työkalusi.

Tässä artikkelissa aion seurata kahdeksan vuoden historiaa verkkopainikkeiden suunnittelusta Kikkau .

Dribbble-painikkeiden aikajana

Vuonna 2009 luotiin Dribbble - foorumi suunnittelijoille ympäri maailmaa, jotka jakoivat pieniä kappaleita nykyisistä projekteistaan. Dribbblen avulla voimme seurata painikkeiden trendien ja muotoilun historiaa viimeisten kahdeksan vuoden aikana. Olen käynyt läpi muutaman tuhannen Dribbble-laukauksen luomaan vuorovaikutteisen aikajanan painikkeista:

Napsauta yllä olevaa painiketta siirtyäksesi Dribbble-aikajanalla.

2009

Tänä vuonna Internet täyttää 40 vuotta, ja ensimmäiset 'laukaukset' ilmestyvät Dribbble-levylle. Painikkeiden asettelua hallitsee harmaasävy. Herkät kaltevuudet, pyöristetyt kulmat ja varjot näkyvät lähes kaikissa painikkeissa. Tämä esteettisyys viittaa natiivijärjestelmän painikkeisiin.

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

2010

Vuosi, jolloin Instagram on luotu. Painikkeiden muoto ei muutu rajusti, mutta värejä, yksityiskohtia (kuten sisävarjoa) ja koristeellisia fontteja on paljon enemmän.

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

2011

CSS3 avautuu sinä vuonna, ja Internet-käyttäjien määrä kasvaa miljardiin. Schemorfismi hallitsee edelleen korkeinta, ja monet suunnittelijat kehittävät tätä tyyliä erittäin luovalla tavalla. Täältä ei löydy sääntöjä varjojen tai valaistuksen käytöstä, mutta voit olla varma, että kaikki nämä elementit ovat läsnä jokaisessa projektissa.

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

2012

Skemorfismin rappeutuminen ja lopullinen muoto sekä litteän suunnittelun arka alku. Tämä vuosi on ylivoimaisesti kehittynein skeuomorfismin muoto, jossa jotkut suunnittelijat ovat saavuttaneet mestaritason tässä tyylissä, kun taas toiset ovat alkaneet etsiä jotain uutta.

Wojciech Dobry, Eduardo Santos , Mike | Luovat rahapajat , Maykel Loomans , Ian Collins , Dawid Liberadzki

2013

Tänä vuonna Apple siirtyy ehdottomasti ääriviivoista ja käynnistää iOS7: n. Epäilemättä tämä vuosi on alku trendille, joka jatkuu tänään - tasainen muotoilu. Lähes kaikki Dribbble-suunnittelijat luopuvat yhdessä vaiheessa pyrkimyksistä antaa sovelluksilleen tai verkkopainikkeilleen kolmas ulottuvuus ja päättävät kadota.

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

2014

Google käynnistää materiaalisuunnittelun. Monet suunnittelijat eivät kuitenkaan noudata tätä tyyliä täysin. Tämä on varsin mielenkiintoinen vuosi, koska yhtäkkiä kaikki alkavat käyttää haamupainikkeen tyyliä tai litteitä painikkeita. Ne näkyvät useimmissa Dribbble-laukauksissa. Kaksi Pixel-reunaa kirkkailla väreillä - vuosi 2014

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

2015

Vain muutama kuukausi kuultuaan Googlen materiaalisuunnittelun, UI-suunnittelijat rakastua tähän oppaaseen. Napin tasainen pinta, jonka alla on herkkä varjo, osoittaa materiaalisuunnittelun merkittävän vaikutuksen nykyisiin trendeihin. Katso kuinka moni ihminen soveltaa tätä tyyliä projekteihinsa.

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

2016

Suunnittelijat kyllästyvät, joten uudet elementit sekoittuvat materiaaliin ja litteään muotoiluun. Liukuvärit ilmestyvät painikkeiden pintaan, ei kolmannen ulottuvuuden korostamiseksi, vaan painikkeen materiaalin korostamiseksi. Painike saa värisävyjä ja alkaa hehkua.

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

2017

Olen hyvin utelias, miten näen tämän vuoden vielä kahdeksan vuoden kuluttua. Toistaiseksi tämä vuosi on toisaalta minimalismin ja tasaisen suunnittelun vuosi. Toisaalta etsimme edelleen uusia tapoja. Olemme vaiheessa, jossa emme ole teknisesti rajoitettuja; meitä rajoittavat vain trendi ja muotikehykset.

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

Mitä seuraavaksi?

Kuinka kauan painiketyylit kehittyvät jatkuvasti? En tiedä. Tiedän vain, että he tekevät. Evoluution syyt voivat vaihdella: teknologinen muutos, suunnittelijoiden tietoisuuden lisääminen, ikävystyminen.

Ei voida kiistää, että painikkeet odottavat uutta muutosta. Ehkä tämä muutos on hänen kuolemansa? Tarvitsemmeko eleillä, intuitiivisella vuorovaikutuksella, AR-, VR- ja äänirajapinnoilla vielä painikkeita, joiden parissa olemme työskennelleet vuosia?