Material Design Infos
- Material Design,中文名:材料设计语言,是由Google推出的全新的设计语言,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。
- Google 2014上着重展示的Material Design,以非常高调的方式,宣布了Google Design的存在
- MD,视觉语言,也是一种设计规范,它所设计的世界,来源于真实的物理现实(降低用户的学习成本,使其快速上手),但又高于现实(大胆而理想,让用户沉浸其中体验)。
Meterial Design 设计的目标
- 遵循优秀设计的经典定则,同时还伴有创新理念和新的科技。
- 创造一种独一无二的底层系统,在这个系统的基础之上,构建跨平台和超越设备尺寸的统一体验。遵循基本的移动设计定则,同时支持触摸、语音、鼠标、键盘等输入方式。
讯享网
设计原则:
- Material Design不再让像素处于同一个平面,而是让它们按照规则处于空间当中,具备不同的维度。


- Material Design还规范了Android的运动元素
- Material Design更加倾向于用色彩来提示。
- Material Design为了适应多尺寸的屏幕
Meterial Design 基本构成
- 元素
- Material design中,最重要的信息载体就是魔法纸片。
- 纸片层叠、合并、分离,拥有现实中的厚度、惯性和反馈,同时拥有液体的一些特性,能够自由伸展变形。
- 但是纸片不能穿透、弯折、透视
- 空间
- 元素的厚度为1dp(设备独立像素)
- 元素之间相互层叠
- 动画(Animation)
Material design重视动画效果,它反复强调一点:动画不只是装饰,它有含义,能表达元素、界面之间的关系,具备功能上的作用。- easing
- 水波反馈
- 转场效果
- 细节动画
- style
- 色彩
- 字体排版
- 图标
- 图像
- 图标
- 桌面图标
桌面图标尺寸是48dp X 48dp。
- 小图标
- 桌面图标
- Components
- 底部动作条
- 按钮
- 卡片
- 纸片
- 提示框
- 分隔线
- …等等…
- Patterns
- 内容选取
- 手势
- 改进的操作
- 设置
- 影像处理
- 搜索
- Usability
- 可达性
- Resources
- 贴片集

- 英文Roboto字体,中文Noto
- 调色板
-
-
补充:
下面介绍一款工具
Material Theme Editor
链接地址:
Material Theme Editor
简单来说,Material Theme Editor 就是一个能够在 Sketch 中快速生成基于 Material Design 的设计规范, 并且能够按照你的需求最大程度自定义组件样式的插件。
讯享网

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/49458.html