动效设计

动效设计中的节奏魔力

在当今数字时代，动效设计已然成为了产品和服务中不可或缺的一部分。无论是手机APP、网页界面还是智能设备，动效设计或是引导用户操作的微小提示，或是增强用户体验的交互反馈，又或是塑造品牌形象的视觉元素，它
交互体验 2024年07月11日

最全的动效落地方法（上篇）：在界面设计中，好动效是什么样的？

本文主要介绍了界面动效的价值，以及一些优秀的界面动效实例。enjoy~用户体验设计的发展日趋完善，优秀的动效是完善用户体验中不可或缺的一环，优秀的界面动态设计可以让产品的用户体验锦上添花……你会说，这些道理我都懂，但是动效做起来真的很麻烦啊。直接切入到大家常见的问题吧：一般情况下，在沟通界面动效的过程中，工程师会希望设计师使用更具体的表达方式。这里所谓「具体」的意思是：接近
产品 2018年04月04日

7点设计技巧，让UI动效更上一层楼

在设计动效的时候，注意状态变化的指示，元素之间关系的强化，适当地增加一些乐趣。遵循这样的原则，总能让动效更上一层楼。动效现如今在 APP 和网页中几乎已经成为了基本的组成部分，经过仔细打磨的 UI动效对于整个界面的提升是显著的。动效呈现出状态切换的过程，展现了元素之间的逻辑关系，并且吸引用户的注意力，引导他们执行有效的交互。在设计动效的过程中， Material Motio
产品 2018年05月14日

最全的动效落地方法（下篇）：从前端的角度来讲，有哪些便捷的方法实现这些动效？

上篇内容回顾看这里：《 最全的动效落地方法（上篇）：在界面设计中，好动效是什么样的？ 》接下来进入下篇、主题是：从 Web 前端的角度来讲，有哪些便捷的方法实现这些动效？在目前行业内，动效设计的整个体系还未成熟；从最终呈现效果来讲，动效可能会影响页面性能、加载速度等。所以提到动效、很多同学可能会产生抵触心理。遇到问题我们首先拆解困难、在我看来在动效落地过程中面临的困难可以分
产品 2018年04月07日

译文丨做好动效你需要了解的细节

动效在今年融入了界面设计中，但总的来说很多的动效仍然没有达标。对于高级的动画师而言，必须严格的掌握动画的节奏、时间、速度、构图、结构和动力学，而本文是关于国外大神的一些经验，做好动效我们需要了解的一些细节。现如今到了2018年，动画终于融入了界面设计中，但很多都没有达到目标。它们在动画上还显得比较初级，而没有考虑给用户合理的动画感受。经典动画中蕴含着丰富的知识，我们不需要重
交互体验 2018年06月07日

设计的魔法-动效设计

大屏手机中的交互设计越来越讲究用户体验，而对设计来说提升用户体验除了完善友好的产品链路和精致的视觉体验之外，还有一个被越来越多设计师重视起来的地方，就是交互动画
产品设计 2023年08月04日

一篇搞定实用动效技能

对如今的UX设计师来说，会点动效什么的基本已是常规操作了。作为UX设计师，动效可以辅助的产出可以涵盖界面交互动效、项目宣传MG动画、产品吉祥物表情包、年终汇报PPT等等。这些技能点虽然广，但是只需要掌握基础实用的几个点就足以辅助我们更好的包装输出。在之前的文章项目1-2的设计总结提升里也简单介绍过，交互动效存在的意义和基本类型介绍，这里我们来全面详聊一下~一、关于动效分类首
产品 2018年05月04日

从7个案例分析：如何设计出色的动效

设计动效并不是一件复杂的事情，你只要在关键饿地方稍作调整，就可以提高动效的效果。本文从7个案例分析，帮助大家设计出色的动效。这篇文章希望通过7个GIF范例，给出一些做动效的实用建议。其实动效设计并不复杂，只需在关键之处稍微的调整，就能大大的提高动效效果。通过这些例子，能够发现状态之间的连续性，不同状态的相同元素之间的关联性，并且将用户的注意力引向他们应该注意和采取行动的事物
产品 2018年04月12日

案例分享：使设计质量飞跃至卓越的UI动效技巧

这篇文章，我们来一起看一些可以将UI设计从优秀提升到卓越的案例，通过一些细节的调整，你可以通过动效来提升整体的UI设计水平。这篇文章中的案例（我做出的动效）遵循了以下这些规范：（这三篇文章需要在外网上查看）Material MotionIBM’s Animation PrinciplesThe UX in Motion Manifesto让标签下的内容滑动起来图左是将新标签
产品 2018年03月28日
加载更多