Material Design概述

本文概述了Material Design的核心思想,强调其跨平台体验和严格规范,确保一致的用户体验。重点介绍了动画,包括真实的动作、响应式交互,以及转场和细节动画。此外,还涉及色彩、字体、字体排版、图标设计、图像使用以及组件如底部动作条、卡片、提示框等,旨在创造一致、美观且深度的用户界面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

2.1 Material Design概述
这里只是大概地讲解Material Design的基本知识点,若想要了解 Material Design的更多内容,可以查看其官方英文文档: http://www.google.com/design/spec/material-design/。
2.1.1 核心思想 Material Design的核心思想,就是将物理世界中的体验带入屏幕, 并且去掉物理世界中的杂质,再配合虚拟世界的灵活特性,达到最贴近 真实的体验。到目前为止可以说,Material Design是最重视跨平台体验 的一套设计语言。它的规范严格细致,这样就保证了其在各个平台的使 用体验高度一致

2.1.2 材质与空间 魔法纸片是Material Design中最重要的信息载体。它拥有现实中的 厚度、惯性和反馈,并且能够自由伸展变形。魔法纸片引入了Z 轴的概 念,Z 轴垂直于屏幕,用来表现元素的层叠关系。Z值越高,元素离界 面底层的距离越远,投影就越重

2.1.3 动画 1.真实的动作 在物理世界中,通过观察一个物体的运动动作,我们可以感知到它 的重量、惯性和大小。 在Material Design设计规范中,动作不仅仅要展示物体的运动轨 迹,还需要展示其在空间中的关系、功能以及在整个系统中的趋势。所 以在设计动画时,就需要先考虑它在现实世界中的运动规律。
2.响应式交互 响应式交互能吸引很多用户,在用户操作一个既美观又符合常理的 应用时,这会是一个很美好的体验,这会让用户产生愉悦感。响应式交 互是一种有目的、非随机的、有些异想天开但不会让人分心的交互。响 应式交互分为3种交互形式,分别是表层响应、元素响应和径向响应。 • 表层响应 当用户点击屏幕时,系统会立即在交互的触点上绘制 出一个可视化的图形让用户感知到:如在点击屏幕时会出现类似于墨 水扩散那样的视觉效果形状。
• 元素响应 元素本身也能做出交互响应,物体可以在触控或点击的 时候浮起来,以表示该元素正处于激活可操作状态。比如我们长按

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值