申请报道

扫一扫,联系编辑获得审核机会

符合以下要求,获得报道机会

  • 1. 新公司求报道
  • 2. 好项目求报道
  • 3. 服务商求报道
  • 4. 投资融资爆料

当前位置:澳门葡京赌场官网 葡京网上赌场 葡京开户 >  站长 >  交互设计 >  正文

从2009年到2017年,按钮设计发生了哪些变化?

 2017-12-18 08:42  来源:优设网  我来投稿

澳门葡京赌场官网 葡京网上赌场 葡京开户 www.jinyi186.com   月入百万 2018互联网创业项目加盟

  当我们在网上购物,提交我们个人信息都需要用到按钮。网页设计的增长很快,风格似乎也是一个月一变。

  在这篇文章中,我们来追溯在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,或者声控交互的发展,也许我们使用多年的按钮是否还会存在,都是一个值得探讨的问题。

扫一扫关注A5创业网公众号

扫一扫关注A5创业网公众号

责任编辑:西瓜

相关文章

  • 如何设计一个好LOGO?LOGO设计网让LOGO设计不再难!

    LOGO是让品牌呈现在用户面前的最好形式,通过LOGO,用户可以快速地识别公司和品牌,因此拥有一个让人过目难忘的LOGO是品牌营销的重要方式。LOGO的形状、颜色、形式,每一个元素都直接影响人们对他的印象,那么什么样的LOGO才能深入人心,起到很好的宣传效果呢?

  • 如何优化操作流程,提升用户体验?

    关于提升用户体验的方法论非常多,其中一个比较常见的就是简化操作流程。我们对此非常熟悉,但是我很少看到有文章系统的去论述该如何去简化操作流程。这里我就做一个简单的分析,如果大家看完之后有所收获或启发,不胜荣幸。

  • 在设计APP签到功能的时候,我在想什么?

    什么是签到?让我们先从表象理解:签到就是用户每天在APP内使用此功能,并得到系统给予的奖励。签到功能,用好了能够有效的促活,用不好的话只是一个增加应用包大小的鸡肋功能。怎么设计一个高效的签到功能呢?这篇文字记录了我的思考,希望能对你有启发。

    标签:
    app设计
  • 抖音播放主页交互设计分析

    众所周知,交互设计是产品经理的必备技能,对一款产品进行交互设计分析,也是产品经理的日常工作之一。那么对于互联网产品来说,我们应该如何对其进行交互设计分析?选取的维度,关注的重点又有哪些?下文我以抖音播放主页为例,说说我的看法。

  • 交互设计师在全流程设计中,有哪些注意事项?

    在整个设计过程中,我们有标准化的设计流程。据我了解:很多大的设计团队流程都是一样的,这里不做过多讲解。在具体的项目中我们经?;崤黾髦指餮睦?,我们如何克服困难帮助业务成功?如何在协同业务的全流程中利用体验的视角洞见机会,让设计的价值最大化至关重要?

    标签:
    交互设计师
  • 理财产品中,体验金的设计与分析

    理财产品,从推广营销活动开始,用户一层一层流失掉,到最后,投资的用户所剩无几,转化率可想而知。这也是困扰从业者普遍的问题。如何使新用户成功转化为投资用户,成为关键一环。众所周知,在这个线上流量枯竭的时代,互联网理财产品如今获取一个真实有效投资用户的成本相当高。尤其是和金钱挂钩的理财产品,与用户建立信

  • 在设计过程中,有哪些不容忽视的交互设计要点?

    本文总结了一些在交互设计中重要的理论要点,并针对各理论要点展开描述相应的设计策略。主要涉及视觉感知、认知摩擦、认知负荷和情境认知四个方面。视觉是人类认识自然、了解客观世界的重要手段,同时也是理解人类认知功能的突破口。当人们开始观察外界物体时,视觉系统将剌激以图像的方式传递到大脑,并通过大脑的视觉皮层

    标签:
    交互设计
  • 氛围独特情绪深沉的深色系网站,设计上有什么讲究?

    在设计中,情绪的传达和氛围的营造通常是要看设计项目的目的是什么,而不同的配色和不同的元素组合,往往能够呈现出截然不同的风貌。相比之下,深色系网站常?;岢氏殖龈捞氐姆瘴?,传达出更为复杂多样的情绪。虽然这样的情绪并不一定是正面和向上的,但是好设计总归是让人过目难忘的。想要借助深沉的色调来创造情绪相对

  • 浅色还是深色?教你选择合适的界面配色方案!

    我们的日常生活总是会面临无数的选择,尤其是在职业生涯中,我们必须考虑到很多的反对和挑战,更好的设计解决方案不仅是基于建议,而且是以事实、经验和知识为基础的。今天我们要讨论的是UI设计师在工作中经?;嵊龅降囊桓鱿钅浚憾杂谟没Ы缑胬此的母雠渖桨父?,是浅色还是深色?

    标签:
    界面设计
  • PC端表单设计的研究:如何设计一个优秀的表单页面

    最近身边的一些小伙伴,总会遇见B端设计工作,对于这种偏后台设计的B端设计,总会有大量的表单设计需要做,结合以前自己也有过不少表单设计的工作,在这里给大家分享一下自己对于PC端表单设计的研究,聊一聊表单在PC端中的运用。

    标签:
    表单设计
小程序

热门排行

信息推荐

扫一扫关注最新创业资讯
澳门葡京赌场官网 葡京网上赌场 葡京开户