如何利用动效提升用户体验

我们不再是设计静态的屏幕，用户将会从我们的设计中看到实际的内容。动画可以讲述故事。不是很长很复杂而是很简单的故事，而像是 “嘿，你现在要看看这个！” 或 “哇，你竞争成功了！”。然而，动效的目的不是娱乐用户，而是帮助他们理解发什么什么事，或者如何有效的使用你的软件。在Zurb的叙述中很清晰的表明了：我们不再是设计静态的屏幕，用户将会从我们的设计中看到实际的内容。图片来源：B

交互体验 2016年11月08日

中文版来了！新版MATERIAL DESIGN 官方动效指南（二）

编者按：昨天@平行煎餅 发了 中文版来了！新版Material Design 官方动效指南，今天继续第二部分，从动效的速度、动态持续时间、通用持续时间和缓动曲线4个部分，教你创建平滑一致的Material Design 动效。再系统的干货都比不上官方的动效指南，西瓜就在这，赶紧来捡。中文版来了！新版Material Design 官方动效指南中文版来了！新版MATERIA

产品 2016年05月16日

设计干货收藏｜UI动效的必备原则总结

[br]作为一枚不会敲代码的设计师，我们不太可能让自己的设计真正“活”起来。如果没有动效设计，那总是需要很长时间去给程序员解释点击这个按钮后会发生什么。所以设计师们需要通过动画版本高保真原型（包括动效设计）去解释交互效果。[br]目前的UI动效包括系统动效都在尝试从各种不同角度解释动效设计的作用。而很多开发团队根本就不重视这些细枝末节的东西，他们认为只要掌握好几本用户需求，

用户研究 2016年04月10日

不为动而动！聊聊动态效果在体验设计中的应用

编者按：在我们热火朝天往画面上添加各种动效的时候，我们是不是应该问问自己，这么做真的对吗？凡事是否都应该有个度，动效当然也不会例外。下面我们就从“为什么动？”“哪里动？”“怎么动？”这三个方面来说说我们的一点想法：腾讯设计师的动效设计好文：《动效设计基础（一）：缓动与运动曲线》[br]《腾讯高手出品！动效设计基础（二）：动效的应用》一、为什么动？首先，为什么要动？可能你会想

产品 2016年07月06日

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

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

产品 2018年04月07日

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

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

产品 2018年05月14日

实用小技巧！iPhone上看到好的动效设计，如何保存成GIF？

俞静：经常在网上看到一些介绍手机APP动效设计的文章，一直好奇这些动态图片是怎么保存下来的。今天把这个小技能分享出来，UI设计师和想学优秀动效的同学记得收藏！ 自己在日常工作中也有看到好的动效设计要保存下来的需求——留着APP太占手机空间，删了APP要用的时候又无法跟开发描述清楚。要将手机APP里看到的一段动效保存成动态图片（GIF），总的思路不外乎：先将这段动效录屏，然后

产品 2016年05月24日

为什么UI设计需要概念动效？

看似花哨的UI概念动效，并不只是为了耍酷而存在。在 UI 界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用，什么样的动效更优秀等等，这样的探讨层出不穷。在 UI 所涉及到的各种动画和动效当中，概念动效是被讨论的最多的话题。充满实验性的概念动效是动效设计最前沿的领域，是开发和实现上最具有挑战性的部分，也是新产品上线之后，用户最容易注意到，也讨论得最多的东西。

产品 2018年04月20日

最抢眼的6个方法！如何让交互过程变得惊喜有趣？(上)

一、目标的激励在游戏中，保持有目标，是玩家不停去玩一个游戏的核心驱动力。目标对用户的吸引力很大，达成目标会很开心，激发成就感，失败了则会不甘心，想要再次尝试。最后玩厌了、不玩了，往往是因为目标达成了，找不到新目标了，也就找不到再玩下去的理由了。从各种游戏中我们都可以发现，目标往往是渐进的。首先有一个用户可以轻易达到的目标，让用户产生一些成就感，是激发起继续玩下去的动力，然后

交互体验 2014年09月20日

淘宝刚发布的新版本，可能会引领 2017 年的 UI 设计风格

编者按：前两天淘宝的App 发布了一款新版，新版UI 在视觉和动效上都有了比较大的升级，很可能是会带起一波真正的UI 设计趋势。在官方设计师出来分析之前，不妨先看看在野设计师怎么看。作者微信公众号：设计工厂关键字：设计, 设计文章, 动效

产品 2017年03月14日