MD规范-What is mater...

  • 经验类型规范/资料原作者:google

  • 经验属性自译外文
  • 经验版权署名
6135 2 28 2016-05-22

这是Material design的一系列译文,是谷歌为Android开发的设计规范,当你学会应用它的时候,你真的会感觉到的它轻巧、美观和传递的愉悦。


章 - 什么是Material(What is material)


节 - material属性(Material properties)



材料(material)有不变的特性和固有的行为。


理解材料的这些性质有助于你更好的操作,这也是Material design的愿景。


材料(material)特性


  • 立体的
  • 在空间中有唯一的位置
  • 不可被穿透
  • 形状可变
  • 只能沿着表面改变尺寸
  • 不可弯折
  • 可以和其他材料相连
  • 能分离,拆散、恢复
  • 能被创建和销毁
  • 可以沿着任何轴运动

Image title



本节内容

  • 物理性质
  • 材料变化
  • 材料的运动


(注:为了便于理解,本节中,下面的部分内容将把material翻译为卡片)


物理性质(Physical properties)


卡片(material)具有可变化的长宽(单位是dp)和均匀的厚度(1dp)
Image title上图可取

卡片的宽高可以变化


Image title

上图不可取

卡片的厚度为1dp


卡片投影


由于卡片元素具有相对不同高度,投影自然产生

Image title

上图可取

投影反应了不同元素的相对高度


Image title

上图不可取

卡片上的颜色不能产生投影




任何形状任何颜色的内容可以显示在卡片上,而不增加卡片的厚度

Image title

上图可取

任何形状任何颜色的内容可以显示在卡片上,而不增加卡片的厚度



内容的行为表现独立于卡片,但要限制在卡片的范围内

Image title

上图可取

内容的表现与卡片的表现相对独立



材料是立体的


输入事件不能穿透卡片

Image title

上图可取

输入事件只能影响上面的卡片


Image title

上图不可取

输入事件不能穿透卡片



卡片不能同时处于空间的某一点上

Image title

上图可取

用所处高度来区分卡片,防止多个卡片同时处于空间的一点。


Image title

上图不可取

多个卡片元素占据了空间的相同点



卡片不能穿过另外的卡片


例如,高度改变的时候,一张卡片在移动过程中不能穿透另一张卡片。

Image title

上图不可取

卡片不能穿过另外的卡片



材料变化(Transforming material)


卡片可以改变形状

Image title


卡片只能沿着其表面扩大或者缩小

Image title

上图可取

卡片只能沿着其表面扩大或者缩小



卡片永远不能弯曲或者折叠

Image title

上图不可取

卡片永远不能弯曲或者折叠



多张卡片可以结合在一起融合成一张卡片

Image title


卡片在分离后可以恢复,例如你从整张卡片中划出一块,它们可以重新融合在一起

Image title




材料的运动(Movement of material)


卡片可以在环境中的任何地方自发产生或者消失

Image title


卡片可以沿着任意轴运动

Image title


Z轴上的运动通常是由于用户发起了交互行为而产生

Image title



注:文章翻译自谷歌2016年5月最新官方文档,全部为本人人工翻译,本节部分用语和翻译有参考极客学院上已经发布的更新至2015年8月的的文档(地址:http://wiki.jikexueyuan.com/project/material-design/material-design-intro/introduction.html)

最近很忙,material design的规范非常多,涉及,字体,颜色,控件,布局等等,适用于手机,平板,桌面平台,它在不断更新,我会坚持翻译下去,希望感兴趣的童鞋共勉。

全部评论:2条

  • 大灰羊丷

    2021-03-04 13:53

    @悠游123: 你应该是 没设置循环播放吧

  • 薛定饿

    2016-05-23 22:26

    赞一个!

  • 悠游123

    2016-05-22 23:28

    晕,辛苦了大半天,为毛gif图全都动不了

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票