Botões. Com eles finalizamos nossas compras na Internet, acessamos nosso aplicativo bancário e enviamos formulários completos com nossos dados mais pessoais. O design da Web está crescendo a uma taxa incrível e os estilos parecem mudar a cada mês. Em apenas alguns anos, passamos de links de texto a esqueuomorfismo para design plano. A navegação é um dos elementos mais importantes do design da web, e o botão de call to action (ou apelo à ação ) é a sua ferramenta mais forte.

Neste artigo, traçarei oito anos de história do design de botões da web com base em Dribbble .

A linha do tempo dos botões no Dribbble

Em 2009, foi criado o Dribbble - uma plataforma para designers de todo o mundo que compartilharam pequenas peças de seus projetos atuais. Usando o Dribbble, podemos acompanhar a história das tendências e do design dos botões nos últimos oito anos. Já passei por alguns milhares de fotos do Dribbble para criar uma linha do tempo interativa de estilos de botão:

Clique no botão acima para navegar na linha do tempo do Dribbble.

2009

Neste ano, a Internet completa 40 anos e os primeiros 'tiros' aparecem no Dribbble. O layout dos botões é dominado pela escala de cinza. Gradientes delicados, cantos arredondados e sombras aparecem em quase todos os designs de botão. Essa estética se refere aos botões do sistema nativo.

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

2010

O ano em que o Instagram é criado. A forma dos botões não muda drasticamente, mas há muito mais cores, mais detalhes (como sombras internas) e muito mais fontes decorativas.

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

2011

O CSS3 é inaugurado naquele ano e o número de usuários da Internet cresce para um bilhão. O schemorfismo ainda reina supremo, e muitos designers estão desenvolvendo esse estilo de uma forma muito criativa. Você não pode encontrar nenhuma regra para a aplicação de sombras ou iluminação aqui, mas pode ter certeza de que todos esses elementos estão presentes em todos os projetos.

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

2012

O declínio e a forma final do esquemorfismo e o início tímido do design plano. Este ano é de longe a forma mais desenvolvida de skeuomorfismo, onde alguns designers alcançaram o nível de mestre neste estilo, enquanto outros começaram a procurar algo novo.

Wojciech Dobry, Eduardo santos , Mike | Criativos Mints , Maykel Loomans , Ian Collins , Dawid Liberadzki

2013

Neste ano, a Apple definitivamente sai do esboço, lançando iOS7. Sem dúvida, este ano é o início de uma tendência que continua até hoje - o design plano. Quase todos os designers do Dribbble, em certo ponto, abandonam qualquer tentativa de dar aos seus aplicativos ou botões da web uma terceira dimensão e decidem desaparecer.

Wojciech Dobry, Capitão Cosmin , Eddie Lobanovskiy , Jonathan Moreira , Riki Tanone

2014

O Google lança o Material Design. No entanto, muitos designers não seguem esse estilo completamente. Este é um ano bastante interessante, porque de repente todos começam a usar o estilo de botão fantasma ou botões planos. Eles aparecem na maioria das fotos no Dribbble. Duas bordas de Pixel com cores vibrantes - isso é 2014.

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

2015

Poucos meses depois de ouvir o anúncio do Material Design do Google, Designers de IU apaixone-se por este guia. A superfície plana do botão com uma sombra delicada embaixo indica o impacto significativo do Material Design nas tendências atuais. Veja quantas pessoas aplicam este estilo em seus projetos.

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

2016

Os designers ficam entediados, então novos elementos podem ser misturados com o material e o design plano. Gradientes aparecem na superfície dos botões, não para enfatizar a terceira dimensão, mas para enfatizar o material do próprio botão. O botão ganha tons de cor e começa a brilhar.

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

2017

Estou muito curioso para ver como verei este ano em mais oito anos. Até agora este ano é, por um lado, um ano de minimalismo e design plano. Por outro lado, ainda estamos em busca de novos caminhos. Estamos em um estágio em que não somos limitados tecnologicamente; estamos limitados apenas pelos quadros de tendência e moda.

Eu sou cline , Anton Aheichanka , Vera voishvilo , George Vasyagin , Ghani Pradita

Que segue?

Por quanto tempo os estilos de botão continuarão evoluindo? Não sei. Eu só sei que eles vão. As razões para a evolução podem variar: mudança tecnológica, aumento da consciência do designer, tédio.

Não há como negar que os botões estão esperando por outra mudança. Talvez essa mudança seja sua morte? Com gestos, interações intuitivas, RA, VR e interfaces de som, ainda precisaremos dos botões em que trabalhamos há anos?