Question

Materialdesign设计_materialdesign设计规范

Answer 1

“Material”中文译为“材料”，它代表着物质的组成成分，如果放在手机系统设计中，这个词会让人很容易的联想到手机系统的界面风格设计，比如拟物和扁平风格。不过此次谷歌的Materialdesign并不是一种系统界面设计风格，Materialdesign其实是单纯一种设计语言，它包含了系统界面风格、交互、UI等，此外对于谷歌来说，Materialdesign还有着非常伟大的使命，那就是打造一个横跨所有设备的统一的设计语言，像是手机、桌面端、可穿戴设备等今天就请大家跟随这小编的脚步，来看看这次谷歌全新设计理念Materialdesign。

系统界面风格

“鲜明、形象、深思熟虑”，Materialdesign此次的界面风格设计用这几个词语来形容是再合适不过了。Materialdesign为安卓提供了新的视觉语言，在基本元素的处理上，借鉴了传统的印刷设计、字体版式、网格系统、空间、比例、配色、图像使用。在这些设计基础上下功夫，从而能够构建出视觉层级、视觉意义以及视觉聚焦。精心选择色彩、图像、选择合乎比例的字体、留白，力求构建出鲜明、形象的用户界面，使得新的系统界面是如此的漂亮。

而在色彩的选择上Materialdesign的原则是“大胆、图形化、有意义”。在MaterialDesign中，UI配色提倡一种主色，一种互补色。在区域较大部分的色彩采用主色的500色调，区域较小的部分例如状态栏采用深一点的色调。如此巧妙的色彩搭配使得应用看起来非常的大胆、充满色彩感，凸显内容。

Materialdesign对于界面的排版非常的重视。众所周知，好的排版会让界面看起来非常的清爽，不会有杂乱无章的感觉，而要将排版做好，“基线”绝对是必不可少的一样东西。谷歌官方文档《MaterialDesign排版边距》中就有提到基线的摆放位置，由下图中我们可以看出，MaterialDesign将第一基线放在距离边界16dp的地方，与文本项对齐的第二基线被摆放到距离左边界72dp的地方，这种对齐规则让界面看起来清爽、具有印刷设计的阅读节奏感。让用户得以快速阅读信息，比较符合格式塔原则。

整体来说，Materialdesign为安卓带来一次改革，系统的界面风格和布局都有了很大的改变，安卓系统自身的风格也渐渐显露雏形。终于不会在有人说安卓原生系统难看了。

令人愉悦的交互设计

Materialdesign的交互设计上采用的是响应式交互，这样的交互设计能把一个应用从简单展现用户所请求的信息，提升至能与用户产生更强烈、更具体化交互的工具。接下来我们选择几个简单的动态图，来看下Materialdesign独特的交互设计。