在网页设计中，导航是最重要的元素之一，而CTA按钮（Call to Action）是其中最重要的工具.在本文中，我将基于Dribbble的作品，追踪八年以来网页按钮设计趋势的变迁。

2009-2017年按钮的演化

-2009年-

2009年，互联网迎来了它的40周岁，一个供来自世界各地的设计师分享自己作品的平台——Dribbble，创立了。Dribbble上出现了第一幅作品。这时的按钮的颜色以灰度为主，几乎每个按钮设计都会出现精致的渐变，圆角和阴影。

2009年按钮设计作品来自：Wojciech Dobry，   Dan Cederholm，Josh Bryant，Dribbble，Sarah Parmenter，Matthew Smith

-2010-

这一年，Instagram诞生了。按钮的形式没有太大的变化，但出现了更多的颜色，更多的细节（如内部阴影）以及更多的装饰性排版。 

2010年按钮设计作品来自：Wojciech Dobry，Morgan Allan Knutson，Troy Bergland，Claudiu Cioba，Liam McKay，Jared Christensen

-2011-

CSS3今年首映，互联网用户数量增长到十亿。Skeuomorphism风格（模仿实物纹理的风格）仍然占据统治地位，设计师们开始以非常有创意的方式延续这种风格。在这些作品里我们这里找不到任何应用阴影或照明的规则，但所有这些元素一定存在于每个作品中。 

2011年按钮设计作品来自于：Wojciech Dobry，Julien Renvoye，Claudiu Cioba，Meagan Fisher，Josh Hemsley，Jonathan Moreira

-2012-

skeuomorphism风格逐渐衰落，扁平设计开始兴起。这一年是Skeuomorphism风格最后的华章，一部分设计师将这种风格钻研到了极致，而另一部分的设计师已经开始寻找新的设计方向。 

2012年按钮设计作品来自：Wojciech Dobry, Eduardo Santos, Mike | Creative Mints, Maykel Loomans, Ian Collins,Dawid Liberadzki

-2013-

在今年，苹果公司最终放弃了Skeuomorphism风格，推出了iOS7的设计。毫无疑问，这是扁平设计风格盛行的开始，并一直延续至今。几乎每一个Dribbble的设计师在一瞬间放弃了写实的三维按钮，投奔了扁平的二维。

2013年按钮设计作品来自：Wojciech Dobry，Cosmin Capitanu，Eddie Lobanovskiy，Jonathan Moreira，Riki Tanone

-2014-

Google发布Material Design，然而，很多设计师并没有完全遵循这种风格。这是非常有趣的一年，幽灵按钮和扁平按钮出现在Dribbble的大部分作品中。两像素的边界与鲜艳的色彩 - 这就是2014年的按钮世界。 

2014年按钮设计作品来自：Wojciech Dobry，Eric Hoffman，Ramil Derogongun，Mason Yarnell，Colin Garven，Bill S Kenney

-2015-

在Google发布Material Design之后的几个月内，UI设计师开始接受并跟随了这种风格。看看有多少人将这种扁平按钮与按钮下方微妙的阴影的搭配风格应用于他们的作品，就知道Material Design对这一年的设计趋势产生了多么重大的影响。

2015的按钮设计作品来自：Wojciech Dobry，Victor Erixon，Leo Leung，George Vasyagin，Hoang Nguyen，Joshua Krohn

-2016-

设计师开始对当前的风格感到视觉疲劳了，所以他们提出了一种将材料纹理和扁平设计结合在一起的新的设计元素——渐变。渐变的按钮不是强调三维，而是突出按钮的材质本身。按钮开始拥有彩色阴影，并开始散发光芒。 

2016的按钮设计作品来自：Wojciech Dobry,  Anastasiia Andriichuk,  Gleb Kuznetsov✈,  Ghani Pradita,  Kristofor,  Ben Mingo

-2017年-

我非常好奇在下一个8年中，我将如何看待今年。今年的按钮风格到目前为止，一方面是极简主义和平面设计。另一方面，我们仍在寻找新的形式，我们面临的限制不是技术而是对趋势的理解。 

2017的按钮设计作品来自：Ben Cline, Anton Aheichanka, Vera Voishvilo , George Vasyagin, Ghani Pradita

接下来是什么？

按钮样式的持续演变要多久我不知道，我只知道这种变化一定会发生。演化的原因可能会很复杂——技术变革，设计师意识的提升，或仅仅是因为无聊。

不可否认的是，按钮正在等待另一个巨大的改变。又也许是一场终结。当今的技术已经能让人们通过手势，直观的交互，AR，VR和声音界面来进行操作，这种情况下，我们是否还需要一个按钮呢？

原文链接：https://www.toptal.com/designers/ui/button-design-dribbble-timeline

作者：Wojciech Dobry 

译者：Stella0225

作者简介：https://www.toptal.com/designers/resume/wojciech-dobry