动效

从事交互设计3年了，经常有朋友和同事问我“到交互到底干嘛的？”答曰:“根据用户的需求及场景，用简单、愉悦的方式完成任务”。但他们似乎还是不太明白。

刚开始接触交互设计往往会面临自己的想法找不到合适的方法输出。所以完成基本工作同时也在积极寻找、学习适合自己又和工作环境相匹配的工具。与团队成员配合的时候没有人会在意你是用什么工具，成员们只想看到设计师产出的输出物。这个时候针对不同任务类型和团队大小找到合适的工具可以让设计师迅速输出团队想要的结果输出物，事半功倍。

从注册这点小事儿上看如何提升细节设计和用户体验，希望对一些新入行的童鞋有所帮助。

承接上一篇文章《初级用户体验设计师可以向其他合作伙伴学习什么？（运营 & PD 篇）》，今天写写前端 & 开发们值得我们这些初级用户体验设计师去学习的地方。

当我们刚刚接手一个项目的时候，我们总能在初期迸发出很多有趣的想法，很多闪光的细节都是偶然闪现的，但当我们在设计的过程中，有多少能够真正落地到产出中呢？怎样才能成功捕捉到这些有趣的创意，并使之在后续的产品设计中表达出来？本文向大家推荐了四种方法，帮助大家整理设计思路，避免创意在你的脑海里逃走！下面进入译文。

在Material design的世界中，动效用一种优雅、流动的方式来描述空间关系、功能、和意向。

Material Design的动效设计 是响应式的，自然的。使用缓动曲线和持续时间模式可以创建平滑、一致的动效。

新版Material Design 官方动效指南已经翻译到第三章了！今天这部分，从动效的运动和材料形变入手，让你的动效自然真实，贴近现实状态。再系统的干货都比不上官方的动效指南，西瓜就在这，赶紧来捡。

“我躺在沙滩上，感觉到细碎的沙子在后背陷入；我踩在小溪里，感觉到脚底的乱石和流过脚面的溪水。我和沙子，我和溪水，产生了交互。”如果是静态的画面，我们恐怕不能确定画面中人是先吼叫被抓住，还是先被抓住再吼叫：
“疯狂罪犯终于落网！”
“魔法界警察暴力执法！”
——这两者之间的差别可大了。“大页面的设计是焦点的设计，小页面的设计是空间的设计”“扁平化其实为了让你觉得地方足够大。你信吗？反正我信。”——“李白”“使用APP，你不需要别人告知左箭头是什么意思。”你应该熟读Android和ios的官方设计规范、人机交互指南文档，只要遵循这些规范，用户不会因此犯错。
Ps：规范可以帮我们“不出错”，但要达成“绝妙的设计”还需更多创造力。突然！你被人打晕了！
醒来的时候你发现自己到了一个陌生的地方。
现在你在想啥？——
“我在哪？”
“我是谁？”
“我该怎么办？”“我在18层1806，我要去3层0303。出门左拐坐电梯，出了电梯再右拐“

追求简单易用是人类的本性，《简约至上》中提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约的终极策略。对于功能性单一的产品做到简洁化比较容易，但对于功能性较强的产品如要做到简洁就是一个复杂的课题。

好的产品必备的两点要素：功能和细节设计。功能吸引用户使用你的产品，细节设计塑造产品的差异化，将你的用户留下。功能满足需求，细节打动人心。

不知不觉，我已经正式在交互设计的路上越走越远，了解得越多，就觉得交互设计需要学习和掌握的知识越多；同时犯的错也会越多。然而犯错并不是一件坏事，怕的是犯过的错误不能够被积极地思考，我们不能及时把错误化作成长。根据目前我的一些浅薄经验，总结出了交互新人往往容易犯的一些错误，以及关于错误的一些思考。

对一个全无经验的动效新手而言，如何制作出「正确」而不是「华丽」的动效？今天这篇Medium 上的好文，从克制、交互叙述流程、一步完成、不是动效的错和把握细节五个方面，附上案例分析，帮你学会基础的动画制作技巧。

毕业后加入百度成为一名交互设计师已经整整一年了，现在把一些和工作、职场的相关经历和感受写下来。希望能对即将踏进职场的学弟学妹有所帮助。

首先，为什么要动？可能你会想到以下几条理由：呵呵，你要这么想就完了。

我们每个人在刚入行的时候，接到项目需求，最初更多的会沦为产品经理的画图工具，帮他画好线框图、补全场景状态反馈等，这时候你可能会彷徨痛苦，感觉自己没有办法实现作为交互设计师的价值，不用彷徨痛苦，你现在需要的只是一个完善的工作流程，下面我就抛砖引玉来讲一下当我在画线框图时，我在想的12345……，希望对刚入行的小伙伴能有所帮助。

任何职业的学习都是没有尽头的，只有越学越多，才能提高你的竞争力。多学各种知识才是王道。

弹框是交互设计中非常重要的一个点，这类设计不仅考验交互设计师的综合能力，也能从产品看出整个团队的整体水平如何。这就是一个细节，但是细节往往决定成败。

LOFTER这份精而美的设计规范，页数不多，但每页都是经过三思后得出的总结，推荐一看。