恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
MD规范-What is material篇
0.0°
2016-05-23 自译外文 规范/资料 原作者: google 举报 5522 17 31 3

这是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的规范非常多,涉及,字体,颜色,控件,布局等等,适用于手机,平板,桌面平台,它在不断更新,我会坚持翻译下去,希望感兴趣的童鞋共勉。

更新:2016-05-23

收藏

17人已收藏

  • 18

    作品

  • 75

    粉丝

  • 23

    关注

  • 作品集整理
  • 几幅原创小插画
  • 乐学 - 有一个快乐的地方叫乐学
  • 云中间-动效设计

    猜你喜欢

      2016-05-23 自译外文 规范/资料 原作者: google 举报 5522 17 31 3

      MD规范-What is material篇

      0.0°

      你确定要举报MD规范-What is material篇

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年05月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      31
      17
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录