粗解 动效设计原则
本文最后更新于 527 天前,其中的信息可能已经有所发展或是发生改变。

前言

无意翻到了某篇收藏的旧文章,对比了当前阶段设计领域的一些变化,感慨了一下,觉得还是有必要把一些动效方面的设计理念、定义、属性、方法分享一些的,以下是我过往看过的一篇理解的比较好的文章概要,完整文章请前往原地址查看阅读。

动效原则

Motion 动效

  • 动效价值
  • 衡量动效意义

界面动效能加强用户认知且增加活力。

动效价值

  • 增加体验舒适度: 让用户认知过程更为自然。
  • 增加界面活力:第一时间吸引注意力,突出重点。
  • 描述层级关系:体现元素之间的层级与空间关系。
  • 提供反馈、明确意向:助力交互体验。

衡量动效意义

衡量一个动效是否有意义,我们可以通过以下几个标准来考核:

  • 一个动效的存在是否合理:是否带有明确的目的性,助力交互体验,没有多余的动效。
  • 动效与性能:不能出现大幅度波动丢帧或者卡顿现象, 动效的体验须是流畅的,并且不影响产品的性能。

原地址查看阅读

文章名称:《粗解 动效设计原则》
文章链接:https://www.1udd.com/26100.html
版权声明:本文采用 License 知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
风险声明:本站资源仅供个人学习交流,请于下载后 24 小时内删除,请勿用于商业用途,否则法律问题自行承担!
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇