美文网首页设计DesigniDesign
逝去的2015,进击的Material Design

逝去的2015,进击的Material Design

作者: 法海先生 | 来源:发表于2016-01-03 16:29 被阅读682次

    在2014年的六月,谷歌的I/O开发者大会上,Material Design被介绍。这种全新的革命性的设计语言也被称为“量子纸”(原文:Quantum Paper)。这种新设计充满了大量的活泼的,生动的用户界面,很快被谷歌运用到他们所有平台的产品。

    根据谷歌的设计主管,Matias Duarte所说,这种设计是基于简单的纸张上的墨水的形态,当然他也有很多灵活性。他甚至说:“不像真实的纸张,我们的电子材料能聪明的扩展和重组。材料有物理世界的表面和边缘。缝合线和阴影能暗示你碰到的是什么。”

    为了看起来像现实世界的设计,材料拥有边缘,表面和阴影效果。由点击出现的数据显现的很微妙并且有物理属性,这使它对于用户来说很容易理解界面如何工作,产生效果,有利于流利的一致的用户体验。材料设计也应用了不同的光源(点光源和环境光)到确切的控件上,比如按钮,出现的栩栩如生。材料设计和扁平化设计有很多共同点,但是它比简单的扁平化有更多的深度。

    总得来说,材料设计创造了好的用户体验。明亮的色彩给人一种很好客的感觉,同时有形的数据和精美的动画效果使他看起来更多姿动人。

    Angular.io

    Material Design广泛应用的一年

    在2015年,基于材料设计的应用到处出现,不只是出现在谷歌的产品中。新开发的大量的新应用也是基于材料设计的,同时旧的应用也慢慢地应用这种新的设计。很多的网站开发者也受到了启发,开始在他们的网站中应用材料设计这种语言。

    转变为谷歌的材料设计已经开始大规模的了。网站,手机应用,甚至是壁纸和海报也应用到了材料。材料设计是一个鼓舞人心的,现代的概念,它借鉴了很多旧的设计理念。

    材料设计的卡片概念开始在2015年变得特别受欢迎,并且将继续在2016年得到更多应用。甚至iOS的部分应用也采用了卡片的概念。卡片概念提供了层次化的处理,使用了留白,一些动画,阴影。这种样式很利于把一些信息和动作组织到一起。很多全球受欢迎的网站在他们的界面中使用了这种卡片的样式,比如Facebook和Twitter。

    Twitter

    Facebook最近也开始在他们的通知的设计上使用卡片式的设计。卡片的目标是提供个性化的体验,展示一系列相关的信息组合:

    Facebook 利用卡片的样式展示通知

    材料设计正在被很多旧的和新的网站所接受。

    你应该跟着趋势吗?

    很多设计师不想要使用材料设计因为他们不想表现的很懒惰,他们相信所有的网站都跟着这个概念会看起来很相似。然而,仍然有很多方式使用材料设计会使你表现杰出。比如Codal,我们认为他利用Material Design这个概念很好,并且打破了一些规则更好。

    该怎么做?

    1.在你的设计概念中只使用部分方面。只用材料设计中的动画,或者只用卡片相关的概念。

    2.扩展你所使用的颜色。可以不用那些被广泛使用的明亮的颜色,你可以自己探索更合适的颜色。

    3.创造自定义的icon,不要用官方给的icon,但是仍然要遵循设计规范。

    由@法海翻译自:http://usabilitygeek.com/2015-was-the-year-of-material-design/

    关注下面公众号回复“MD”下载Material Design最新中文版。

    相关文章

      网友评论

        本文标题:逝去的2015,进击的Material Design

        本文链接:https://www.haomeiwen.com/subject/atznhttx.html