“为什么这种不对称很重要呢?好吧,它帮助用户理解在那个地方调整大小的东西和在z内移动的东西之间的区别。” 如果我在z内移动,这和对称尺度是一样的,当你越来越近的时候,这两个方面都在以相同的速度增长。通过不对称地重新调整大小,我们让用户知道,内容实际上是保持在相同的z级别上。这场运动对他们来说是一个不同的信号。“
(来自录相纸和油墨:重要的材料)
以上描述是什么意思?
有人能解释一下吗?
发布于 2015-09-08 14:04:44
TL;博士
如果你沿着x和y轴同时调整尺寸,那么纸就会看起来离你越来越近,而不是只是在变大。
详细说明:
当物体沿着"z“轴移动时,物体的高度会增加它自身与我们指定的任意曲面之间的距离,作为参考曲面点。
例如,拿一张空白的纸放在你的桌子上。向上和向下提升纸张将沿着"z“轴移动。
这是材料设计的主要理论之一。这些元素是一张纸,用墨水画出来(就像先前在同一视频中描述的那样)。这些纸“休息”的表面是手机的底部,与纸的交互作用会使它们沿着"z“轴移动,如果你认为手机里有一些小纸片在上下移动,那么它们只能走多远(大多数情况下是5-9毫米)。就像这样:

在视频中的03:40,他说“纸通常是呈方形的给用户”。这意味着元素总是垂直显示,与屏幕表面成90度的角度。没有纸翻转(因为如果纸实际上是“在”手机内是不可能的),而且通常只有软动画显示纸张轻微转动(通常表示一张可滚动的纸的结尾)。
现在回答你的问题。
因为你的设备中实际上没有真正的纸,而且它肯定不会沿着物理的"z“轴移动,你怎么能创造出物体被上下移动的效果呢?
主要有两种方式,第一种是影子。在你的元素下面有阴影,它给出它的外观比下面的表面高,或者比它后面的物体更靠近你。它通过使用阴影给它以深度。但实际上,像素都在同一高度,并且没有实际的物理z轴。

但是,如果你只用阴影来说明z轴,它会觉得不对。如果你在那张纸下面增加阴影,它就无法传达它正在离你越来越近。事实上,它看起来就像它后面的表面在脱落,但纸却停留在同一个地方,和你的距离一样远。
第二种方法用来正确地说明纸张离你越来越近,那就是调整大小。
回到你桌子上的那张纸上,如果你从上面直接看它,然后把它移到你的身边,你可以看到它看起来在增长,它越近。看起来会更大。在下面的插图中,您可以看到对象在x轴和y轴上都在增长(但看起来只是离您更近,而不是物理上更大的尺寸)。

这就是参照你所看到的物体的相对大小来观察深度。靠近您的对象看起来更大,而更远的对象看起来更小,而不管它们的实际大小。
为了使纸的效果更接近你,材料使用了这两种你感知深度的方法。阴影和相对大小。它略微增加了纸张的大小,包括高度和宽度,同时在纸下形成一个阴影。
所以当他说:
为什么这种不对称很重要?它帮助用户理解在那个地方调整大小的东西和在z内移动的东西之间的区别。如果我在z内移动,这就相当于对称尺度,当你越来越近的时候,这两个方面都在以相同的速度增长。通过不对称地重新调整大小,我们让用户知道,内容实际上是保持在相同的z级别上。这个运动对他们来说是一个不同的信号。
就像这里:

因为x和y更大,但是下面的阴影是一样的。它没有沿着z轴移动。
这就是他的意思。如果在x轴和y轴上同时调整纸张的大小(宽和高),可能会让人感到困惑,使纸张看起来更靠近您,而不仅仅是调整大小。为了消除可能出现的混乱,并使两者(调整大小和沿着z移动)变得非常清楚,他建议不对称地调整大小,这意味着调整x或y的大小而不是两者,或者在需要扩展的情况下,先调整x或y的大小。
这只是他们描述两者的方式,并呈现出一个更好的用户体验。
所有图片和参考数据摘自谷歌设计网站,文章“什么是物质?”部分关于“立面与阴影”。
我希望这能回答你的问题。
https://stackoverflow.com/questions/32438197
复制相似问题