Material Design 不仅仅是一套视觉规范，更是一套深刻的设计哲学和思维框架。什么是 Material Design：这是谷歌提出的一套调集视觉、交互和前端的界面规划规范，其方针有两点，一是用视觉形式包括经典的规划准则，并将将前沿创新和技能或许展现出来，二是以移动端为基础，将一切尺度、类型的设备一致起来。

在触屏为主的时代，悬停状况要慢慢淡出舞台

不论是下拉框、按钮、躲藏菜单……， Material Design 要么彻底摒弃了鼠标悬停状况，要么就只把悬停状况看作一个无关紧要的视觉反馈。我尽管对悬停作用有些不舍，但也不得不供认，未来是点击和手势的时代，悬停已经在慢慢淡出舞台的路上了。

永远不要以为用户的设备尺度是你能够预期的

尤其是那些用大屏的规划师们，不要有幸运的心思以为在你的屏幕能完好显示的一页，在用户的设备上相同不需求滚页。在设备越来越多样化的未来，翻滚条将不是一种选项，而是一种自习惯。所以，永远要让页底的操控按钮浮起来，以习惯过矮的屏幕。

暗影的意图不是漂亮而是纵深

谷歌向来强调层级概念，这也是它与苹果相差较显着的一点。 Material Design 以为，界面不仅仅平面的，元素之间也能够有纵向的高度差，那么体现这个高度差的方法，便是暗影。 Material Design 的纵向尺度和平面尺度都用同一单位（dp），并一致了不同纵向高度所关于的暗影款式。于是，便发明出了一个层级为堆砌起来的三维国际。

为了易用而确认尺度

界面布局和元素的尺度究竟是该交互来定仍是视觉来定，这是一个争议性论题。我个人以为，尺度仍是应该先从交互开端，视觉规划假如从漂亮上考虑有别的想法，可在此基础上进行评论修正。由于界面的存在含义不是为了漂亮，而是为了运用。元素过小、过大、尺度不一致都会影响到运用，所以这些东西都是交互必须要考虑的。 Material Design 给出了一个32dp（0.508mm）的尺度限制，规定小尺度的按钮和标签都有这么高，以确保触屏的运用舒适度。

躲藏与否取决于必要性，而非空间是否足够

我供认而且反省，直到昨日，我的做法都是将一切或许用到的东西都摆在界面上，发现看起来过多或放不下时，才将部分经过“更多”图标等方式躲藏起来。这样做来其实有很多问题，假如用户的屏幕足够大，那么是不是什么东西都不必躲藏了？当然不是这样，无论界面空间多足够，人的注意力都是有限的。所以 Material Design 主张只将必要的元素（或许仅仅一两个）展示出来，其余的全部躲藏。

慎用颜色

不知道这是不是又算不小心踏入视觉规划的领地了，颜色确实又是另一个需求视觉规划和交互规划共同讨论的论题。很多时分，添加一个颜色或者不添加，对漂亮并没有什么很大的影响，假如是这样，那么好不要添加。国际顶尖的规划公司对颜色都是相当吝啬的，由于界面存在的含义是运用，而为颜色越多，对用户的搅扰越大（可拓展性和品牌识别性也越低）。

让真实重要且唯一的东西打破既定框架

交互规划假如做的随意了，成果会很糟糕；可是假如做得严谨了，有时分会变得很无聊。咱们是能够找到一个突破点，做一些不一样、打破格式的东西的，可是这个东西必须是真实重要且唯一的东西。这个很好了解，假如只要一个东西不一样，那么画面会很有趣，可是假如一切东西都不一样，就会很混乱了。Material Design 的圆形悬浮按钮便是一个真实重要且唯一的东西。

弹出框没必要多复杂

我从没细心看过弹出框的标题是什么，尽管我知道大部分弹出框都有标题。很多人假如发现弹出框没有右上角的“×”会抱怨，但实际上他们底子不需求那个“×”，谁都知道在方框之外点一下弹出框就消失了。 Material Design 对弹出框的运用很灵活，如下图这种情况，弹出框的用处仅仅添加一段评论罢了，那么爽性将标题、确认按钮和取消按钮都去掉，这样运用起来反而愈加顺畅了。

不是视野追寻元素，而是元素追寻视野

做规划时应该仔细考虑乃至计算用户的操作步数和移动距离。光是这些或许还不行，好是连视野移动都能够尽量防止，由于二次聚焦也是需求时刻的。上面那张图中，弹出框上的文本区域与弹出框下的评论区域是重合的，这样规划就防止了用户多次移动视野。 Material Design 把视野追寻也运用到了下拉框上，点击下拉框区域后，选项框彻底掩盖之前的下拉框区域，而且按顺序排列的选项会主动翻滚，让默许选项的位置刚好在之前的下拉框区域之上。

慎用卡片

自从iPhone把圆角暗影炒火了之后，在很多当地都呈现了滥用情况，这几年“卡片式”盛行，隐有愈演愈烈之势。 Material Design 主张将卡片做成显着的圆角，结合纵深感较强的暗影，这样就能够跟其它区域区分开来。可是在信息密集的当地又不发起运用卡片，由于卡片的边框会对注意力形成搅扰。

让信息碎片化

咱们看任何东西，都很少会老老实实地完好阅览。在纸上看书的时分，咱们往往经过不断地扫视、翻页来寻觅自己刚兴趣的内容详读。在阅读网页时，咱们也希望能够一眼在界面上扫到自己感兴趣的内容，然后再深入研究。所以，规划师通常只需求抛出一些“引子”，用户假如感兴趣，就能够顺着这个引子寻觅到他们想要的东西。一切信息展示应该碎片化，重视丰富而不是完好。Material Design 打破您思维局限的核心在于，它将设计从一种凭感觉、零散的艺术创作，转变为一套有理论支撑、有系统规则、可量化、可协作的科学体系。