MATERIAL DESIGN从这11个方面打破了我的思维局

Date 2025-02-27 19:05:18

什么是 Material Design：这是谷歌提出的一套集视觉、交互和前端界面设计规范。它有两个目标。一是以视觉形式包含经典的设计原则，可以展示前沿创新和技术。二是以移动终端为基础，统一所有尺寸和类型的设备。

在触摸屏时代，悬挂状态应慢慢淡出舞台

无论是下拉框、按钮、隐藏菜单… Material Design 要么完全放弃鼠标悬停状态，要么只把悬停状态视为无关紧要的视觉反馈。虽然我不愿意放弃悬停效果，但我不得不承认，未来是点击和手势的时代，悬停已经在慢慢淡出舞台的路上。

永远不要认为用户的设备尺寸是你可以期待的

特别是对于那些使用大屏幕的设计师来说，不要冒险认为你的屏幕可以完全显示一个页面，也不需要在用户的设备上滚动页面。在设备越来越多样化的未来，滚动条将不是一种选择，而是一种自适应。因此，始终让页面底部的控制按钮浮动以适应太短的屏幕。

阴影的目的不是美丽，而是深度

谷歌一直强调层次概念，这与苹果有明显的不同。 Material Design 认为界面不仅是平面的，元素之间也可以有纵向的高度差，所以反映这种高度差的方法是阴影。 Material Design 同一单位采用纵向尺寸和平面尺寸（dp），并统一了不同垂直高度的阴影风格。因此，它创造了一个层次的三维世界。

确定尺寸是为了使用方便

界面布局和元素的大小是互动还是视觉是一个有争议的话题。就我个人而言，我认为尺寸应该从互动开始。如果视觉设计从美学上考虑其他想法，可以在此基础上进行讨论和修改。因为界面的意义不是为了好看，而是为了使用。元素太小、太大、尺寸不一致会影响使用，因此必须考虑这些事情。 Material Design 尺寸限制为32dp(0.508mm)，最小尺寸的按钮和标签如此之高，以确保触摸屏的舒适性。

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

我承认并反思了一下。直到昨天，我的做法是把所有可能使用的东西都放在界面上。当我发现它们看起来太多或放不下时，我通过“更多”图标隐藏了一些东西。事实上，这样做有很多问题。如果用户的屏幕足够大，是否没有必要隐藏任何东西？当然不是。无论界面空间有多大，人们的注意力都是有限的。所以 Material Design 提倡只展示必要的元素(也许只有一两个)，其余的都是隐藏的。