Material Design 初识

Material Design 初识Material Design Infos Material Design 中文名 材料设计语言 是由 Google 推出的全新的设计语言 谷歌表示 这种设计语言旨在为手机 平板电脑 台式机和 其他平台 提供更一致 更广泛的 外观和感觉 Google 2014 上着重展示的 Material

大家好,我是讯享网,很高兴认识大家。

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 的设计规范, 并且能够按照你的需求最大程度自定义组件样式的插件。 

讯享网
小讯
上一篇 2025-03-08 17:46
下一篇 2025-03-25 23:14

相关推荐

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