【翻译】Android人机交互设计指南-什么是material之环境

什么是material?

环境:3d世界、光与阴影


3D世界

material环境是一个3D空间,意味着所有的物体都有x,y和z值。其中z轴垂直地对其到设备的平面,通过正向的z轴,可以拓展到观察者。每层material在z轴上都占有一个独有的位置,和拥有标准的1dp厚度。

在web上,z轴用来分层,而不是用来透视。3D世界是通过操纵y轴来仿真的。


光和阴影

在material的环境里,通过虚拟的光照亮了场景。主光线产生了定向的阴影。同时周围的光线从各个角度产生了柔和的阴影。

阴影在material的环境里,被以下两个光源投射而出。

1.在Android的开发中,当光源沿着z轴,在各种位置被各层material挡住时,产生阴影;

2.在web,阴影只有通过y轴来描画;

接下来的例子展示了6dp高的卡片。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.Introduction - 介绍 We challenged ourselves to create a v...
    两个朋友指甲阅读 1,414评论 0 5
  • 第一章节《Material design》 一、介绍(Introduction) 译者注:关于“Material”...
    D27阅读 3,635评论 0 30
  • 官网地址:https://material.io/guidelines/material-design/envir...
    出走的三毛阅读 558评论 0 0
  • 对一切都乏味的我,终于也迷失在周围永不停歇声音中,这话逻辑有问题,是先迷失还是先乏味,我确实也搞不清楚了,什么都想...
    cxyswa阅读 213评论 1 1
  • 六点二十的闹钟 要起来的确有些困难 外面天还很黑 不敢出去晨跑 只好在家里骑了半个小时的动感单车 冬天早起真不是一...
    QICAN阅读 253评论 0 0