UI按钮设计发展史.docxVIP

创想设计学院官网： 创想设计学院 官网： / 创想设计学院官网： 创想设计学院 官网： / UI 按钮设计发展史 当我们在网上购物，提交我们个人信息都需要用到按钮。网页 UI 设计的增长很快，风格似乎也是一个月一变。最近几年，我们经历过从文 本链接到拟物化设计再到扁平化瀑布流设计。导航是网页设计中最重要的元素，并且按钮是最重要的行为工具。 在这篇文章中，我们来追溯按 UI 钮设计的八年发展史。 按钮的时间线 2009 年，成立了一个为全世界设计师提供分享他们设计项目的平台。通过这个平台我们可以看到过去八年按钮设计的趋势和设 计变化。 我在平台上找了很多分类创建了下面的按钮风格时间线: UI 设计 UI 设计 2009 2009 年，因特网要庆祝 40 周岁，第一个种类出现在平台上。按钮设计的以灰色为主导。按 钮几乎都是用微妙的渐变， 圆角，和阴影构成。 创想设计学院官网： 创想设计学院 官网： / 创想设计学院官网： 创想设计学院 官网： / UI 设计 2010 2010 年，Instagram 成立。按钮的风格并没有大幅度的改变，但是使用了更多的颜色，更多的细节(例如内阴影)，更 多的装饰排版。 UI 设计 2011 2011 2011 年，CSS3 首次亮相，互联网使用者大规模增长。拟物化依旧占主导地位，但是有很多 设计者开始在这个风格上进行 创新。也许你找寻不到阴影或者高亮的使用规范，但是可以确 定的是这些元素依旧是每个项目的主流。 UI 设计 2012 2012 年，拟物化风格趋势下降，扁平化风格趋势开始出现。这一年是拟物化风格发展最快的一年，很多设计师在这种风 格上达到了很高的水平，同时有些设计师开始寻找一些新的东西。 UI 设计 2013 2013 2013 年，Apple 明确的将拟物化使用在 iOS7 上。毫无疑问的，这一年也出现了新的设计趋 势——扁平化设计。几乎 Dribbble 上每一个独立的设计师——在同一时间——放弃了在其 app 或者 web 页面上使用三维的按钮，转而决定使用平 面设计。 UI 设计 2014 2014 年，谷歌发布了 Material Design。但是很多设计师并没有完全遵循这种风格。这是一个非常有意思的一年，因为每 个设计师几乎是突然开始用扁平化风格的按钮。在 Dribbble 中就能够找到很多这种风格。简而言之就是:两个像素的边 框按钮。 UI 设计 2015 2015 在谷歌发布了 Material Design 的几个月后，UI 设计师们很快的喜欢上了这种风格。扁平的 按钮下方增加了微小的阴影。 很多设计师将这种风格应用到项目中就能证明这种风格对设计 趋势的重大影响。 UI 设计 2016 2016 年，设计师开始将新的元素与 Material 和平面设计风格混合。渐变出现在按钮设计中， 不再强调三维感，而是强调 按钮本身的质感。按钮开始使用发光的彩色阴影。 UI 设计 2017 2017 年，一方面极简主义和扁平化设计已经持续了一年。另一方面，设计师们依旧在寻找新的表现形式。我们正处于一 个在技术上没有限制，而是局限于潮流和时尚框架的阶段。 UI 设计 接下来呢? 接下来呢? 接下来按钮的发展是怎样的?我也不知道。只知道按钮进化的原因有很多种—技术的改变，设 计师设计意识的成长，等等。 不可否认，按钮已经成熟，可以进行其他方面的更改。随着手势交互，AR，VR，或者声控交 互，也许我们使用多年的按钮是否还会存在 都是一个值得探讨的问题?