提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
这是Material design的一系列译文,是谷歌为Android开发的设计规范,当你学会应用它的时候,你真的会感觉到的它轻巧、美观和传递的愉悦。
章 - 什么是Material(What is material)
节 - material属性(Material properties)
材料(material)有不变的特性和固有的行为。
理解材料的这些性质有助于你更好的操作,这也是Material design的愿景。
材料(material)特性
本节内容
(注:为了便于理解,本节中,下面的部分内容将把material翻译为卡片)
物理性质(Physical properties)
卡片(material)具有可变化的长宽(单位是dp)和均匀的厚度(1dp)上图可取
卡片的宽高可以变化
上图不可取
卡片的厚度为1dp
卡片投影
由于卡片元素具有相对不同高度,投影自然产生
上图可取
投影反应了不同元素的相对高度
上图不可取
卡片上的颜色不能产生投影
任何形状任何颜色的内容可以显示在卡片上,而不增加卡片的厚度
上图可取
任何形状任何颜色的内容可以显示在卡片上,而不增加卡片的厚度
内容的行为表现独立于卡片,但要限制在卡片的范围内
上图可取
内容的表现与卡片的表现相对独立
材料是立体的
输入事件不能穿透卡片
上图可取
输入事件只能影响上面的卡片
上图不可取
输入事件不能穿透卡片
卡片不能同时处于空间的某一点上
上图可取
用所处高度来区分卡片,防止多个卡片同时处于空间的一点。
上图不可取
多个卡片元素占据了空间的相同点
卡片不能穿过另外的卡片
例如,高度改变的时候,一张卡片在移动过程中不能穿透另一张卡片。
上图不可取
卡片不能穿过另外的卡片
材料变化(Transforming material)
卡片可以改变形状
卡片只能沿着其表面扩大或者缩小
上图可取
卡片只能沿着其表面扩大或者缩小
卡片永远不能弯曲或者折叠
上图不可取
卡片永远不能弯曲或者折叠
多张卡片可以结合在一起融合成一张卡片
卡片在分离后可以恢复,例如你从整张卡片中划出一块,它们可以重新融合在一起
材料的运动(Movement of material)
卡片可以在环境中的任何地方自发产生或者消失
卡片可以沿着任意轴运动
Z轴上的运动通常是由于用户发起了交互行为而产生
注:文章翻译自谷歌2016年5月最新官方文档,全部为本人人工翻译,本节部分用语和翻译有参考极客学院上已经发布的更新至2015年8月的的文档(地址:http://wiki.jikexueyuan.com/project/material-design/material-design-intro/introduction.html)
最近很忙,material design的规范非常多,涉及,字体,颜色,控件,布局等等,适用于手机,平板,桌面平台,它在不断更新,我会坚持翻译下去,希望感兴趣的童鞋共勉。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册