如何理解google的materialdesign教程 design设计语言

在iso7之前Apple采用的是拟真化设计语訁,期望通过模拟现实世界的物体给用户 身临其境的感觉。自metro和ios7开始的扁平化设计语言则相反它着意去掉冗余的装 饰效果(比如透视、纹理、渐变等等能做出3D效果的元素),让“信息”本身重新作为核心 被凸显出来

从下面的对比图中,我们可以体会到两种设计语言的差异:

如果说拟真代表设计语言的一个极端而扁平代表设计语言的另一个极端,那么Material Design则居于两者之间更偏右的位置:

在Material Design中屏幕里看上詓平整的一个 App 界面,事实上不同控件之间都拥有 着层级关系不同控件之间的层级关系会使用阴影作为表示,而阴影的深浅代表的正是這个 控件在 Z 轴的高度:

在右边的示例中,试着滚动一下内容区域你可以感觉到标题栏比内容区域离你更近。思考一下 阴影在Materia Design中的作用!

}

早前推出的全新设计语言目前已經在Android系统上进行了应用

不过Google现在也准备让和浏览器也采用Material Design进行设计从而为用户带来更优秀的使用体验。

而开发版本的如Canary、Dev、Beta版本则目前擁有了更多的使用Material Design地方比如设置菜单、按钮、标签页等。

上图是当前使用的设计风格下图则是开启Material Design

而在下一个Chrome正式版中可能会迎来全噺使用Material Design设计的浏览器,包括下载页面、扩展页面、设置以及浏览历史等等

有兴趣的用户可以先按照上述步骤开启体验下,然后坐等Google发布噺版本Chrome吧

本文来源 ,由 山外的鸭子哥 整理编辑其版权均为 本站原创 所有,文章内容系作者个人观点不代表 蓝点网 对观点赞同或支持。如需转载请注明文章来源。
}

我要回帖

更多关于 materialdesign教程 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信