AI工具导航
最新AI工具集合展示平台
新汉语
汉语字典在线查字
在线工具箱
好用的在线工具
产品提交
文章投稿
登录/注册
显示直达
动效设计
动效设计
UI动效
AE动效
经验分享
交互设计
Lottie
用户体验
转场动效
微交互
动效落地
2020年设计师最有价值的这4种能力，你具备几项？
如何在一个快速发展的领域不断成长？这可能是每个设计师都需要思考的问题。了解新的设计趋势，学习新的设计技术，磨练手艺，都至关重要。这对于设计师本身的...
+5
阿里新开发了一款神器犸良！零基础也能轻松做酷炫动效
阿里作为中国互联网企业的标杆，不仅一直在为广大人民群众提供快捷便利的服务。也不断引领行业，在各个专业领域，给专业人员提供了优质的工具与服务。对设计...
+5
比阿里犸良还强大！Lottie 动效设计完全指南（基础篇）
动效设计，是 UI 设计当中不可或缺的一环。大家对动效的认知也从最初认为动效只是为了美观酷炫，到逐渐理解了动效对于提升用户体验和产品需求的重要作用。而...
+10
想用 Lottie 做动画？先收下这份常见错误和解决方法总结
Lottie 是 Airbnb 推出的一种 SVG 动画解决方案，它可以跨平台播放，并解决了动画落地难的问题。当设计师做完动画只需使用 bodymovin 将动画导出成文件再传给...
+15
比阿里犸良还强大！Lottie动效设计完全指南（导入篇）
上一篇文章《比阿里犸良还强大！Lottie 动效设计完全指南（基础篇）》已经系统地为大家讲解了 Lottie 动效的基本知识，相信很多同学都跃跃欲试了。而在我们使...
+8
比阿里犸良还强大！Lottie动效设计完全指南
动效导出类型 一般情况下我们导出的动效可以分为三种类型。 1. 纯矢量图形动效 此类动效常用于图标、加载、启动页等。 2. 包含位图的基本动效 此类动效...
+8
2018年Behance 上最值得关注的20个设计趋势
2018年，智能手机依然是我们主要的信息承载工具，更为有效且颇具趣味的响应式图标必将得到关注。同时，鲜艳丰富的色彩，精彩纷呈的插图设计都会博得用户眼球...
+17
内部教程！超详细的支付宝设计规范之交互篇
一、可用性价值 动效很容易被象成某种增强愉悦的东西，自身并不具备什么价值。常常被当做可有可无部分，通常作为最后一步点缀。实际上，动效是一种更高级的设...
+18
通过这篇文章，帮你彻底搞懂微交互
一、微交互到底是什么？ 微交互通常关注于单个事件或者单个任务，这些交互元素遍布于整个 APP 的各个角落。这些微交互存在的目的是让用户感觉顺畅、愉悦，设...
+13
如何做好微交互，增加产品魅力值？
之所以喜欢这篇文章，并将它翻译出来，其原因是文中的那些动画打动了我，仔细思考每一个动画都能让自己产生很多联想和灵感，借此分享给大家，也是希望大家能...
+8
用一篇文章，让你掌握「微交互」的基础知识！
编者按：本文总结了微交互的基础知识和三大作用，作者用大量优秀的微交互案例演示让你直观感受到微交互的强大，适合对微交互不熟悉的新人学习。 @铁木须 ：...
+7
腾讯设计师：减少页面跳转的10个方法总结
我们在进行设计的时候，往往遇到以下的场景： 这就是信息的无限性和手机屏幕的有限性之间的矛盾，如何把信息合理的展示给用户，需要我们重新对信息进行组...
+11
一篇文章帮你了解AE动画插件Lottie的前世今生（附避坑案例）
大家好，我是彩云。在动画落地的过程中，配合Lottie插件输出JSON动画文件是大家常用的方法。今天这篇分享，将会讲到Lottie这个插件怎么来的，为什么会叫Lotti...
+7
想让交互更走心？这4种可见状态微交互技巧一定要学会
在经典的尼尔森十大启发式当中，「系统状态可见性」可以说是如今交互设计领域当中，最为重要的原则之一。通过向用户展现当前的状态，让用户拥有对系统的控制...
+10
动效不知如何落地？看完腾讯高手的经验就明白了
一直有很多朋友会问一些关于移动端实现动效的方法，平时也会给大家做一些解答，但是可能没有那么系统性，这次抽点时间总结归纳下这方面的内容，跟大家分享下...
+5
Lottie 动效设计完全指南：渐变修复
大家在使用Lottie输出矢量渐变图形的时候，应该有遇到过设计的渐变效果无法正常显示的问题。无论你设计的效果是什么样的，导出以后都变成了黑白渐变。那么这...
+5
做好直接用！动效神器 Lottie 基础入门教学
疫情期间，在线生活迎来爆发 ，视频行业成了广大网民放松娱乐和了解疫情、学习防护知识的重要平台。 短视频行业的日活用户规模较平日增加 16.7%，日人均使用...
+4
让动效更酷炫！4 个常见且常用的 SVG 交互动画方法
本文介绍了 4 种常见的 SVG 交互动画方法，帮你了解 SVG 交互动画的原理和简单方法。 优秀的人机交互和舒适合理的动画，一直是 UX 设计师孜孜不倦追求的目标...
+2
历时2个月，整理了这篇动效落地输出指南！
针对动效输出的选择变得越来越多，然而作为设计师仅仅对动效输出有所了解，往往产出的结果还是不尽如人意。了解动效落地背后的原理，可以帮助我们在设计的前...
+43
超全面！写给设计师的动效知识库
Motion Graphic 也称为 Mg 或者 Mograh，通常翻译为动效或者动态图形。 动效是什么？ Motion Graphic 也称为 Mg 或者 Mograh，通常翻译为动效设计或者动态...
+80
为什么越来越流行的酷炫动效，你不一定要学？
写这篇文章的起因是前段时间在 Meidum 上读到的一篇驳斥 Dribbble 发展现状的文章。文章发表在 16 年，其中提到：「我不认为 Dribbble 解决了什么问题，你期...
+19
花两个月时间做的动画宣传片，为你揭秘制作全过程
有一个 UI 设计师，用了两个多月时间做了一部 Element 动画宣传片，他到底经历了什么？ △ 点击查看宣传动画 项目背景 1. Element 简介 Element 是一套为...
+17
为你揭秘 Google的动效设计师是怎么制作 UI 动效的
我在上一篇文章《动效设计没那么难！让谷歌动效设计师带你入门》当中，已经通过实际的案例，分享了动效设计并不难的原因。我们着力推动 Material Design ，我...
+2
动效设计没那么难！让谷歌动效设计师带你入门
编者按：UI中动效设计本没有那么玄乎，作为 Google 旗下 Material Design 团队中动效设计的负责人之一，Jonas Naimark 对于动效本身有着更为透彻的认知，这也...
+9
B 端产品如何做动效设计？用实战案例告诉你！
在无限的信息体量和有限的用户浏览范围之间求得平衡，让用户看到全部创作中他最想看到的那一面。 在B端产品的设计过程中，我深切体会到动效能在很多体验领域...
+32
跪了！揭秘「网易云音乐2018年度听歌报告」刷屏背后的动效设计
作为2019年第一个爆款刷屏 H5 项目，「网易云音乐2018年度听歌报告」除了走心的文案、精美的页面，也包含了不少有意思的动效。大家应该能想到，这些动效的设...
+21
只需要懂点高中物理知识，就能让你做出优秀动画！
化繁为简，是解决难题的好办法。今天的文章将会教你如何拆分一个动画，以及如何使得动画符合一般物理学规律而变得生动。 作为一个动效爱好者，被问到最多...
+8
高手都在用！9个实用小技巧提升你的动效设计功力
迪士尼动画的12条原则是设计师必须要掌握的经典指导性原则，是由 Ollie Johnston 和 Frank Thomas 在他们的书《The Illusion of Life》中提出来的观点（译者...
+10
动效到底有哪些作用？来看高手的全面总结！
编者按：本文由负责Material Design 动效设计的谷歌设计师撰写，帮助大家深入理解动效的作用，才能做出更好的动效设计。 有时候现代科技产物使用起来非常复...
+16
谷歌设计师：只要掌握这两个方法，帮你做好动效设计！
今天这篇文章，讲的又是大家感兴趣的动效知识。现如今，动效对于品牌的传达变得越来越重要，所以我想尽可能多的去搜集动效相关的资料，跟大家一起，紧跟趋势...
+10
别轻易说你会动效！这10个动画误区你都犯过吗？
10个动效案例，让大家避开动效误区。 一、走路 在做走路动画的时候，除了要把脚与地面的接触做出来，更应该要注意的是身体不同部位的跟随与节奏。 错误示范 ...
+17
基础科普！最常见的四种移动端功能性动效全面总结
功能性动效的主要类型有页面空间转换、视觉信息反馈、功能操作引导、品牌与趣味，本文就来谈谈这四种功能性动效在移动端的使用。 一、功能性动效的定义 定义...
+10
终极指南！超全面的UI动效基本规则总结
动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯，交互的上下文逻辑也因为动效的加持而更加清晰。动效对于产品和用户而言...
+26
Uber高级产品设计师告诉你，她是如何完成100天动画设计挑战的
编者按：百日挑战是一个很火的活动，旨在通过坚持每日练习提高自己的设计能力。但在过程中很多人会因为没有计划，或者思维枯竭而放弃。本文作者将会在文章中...
+26
老司机干货！4个技巧让你玩转轻量级动效
MG 全称是 Motion Graphic（动态图形），是一种现在非常流行的动画分支。它更像是介于平面设计与动画片之间的一种产物。动态图形在视觉表现上使用的是基于平...
+8
这些小小的改变，能够让UI动效更上一层楼
UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分，经过仔细打磨的 UI动效对于整个界面的提升是显著的。 动效呈现出状态切换的过程，展现了元素之...
+3
用一篇文章，帮你掌握基础实用的动效技能
对如今的 UX 设计师来说，会点动效基本已是常规操作了。作为 UX 设计师，动效可以辅助的产出可以涵盖界面交互动效、项目宣传 MG动画、产品吉祥物表情包、年终...
+22
看似花哨的UI概念动效，并不只是为了耍酷而存在
在 UI 界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用，什么样的动效更优秀等等，这样的探讨层出不穷。在 UI 所涉及到的各种动画和动...
+8
动效不知如何落地？看完腾讯高手的经验就明白了
一直有很多朋友会问一些关于移动端实现动效的方法，平时也会给大家做一些解答，但是可能没有那么系统性，这次抽点时间总结归纳下这方面的内容，跟大家分享下...
+5
想让交互更走心？这4种可见状态微交互技巧一定要学会
在经典的尼尔森十大启发式当中，「系统状态可见性」可以说是如今交互设计领域当中，最为重要的原则之一。通过向用户展现当前的状态，让用户拥有对系统的控制...
+10
添加小工具
点此为“分类归档侧边栏”添加小工具
2020年设计师最有价值的这4种能力，你具备几项？
流光
in就业职场阿里新开发了一款神器犸良！零基础也能轻松做酷炫动效
流光
in设计神器比阿里犸良还强大！Lottie 动效设计完全指南（基础篇）
流光
in设计神器想用 Lottie 做动画？先收下这份常见错误和解决方法总结
流光
in设计神器比阿里犸良还强大！Lottie动效设计完全指南（导入篇）
流光
in设计神器比阿里犸良还强大！Lottie动效设计完全指南
流光
in设计神器2018年Behance 上最值得关注的20个设计趋势
流光
in产品经验内部教程！超详细的支付宝设计规范之交互篇
流光
in交互设计通过这篇文章，帮你彻底搞懂微交互
流光
in交互设计如何做好微交互，增加产品魅力值？
流光
in交互设计用一篇文章，让你掌握「微交互」的基础知识！
流光
in交互设计腾讯设计师：减少页面跳转的10个方法总结
流光
inUI设计一篇文章帮你了解AE动画插件Lottie的前世今生（附避坑案例）
流光
inUI设计想让交互更走心？这4种可见状态微交互技巧一定要学会
流光
inUI设计动效不知如何落地？看完腾讯高手的经验就明白了
流光
inUI设计Lottie 动效设计完全指南：渐变修复
流光
inUI设计做好直接用！动效神器 Lottie 基础入门教学
流光
inUI设计让动效更酷炫！4 个常见且常用的 SVG 交互动画方法
流光
inUI设计历时2个月，整理了这篇动效落地输出指南！
流光
inUI设计超全面！写给设计师的动效知识库
流光
inUI设计为什么越来越流行的酷炫动效，你不一定要学？
流光
inUI设计花两个月时间做的动画宣传片，为你揭秘制作全过程
流光
inUI设计为你揭秘 Google的动效设计师是怎么制作 UI 动效的
流光
inUI设计动效设计没那么难！让谷歌动效设计师带你入门
流光
inUI设计B 端产品如何做动效设计？用实战案例告诉你！
流光
inUI设计跪了！揭秘「网易云音乐2018年度听歌报告」刷屏背后的动效设计
流光
inUI设计只需要懂点高中物理知识，就能让你做出优秀动画！
流光
inUI设计高手都在用！9个实用小技巧提升你的动效设计功力
流光
inUI设计动效到底有哪些作用？来看高手的全面总结！
流光
inUI设计谷歌设计师：只要掌握这两个方法，帮你做好动效设计！
流光
inUI设计别轻易说你会动效！这10个动画误区你都犯过吗？
流光
inUI设计基础科普！最常见的四种移动端功能性动效全面总结
流光
inUI设计终极指南！超全面的UI动效基本规则总结
流光
inUI设计Uber高级产品设计师告诉你，她是如何完成100天动画设计挑战的
流光
inUI设计老司机干货！4个技巧让你玩转轻量级动效
流光
inUI设计这些小小的改变，能够让UI动效更上一层楼
流光
inUI设计用一篇文章，帮你掌握基础实用的动效技能
流光
inUI设计看似花哨的UI概念动效，并不只是为了耍酷而存在
流光
inUI设计动效不知如何落地？看完腾讯高手的经验就明白了
流光
in交互设计想让交互更走心？这4种可见状态微交互技巧一定要学会
流光
in交互设计