UI按钮设计发展史

心灵美好

如果您想订阅本博客内容，每天自动发到您的邮箱中，请点这里



版权申明：本文原创作者UI大课堂，感谢UI大课堂的原创经验分享！致敬哈





当我们在上购物，提交我们个人信息都需要用到按钮。页UI设计的增长很快，风格似乎也是一个月一变。最近几年，我们经历过从文 本链接到拟物化设计再到扁平化瀑布流设计。导航是页设计中最重要的元素，并且按钮是最重要的行为工具。



在这篇文章中，我们来追溯按UI钮设计的八年发展史。



按钮的时间线



2009年，成立了一个为全世界设计师提供分享他们设计项目的平台。通过这个平台我们可以看到过去八年按钮设计的趋势和设 计变化。



我在平台上找了很多分类创建了下面的按钮风格时间线:







UI设计



2009



2009年，因特要庆祝40周岁，第一个种类出现在平台上。按钮设计的以灰色为主导。按钮几乎都是用微妙的渐变， 圆角，和阴影构成。







UI设计



2010



2010年，I成立。按钮的风格并没有大幅度的改变，但是使用了更多的颜色，更多的细节(例如内阴影)，更 多的装饰排版。







UI设计



2011



2011年，CSS3首次亮相，互联使用者大规模增长。拟物化依旧占主导地位，但是有很多设计者开始在这个风格上进行 创新。也许你找寻不到阴影或者高亮的使用规范，但是可以确定的是这些元素依旧是每个项目的主流。







UI设计



2012



2012年，拟物化风格趋势下降，扁平化风格趋势开始出现。这一年是拟物化风格发展最快的一年，很多设计师在这种风 格上达到了很高的水平，同时有些设计师开始寻找一些新的东西。







UI设计



2013



2013年，A明确的将拟物化使用在OS7上。毫无疑问的，这一年也出现了新的设计趋势――扁平化设计。几乎 D上每一个独立的设计师――在同一时间――放弃了在其或者页面上使用三维的按钮，转而决定使用平 面设计。







UI设计



2014



2014年，谷歌发布了M D。但是很多设计师并没有完全遵循这种风格。这是一个非常有意思的一年，因为每 个设计师几乎是突然开始用扁平化风格的按钮。在D中就能够找到很多这种风格。简而言之就是:两个像素的边 框按钮。







UI设计



2015



在谷歌发布了M D的几个月后，UI设计师们很快的喜欢上了这种风格。扁平的按钮下方增加了微小的阴影。 很多设计师将这种风格应用到项目中就能证明这种风格对设计趋势的重大影响。







UI设计



2016



2016年，设计师开始将新的元素与M和平面设计风格混合。渐变出现在按钮设计中，不再强调三维感，而是强调 按钮本身的质感。按钮开始使用发光的彩色阴影。







UI设计



2017



2017年，一方面极简主义和扁平化设计已经持续了一年。另一方面，设计师们依旧在寻找新的表现形式。我们正处于一 个在技术上没有限制，而是局限于潮流和时尚框架的阶段。







UI设计



接下来呢?



接下来按钮的发展是怎样的?我也不知道。只知道按钮进化的原因有很多种―技术的改变，设计师设计意识的成长，等等。



不可否认，按钮已经成熟，可以进行其他方面的更改。随着手势交互，AR，VR，或者声控交互，也许我们使用多年的按钮是否还会存在 都是一个值得探讨的问题?



蓝蓝设计()是一家专注而深入的界面设计，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计、界面设计、界面设计、包装设计、图标定制、用户体验 、交互设计、建设、平面设计服务



我们有充分的理由相信电子病历医疗数据分析界面会成为行业的主流，会逐步影响越来越多的人。北京兰亭妙微（蓝蓝设计）是一家专注而卓越的UI界面设计公司,以良好的服务为众多优秀企业提供卓越的UI咨询、竞品分析、交互设计、UI界面设计、大数据可视化设计、嵌入式软件界面设计开发、图标icon设计、大型网站设计、用户体验设计、软件开发....是一家从用户研究、交互设计及优化咨询、软件和网站设计、界面开发实施全方位提供解决方案的创新型设计公司。http://www.lanlanwork.com