2009到2017年按钮设计变化的趋势

按钮虽然是一个小小的设计元素,但在UI设计中却有着非常重要的地位,而且每个界面都少不了它的身影。网页设计风格的流行趋势月月不同,按钮设计似乎也跟随着变化。今天,我们就来看看从2009到2017年按钮设计变化的趋势吧!

2009到2017年按钮设计变化的趋势

2009的按钮设计趋势:

2009年的按钮风格主要以灰色为主导,几乎都是用微妙的渐变、圆角和阴影构成。

2009到2017年按钮设计变化的趋势

2010年的按钮设计趋势:

到了2010年,按钮的风格并没有太多的改变,但是使用了更多颜色和细节,以及装饰排版。

2009到2017年按钮设计变化的趋势

2011年的按钮设计趋势:

拟物化按钮依旧成为主导地位,但仍有很多设计者开始在这个风格上进行创新。

2009到2017年按钮设计变化的趋势

2012年的按钮设计趋势:

这一年是拟物化风格发展最快的一年,很多设计师在这种风格上达到了很高的水平,同时也有设计师开始寻找一些新的东西。

2009到2017年按钮设计变化的趋势

2013年的按钮设计趋势:

这一年出现了新的设计趋势——扁平化风格,同时几乎每个设计师都放弃了在其APP或Web页面上使用拟物化按钮,而转用扁平化设计。

2009到2017年按钮设计变化的趋势

2014年的按钮设计趋势:

2014年,虽然谷歌发布了Material Design,但很多设计师并没有完全遵循这一风格,而是继续使用扁平化风格的按钮。

2009到2017年按钮设计变化的趋势

2015的按钮设计趋势:

这一年,UI设计师们似乎喜欢上Material Design这种风格,在扁平按钮下方增加微小的阴影。

2009到2017年按钮设计变化的趋势

2016年的按钮设计趋势:

设计师开始将新的元素与Material Design和扁平化设计风格混合,按钮设计不再强调三维感,而是强调按钮本身的质感,也开始使用发光的彩色阴影。

2009到2017年按钮设计变化的趋势

2017年的按钮设计趋势

极简主义和扁平化设计已经持续了一年;另一方面,设计是们依旧在寻找新的表现形式。而目前,按钮设计正处於一个在技术上没有限制,但却局限於潮流和时尚的框架阶段。

2009到2017年按钮设计变化的趋势

对於未来按钮设计的发展是如何?Nothing is impossible!但是不可否认,按钮已经成熟了,随着手势交互、AR、VR,或者声控交互的发展,未来按钮是否依然存在,也是值得探讨的问题。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44055.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日
下一篇 2022年6月25日

相关推荐

  • 分享6个超实用的UI设计技巧 为品牌网站留住更多客户

    在进行品牌网站设计时,有很多UI设计技巧都能恰到好处地提升产品的视觉效果和用户体验,比如今天Inspirr网页制作为大家介绍的这6个实用性很强的UI设计技巧。 分享6个超实用的UI设计技巧 为品牌网站留住更多客户 UI…

    2022年6月20日 建站资讯
    0154
  • 今日分享如何添加滚动条。

    在HTML中,可以通过设置元素的CSS样式overflow: auto;或overflow-y: auto;来添加垂直滚动条。对于水平滚动条,使用overflow-x: auto;。 (图片来源网络,侵删) 在网页或应用程序中添加滚动条通常涉及到使用HTML、C…

    2024年6月27日
    00
  • 简单点,设计的方式简单点!

      功能可见性是拯救复杂化网页设计的有效法宝。简单来说,就是运用元素的自身或者它所处在的环境,让用户点击进入网页就能够所见即所得。 功能可见性的形式等同於一种无声却有力的解释,可以强化也可以简化你…

    2022年6月25日
    0101
  • 网站设计背后收获的好处。

    企业对网站的需求愈加庞大,面对这个信息时代,设计一个自己的网站才能更加融入这个时代。我国互联网发展已经近三十年,不但改变了我们的生活方式,也改变了购物方式和阅读方式。很多都依赖互联网,网站更是如此。…

    2022年7月4日
    0124
  • 网页设计技巧:如何制作高品质的企业网站

    随着互联网重心逐渐改变,企业网站不仅仅只是作为一个门户网站,更多的是满足用户的需求,提高网站建设的水平,使网站的访问率、转化率和跳出率能达到理想的效果。 如何制作高品质的企业网站呢? 1. 注重网站页面的…

    2022年6月25日 建站资讯
    0126
  • 浅谈网站当中的数据与信息可视化图表

    界面设计到了信息和数据的布局流程时,一般都会选择信息可视化形式。 什麽是数据可视化图标?简单来说,指的是为数据设计合适的图形图像。而信息可视化则更为具体化的,以及更包含着解释性的和独立性。 数据可视化…

    2022年6月25日
    0139
  • 公司网站设计之后如何提高用户访问量?

    现如今,公司网站设计的目的,无非就是为了能够拓展网络业务,更好的文宣和发展公司。但大部分的公司其实对网站还是不具备一定的了解的,只认为网站建成之后就可以带来一定的效益了。那这样的想法也就大错特错了,…

    2019年10月23日
    0181
  • 2020年的5大网页设计趋势将伴随我们。

    我们一直在寻找方法来提高我们的技能和服务,以及我们所创造的东西。有时,改善的渴望是有意识的。大多数时候它在我们的脑海里,但仍然活跃。短期的结果可以接受,但如果你想在你的职业中成长,良好的长期结果才是…

    2023年2月21日 SEO操作
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息