火星网校
从2009年到2017年，按钮设计发生了哪些变化？
发布时间：2018-11-17 19:57:24
当我们在网上购物，提交我们个人信息时都需要用到按钮。网页设计的增长很快，风格似乎也是一个月一变。在这篇文章中，我们来追溯在Dribbble上按钮设计的八年发展史。
按钮的时间线
2009年，一个为全世界设计师提供分享他们设计项目的平台成立了——Dribbble。通过Dribbble我们可以看到过去八年按钮设计的趋势和变化。
我在Dribbble上找了很多分类，创建了下面的按钮风格时间线:
2009
2009年，因特网要庆祝40周岁，第一个种类出现在Dribbble。按钮设计以灰色为主导，几乎都是用微妙的渐变、 圆角和阴影构成。
2010
2010年，Instagram成立。按钮的风格并没有大幅度的改变，但是使用了更多的颜色，更多的细节（例如内阴影），更多的装饰排版。
2011
2011年，CSS3首次亮相，互联网使用者大规模增长。拟物化依旧占主导地位，但是有很多设计者开始在这个风格上进行创新。也许你寻找不到阴影或者高亮的使用规范，但是可以确定的是这些元素依旧是每个项目的主流。
2012
2012年，拟物化风格趋势下降，扁平化风格趋势开始出现。这一年是拟物化风格发展最快的一年，很多设计师在这种风格上达到了很高的水平。同时，有些设计师开始寻找一些新的东西。
2013
2013年，Apple明确的将拟物化使用在iOS7上。毫无疑问的，这一年也出现了新的设计趋势——扁平化设计。几乎Dribbble上每一个独立的设计师，在同一时间放弃了在其App或者Web页面上使用三维的按钮，转而使用扁平化设计。
2014
2014年，谷歌发布了Material Design，但是很多设计师并没有完全遵循这种风格。这是非常有意思的一年，因为每个设计师几乎是突然开始用扁平化风格的按钮，在Dribbble中就能够找到很多这种风格。简而言之就是，两个像素的边框按钮。
2015
在谷歌发布了Material Design的几个月后，UI设计师们很快地喜欢上了这种风格。扁平的按钮下方增加了微小的阴影，很多设计师将这种风格应用到项目中就能证明这种风格对设计趋势的重大影响。
2016
2016年，设计师开始将新的元素与Material和扁平化设计风格混合。渐变出现在按钮设计中，不再强调三维感，而是强调按钮本身的质感，按钮开始使用发光的彩色阴影。
2017
2017年，一方面极简主义和扁平化设计已经持续了一年，另一方面，设计师们依旧在寻找新的表现形式。我们正处于一个在技术上没有限制，而是局限于潮流和时尚框架的阶段。
接下来按钮的发展是怎样的？我也不知道。只知道按钮进化的原因有很多种，比如：技术的改变，设计师设计意识的成长等等。
不可否认，按钮已经成熟，随着手势交互、AR、VR，或者声控交互的发展，也许我们使用多年的按钮是否还会存在，都是一个值得探讨的问题。
本文转载于：非科班设计，翻译: 小船。
原文链接：https://blog.framer.com/button-design-over-the-years-a-dribbble-timeline-5eb138b09b91
分享
上一篇 2011年网页设计趋势全面分析
下一篇 6个关键的配色技巧，UI配色
学员作品赏析
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
在杭州学习UE5，掌握未来游戏设计的核心技术。火星时代教育为你提供全面的UE5课程，助力你开启职业新篇章。了解UE5的就业前景......
-
杭州是一个动漫游戏氛围浓厚的城市，去杭州发展，选火星学习，进入游戏动漫行业，大有可为哦
-
此篇文章深度介绍了室内3D模型线上课程的内容和结构，并着重强调了其在新时代创新技术中的重要性。最后，我们将介绍火星时代教育公司......
-
探讨目前各种C++培训班的特点，提出如何挑选适合自己的C++培训班，并介绍火星时代教育的相关信息。
-
影视动画设计基础课程的深入解析，提供给所有对动画创作有兴趣的人。让我们一起来了解更多动画设计的世界吧！
-
文章详细描述了剪辑制作培训机构的课程设置以及如何选择一个好的剪辑制作培训机构。
