GOOGLE 新版 Material Design 官方动效指南

用户头像
不会设计的飞飞
北京/UI设计师/10年前/880浏览
GOOGLE 新版 Material Design 官方动效指南
用户头像
不会设计的飞飞
新版 Material Design 官方动效指南
更多详细的关于谷歌的介绍请访问下面的地址（需要点爬梯子技术）
http://www.google.com/design/spec/motion/material-motion.html#material-motion-what-makes-a-good-transition
图片的描述全是百度自动翻译的，谅解
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3MTY=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
大的动画在移动设备300-400ms长。小动画可以作为150-200ms之内为短。动画长或短于这些感觉迟钝或难以理解。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3MTI=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
墨涟漪确认用户输入立即向外扩张从触摸点。卡电梯表示活动状态。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3MDg=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
显示新的表面和元件或动作，造成他们之间的联系。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3MjQ=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
在现实世界中，一个对象的能力，加快或减慢快速的体重影响和表面摩擦。以类似的方式，启动和停止不在材料设计瞬间发生。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3MjA=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
现实世界的力量，就像重力一样，激发一个元素的运动沿圆弧而不是直线。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3NTI=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
材料变换遵循运动的弧。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3Mjg=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
当元素过渡到认为，他们和他们的环境是精心设计的的一种方式，定义他们的关系。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3NDQ=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
材料可以推动其他物质的方法。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3MzY=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
元素可以吸引其他元素加入他们彼此接近。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3NDA=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
过渡有助于引导用户交互的下一步。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3NTY=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
运动可以传达不同的信号，如一项行动是否可用。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3NjA=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
动画可以把重点放在需要用户关注的对象。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3Njg=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
正确做法 动画快，用户永远不必等待动画完成。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3NzI=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
错误做法 惊人的速度许多元素的运动能延长时间。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3ODQ=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
正确做法 保持一个清晰的路径进入下一个观点，即使元素编排为一组。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3OTI=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
错误做法 转换可以让多个项目时，需要向不同方向或交叉的路径。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3ODA=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
正确做法 在过渡期间，用户被引导到下一个视图。表面转变为沟通层次。加载时幕后减少感知时间。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTI3ODg=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
错误做法 目前尚不清楚这一新观点与旧的因为没有发生转移，也没有一个明确的焦点。任何层次感不连通，并加载更明显的圆形旋转显示。
收藏
GOOGLE 新版 Material Design 官方动效指南（图ZNDg2OTM0MzY=） - APP界面 - 站酷设计师不会设计的飞飞原创素材 - 站酷ZCOOL
喜欢的可以关注一下我的订阅号，会经常发一些UI设计相关的新闻和知识
收藏
4
举报
|
14
分享
相关推荐
游伴儿官网网站
游伴儿官网网站
284
PPT与我的战争 第一版
PPT与我的战争 第一版
348
库布齐项目网站
库布齐项目网站
158
界面练习2016.6.23
界面练习2016.6.23
113
矢量绘制汽车
矢量绘制汽车
125
设计理论好文
设计理论好文
设计理论好文
设计理论好文
设计理论好文
运营整理
会员精选
运营整理
212
推广
小练习
小练习
179
最近工作整理
最近工作整理
636
LOGO
LOGO
172
Ferrari FXXK
Ferrari FXXK
60
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
黑暗森林法则
我的钱包-UI界面设计-app
巧克力
户外旅行飞机情侣假日出行
八角
APP界面//暂无数据页面/暂无收藏页面
户外旅行情侣汽车出发路上
app/web背景素材
高级感深色极光流体渐变背景 科技感UI界面素材
以笔为剑，纵情挥洒的东方气韵｜御林铭心 颜体
消息图标
户外旅行男孩拇指便车顺风车
户外旅行女孩行李地图出发
订单页面图标
秋葵
App界面设计/UI设计展板
2.5d插画
户外旅行驴友探险社媒照片
积分图标
手机交互概念素材
攀登者矢量素材
户外旅行露营野外体验玩乐
松茸汤
坚果
APP界面/暂无网络页面/成功失败页面
你可能喜欢
AI商业短片拿下电商大单 | 完整分镜Lens Prompt全公开
AI商业短片拿下电商大单 | 完整分镜Lens Prompt全公开
191
站酷超级AI设计师
INDE x NOX嘻哈代码的回响
INDE x NOX嘻哈代码的回响
269
站酷推荐设计师
Amazon亚马逊 I 主图A+ [合集]
Amazon亚马逊 I 主图A+ [合集]
202
站酷超级AI设计师已加入PRO计划
贴身符号×SANS设计工作室｜护理品牌视觉形象设计
贴身符号×SANS设计工作室｜护理品牌视觉形象设计
129
站酷推荐设计师
省狮原创 | 法国轻奢家电引进，品牌全案重塑落地篇
省狮原创 | 法国轻奢家电引进，品牌全案重塑落地篇
184
站酷推荐团队
2026作品合集
2026作品合集
1073
相关收藏夹
设计理论好文
设计理论好文
设计理论好文
设计理论好文
设计理论好文
国潮&国风
国潮&国风
国潮&国风
国潮&国风
国潮&国风
6489
地产VI
地产VI
地产VI
地产VI
地产VI
1715
简历/作品集/述职
简历/作品集/述职
简历/作品集/述职
简历/作品集/述职
简历/作品集/述职
3713
一些小动物
一些小动物
一些小动物
一些小动物
一些小动物
253
C君精选-吉祥物设计
C君精选-吉祥物设计
C君精选-吉祥物设计
C君精选-吉祥物设计
C君精选-吉祥物设计
2929
大家都在看
IP 形象国庆LOGO 设计海报设计插画设计壁纸图片作品集VI 设计UI 设计规范AI 绘画表情包PPT模板AS设计by设计设计inin设计it设计、设计设计.设计】设计设计、 设计#设计#🤮设计设计‘’is设计设计‘ 设计设计。#设计if设计设计， 设计@设计an设计设计 、设计|设计／设计  #设计 #设计设计##设计 设计设计’以设计a设计的.的
登录注册
4登录即可同步推荐记录哦
14登录即可加入我的收藏
评论登录即可评论想法
分享分享