Material Design的概念和认知

概述-IntroduceMaterial Design:材料设计语言,在2014年的 Google I/O 上推出的全新的设计语言。Material Design 能用来干什么?旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。作为谷歌的官方设计语言,不仅能用于安卓设备的 UI 设计上、网页设计、甚至电脑客户端的 UI 都能运用上 。Google 的 ...
摘要由CSDN通过智能技术生成

概述

  • Material Design:材料设计语言,在2014年的 Google I/O 上推出的全新的设计语言。
  • Material Design 能用来干什么?
    • 旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。
    • 作为谷歌的官方设计语言,不仅能用于安卓设备的 UI 设计上、网页设计、甚至电脑客户端的 UI 都能运用上 。
  • Google 的 Material Design 并不是简单的扁平设计,而是一种注重卡片式设计、纸张的模拟、使用了强烈对比色彩的设计风格。这种风格形成了独一无二的 Material Design。

设计理念

  • Z轴的概念
    • 三维就是X轴(左右)、Y轴(上下)、Z轴(前后)组成的立体世界,而二维就是只有X和Y轴的平面世界。
    • 我们知道手机界面是一个平面二维的空间,而 Material Design 通过二维的一些表达手段,比如投影、动效等构建出了Z轴(前后)的概念。
      Material Design中的Z轴
  • Z轴的投影
    • 不同投影暗示了不同元素的高度,我们可以理解为如同我们桌子上的几张纸层叠在一起,那么我们认为重要的纸在其他纸张之前,它的投影是最高的。所以在 Material Design 中投影最高的代表Z轴最高值,也是最重要的内容。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值