企业及高校合作：010-59833514 ‬咨询电话：400-810-1418 服务与监督电话：400-810-1418转接2
北京
b

北京

g

广州

h

杭州

s

上海

w

武汉

火星网校
课程导航
元宇宙设计
虚幻引擎视效表现大师班 虚幻引擎交互开发工程师班
游戏设计
原画概念设计大师班 游戏UI设计师班 3D模型大师班 游戏动作设计师班 游戏特效大师班 VR视效与交互大师班
剪辑包装
影视剪辑包装广告大师班 影视剪辑大师班
影视后期
影视原画与模型渲染大师班 3D角色动画大师班 影视特效与合成大师班
游戏程序
Unity3D游戏开发工程师班 虚幻引擎交互开发工程师班
U I 设计
AI+UX设计大师班
商业插画
商业插画高级设计师班 艺术设计基础班
IT 学院
WEB前端+全栈工程师班 人工智能+Python开发工程师班
室内设计
室内设计表现大师班 室内高级设计师班 室内高级设计研修班 BIM全科班 VR建筑与室内表现设计师班
当前位置：首页 >教程首页 > U I 设计 > AI+UX设计大师班 >从2009年到2017年，按钮设计发生了哪些变化？

从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期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

热门课程

专业讲师指导 快速摆脱技能困惑

相关文章

多种教程 总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

火星资讯

链接合作QQ : 1336151628
室内设计 游戏培训 ui设计培训 影视特效培训 插画培训 原画培训 动画培训 平面设计培训 建筑设计 动漫培训 火星问答 web前端培训 技校 学技术 中专 动漫绘画教程 通用培训
关于火星
关于我们 人才合作 建议和意见
内容分类
频道专区 热门标签
火星优势
师资团队 教学模式 课程研发 学员成果 图书出版 资质认证
帮助中心
专业选择 考察学校 学习方式 如何就业 如何退费
联系我们
课程咨询：400-810-1418 人力资源：010-59833585 总机电话：010-59833333 监督电话：400-810-1418转接2 就业部：010-59833202 企业及高校合作：010-59833514 市场合作：010-59833359
©2021, www.hxsd.com 北京火星时代网络技术有限公司 电信与信息服务业务经营许可证070738号 京ICP备09083002号-6  京ICP证061064号  京公网安备11010502025474
获取验证码

×

确定