时下，“material design”总被设计师们频频提及。它是谷歌在I/O 2014上发布的新的设计语言。

不过，material design不仅是一种新理念，它可能让设计师们颠覆性地重新思考网页设计或程序设计。各大网站已开始采用谷歌的material design的文档资料重新设计方案。那么，现在让我们来学习什么是material design，以及想象未来的material design框架吧！

Material Design是什么？

Material Design是由谷歌的设计团队创建一种设计语言，旨在帮助设计师们创建易用性和实用性较强的网站和应用程序。这个概念基于一个不断更新的公开文档。该文档会随着域界以及技术更新而更新。

material design文档里的每一种元素都被描述得很详细，从如何创造它们到放置于屏幕的哪些位置。你简直难以想象它有多细致。（准确的说这个列表包括19个组件）

• Bottom sheets 底部控件

• Buttons 按钮

• Cards 卡片式

• Chips 纸夹式

• Dialogs 对话框

• Dividers 分隔式

• Grids 网格线

• Lists 列表

• List controls 列表控件

• Menus 菜单

• Pickers 选择器

• Progress and activity 进度条

• Sliders 滑块

• Snackbars and toasts 快闪条

• Subheaders 小标题

• Switches 开关

• Tabs 选项卡

• Text fields 输入框

• Tooltips 工具提示

喜欢这些控件的设计师可以下载一个Photoshop的矢量文件，它包含所有元素以及安卓的系统图标，这个贴片集 附带各种样式并遵循文档建议的网格系统。

可用性和互动性

“一个产品的易用性在于所有人（不论理解能力高低），都能够浏览它，理解它，并能用它来实现他们的目标。因此，一个真正成功的产品应该对尽可能广泛的受众易用。”

Material design文档通过一个非常有用的方式让我们对交互性模式，可用性模式，以及可访问性问题上开了眼界。虽然实际的美观性对经验丰富的设计师来讲是必不可少的，但可用性和交互性的概念也需要引起重视。

它的交互模式部分特别有用。它详细介绍了一系列想法，即让一些元素通用于整个设计。（试想一下，比如如何输入时间或日期，或搜索功能怎样工作。）这些是用户期望使用到的一些最基础的工具，并且这些工具如果能以特定的方式为所有用户们发挥作用，无疑是有益的。

易用性则是另一个重要问题，material design文档为易用性提出并提供了更好的选择。想一下，那些可能没有办法通过声音或颜色与web进行交互的用户，那些没有高对比度大屏幕、没有屏幕只能语音控制、甚至没有所有这些条件呢？这样的用户其实也占了相当大的比例。

Material Design 设计欣赏

正如每一个新趋势和概念都会引来大批追随者，已经有大量的网址和移动端应用在使用Material Design阐述的设计概念。下面的5个案例正是遵循Material Design的准则设计的，看看设计师们是如何应用这些概念的。

Runtastic Running and Fitness

Google Settings

WhatsApp

Evil Rabbit

Weather Timeline

总结

Material Design的概念众口称好，界面设计的标准精准且新奇。但是大多数富有经验的设计师可能并不需要这些设计标准。在设计标准文件里，几乎处处有欺骗你去下载的内容。引起了大众的反思，我们真的需要如此多的帮助吗？

设计标准读起来让人耳目一新，开阔了我们的新思路，同时也让我们预见到未来类似的设计会在网页上铺天盖地泛滥。然而，尽信书，则不如无书。我们可以在一定程度上运用这些标准，切不可太过于依赖这些标准。设计，尤其是基于流行趋势和技术发展的设计，正在以我们所不能想象的速度在快速更替。

Material Design像其他的设计趋势、框架和概念一样，需要你独立思考，考量它在你的设计文件中是否有用武之地。现在，你是否已经开始应用Material Design了吗？

来源:ui中国