Material Design之真实的动作(Authentic Motion)

移动开发 Android
感知一个物体有形的部分可以帮助我们理解如何去控制它。观察一个物理的运动可以告诉我们它轻还是重,柔性还是刚性,小还是大。在material design设计规范中,动作不止是呈现着它美丽的一面,它还意味着在空间中的关系、功能以及在整个系统中的趋势。

感知一个物体有形的部分可以帮助我们理解如何去控制它。观察一个物理的运动可以告诉我们它轻还是重,柔性还是刚性,小还是大。在material design设计规范中,动作不止是呈现着它美丽的一面,它还意味着在空间中的关系、功能以及在整个系统中的趋势。

体积和重量(Mass and Weight)

物理世界中物体拥有质量,所以只有当施加给它们力量的时候才会移动,因此,物体没法在瞬间开始或者结束动作。动画突然开始或者停止,或者在运动时突兀的变化方向,都会使用户感到意外和不和谐的干扰。

最佳实践(Best Practices)

material design规范中,一个重要方面在于如何在“动作”完整的展现物体的各个真实的特性,譬如优雅、简约、美观和神奇的无缝的用户体验,下面的动画将帮助大家理解这些理念。

 要:迅速的加速和平滑的减速会感到自然和愉快

不要:线性动作会感到机械,在结束和开始的时候生硬的速度变化意味着物体突然开始运动或停止,这是不贴合现实的。

特殊情况:进入和退出的场景

当一个物体进入这个场景时,请确保它在最高速度下移动,这个行为模拟了自然移动:一个人进入场景的时候,并不是从场景的边缘开始走入的,而是从更远 的地方。当然,一个物体退出这个场景时,需要维持它的速度,缓慢的离开场景,逐渐的进入和缓慢的离开会把用户的注意力吸引到这个动作上,在大多数情况下, 这是你希望的效果。

要:小球在最大的速度下进入和退出场景,创造了一个确信的过渡效果。

不要:快速进入和缓慢离开,不要让用户因速度变化转移注意力。

需要做的调整(Making adjustments)

不是所有物体的移动方式是相同的,轻的/小的物体可能会更快的加速和减速,因为它们质量比较小,所以只需要施加给他们较少的力就可以。大的/重的物体可能花需要更多的时间来到达他的最高速度或者回到停止状态。仔细琢磨如何将他们的动作应用到你的应用的UI元素中。

译文:http://design.1sters.com/material_design/animation/authentic-motion.html

原文: Authentic Motion 翻译: zhenbeiju 校对: Iceskysl

责任编辑:闫佳明 来源: design.1sters
相关推荐

2014-12-08 14:35:51

Material De真实动作

2014-12-08 15:03:17

Material De图像

2014-12-08 13:40:10

Material De色彩

2014-12-08 14:15:48

Material De字体排版

2014-08-07 14:19:46

Material DeGoogle

2014-08-21 15:29:29

Material De概述

2017-02-14 13:35:15

AndroidMaterial De动画

2015-07-21 15:02:37

设计扁平

2014-09-10 10:35:11

Material De设计原则

2015-08-07 10:24:17

AndroidMaterialDes

2014-08-19 16:10:05

Material DeUI设计趋势

2022-01-20 20:08:38

MaterialpalettesMaterial 3

2018-04-25 09:06:32

Chrome浏览器语言

2014-10-27 14:18:06

Material De交互响应

2014-08-11 11:19:19

Material De

2014-07-02 10:26:52

Material DeGoogle

2014-10-21 15:26:37

Material DeAndroid应用

2017-02-20 16:03:35

Android We谷歌硬件

2016-02-02 10:03:15

chromeMaterial De

2016-08-10 13:00:07

ChromeMaterial DeMaterial
点赞
收藏

51CTO技术栈公众号