4000-888-103

资讯动态Material Design Environment Surfaces 界面资讯详情

Material Design Environment Surfaces 界面

2019-11-04 15:01:05

 

目录

Material环境
属性
特征

 

界面

材料设计具有三维特性,反应在其界面,深度和阴影的使用上。

 

Material环境

物理世界
在物理世界中,物体可以堆叠或彼此连接,但不能相互穿过。 他们投下阴影并反射光线。

Material Design体现了界面通过材质UI去显示和移动对象的特性。 界面及其在三位空间中的移动方式,均与其在物理世界的移动方式相似。 此空间模型也可以一致地在应用程序中应用。

 

深度
Material Design UI显示在使用灯光,界面和投射阴影表达三维(3D)空间的环境中。 Material环境中的所有元素都沿水平,垂直和沿z轴的不同深度移动。 通过将元素放置在沿着z轴正方向的各个点处,朝向观察者延伸来描绘深度。

在Web上,UI通过操纵y轴来表示3D空间。

带有x,y和z轴的3D空间

 

属性

Material界面在材料设计中具有一致的,不可更改的特性和多种行为。

 

外形尺寸

材料具有不同的x&y尺寸(以dp测量)和统一的厚度(1dp)。


 

阴影

材料界面在不同高度投射阴影。


阴影显示不同的材质界面的高度。

  1. 顶视图

  2. 当材料向上移动时,显示由光投下等量3D视图的阴影


在不改变界面高度的情况下不要表达阴影。

  1. 顶视图

  2. 等距3D视图仅使用颜色而不是光线和高度来描绘阴影

 

分辨率
材料具有无限分辨率。


材料具有无限分辨率。

内容

内容在材料上以任何形状和颜色显示。 内容不会向材质添加厚度。 内容不是在单独的层上展示。


材料可以显示任何形状和颜色。 内容可以独立于Material,但仅限于Material的边界内。



内容行为可以独立于界面行为。


内容行为可以跟随Material行为。

 

物理属性
材料是坚固的。 用户输入和交互不能透过材料。 多个Material元素不能同时占据空间中的相同点。

 

 

多个材质元素不能同时占据空间中相同的点。


 

 

材料不能通过其他材料。例如,更改高度时,一个材料界面无法穿过另一个材料界面。


材料不能穿过其他材料。

 

材料不能像气体那样表现。

关键词:h5页面大小 网站h5 h5轻页面

上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png