7个GIF图例，来证明动效设计并不复杂

这篇文章希望通过7个GIF图例来证明动效设计并不复杂，只需在关键之处增加一点点变化，就能让效果大大提升一个境界。通过这些范例，你会发现状态连续性、元素关联性，以及用户注意力控制的重要性。在做动效设计中，我参考的设计规范有：Material Motion、IBM’s Animation Principles、The UX in Motion Manifesto。我使用的工具是

产品 2018年04月03日

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

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

产品 2018年03月28日

项目中UX设计1到2的优化总结

本文总结了做一个设计与用户体验的提升，如何从1过渡到2。enjoy~一般UX设计师刚到一家新公司会遇到2种情况：公司的产品视觉构架包括规范以及到设计团队建设都非常完备，产品体验从第一眼看过去就很棒，可优化的地方屈指可数。与第一种情况完全相反。那么，我们从第二种比较糟糕的情况开始总结该如何从1过渡到2，做一个设计与用户体验的提升。一. 基础问题梳理是不是时常有面试官喜欢问这样

产品 2018年03月23日

小支点撬动大价值：论微动效创新如何为B类产品赋能

本文将介绍一套动效创新方法。以B类产品为例，讲解如何分步骤的剖析B类产品设计过程中所产生的问题，接着运用动效创新解决产品问题，最终产生设计价值（如产品用户体验及关键数据的提升）。B类产品设计过程中会遇到各种各样的问题，不同问题有不同的解法。有的问题不适合用动效去解决，盲目无意义的动效不仅浪费设计师及开发成本，更会降低产品性能、分散用户操作注意力等。然而有些问题则用动效解决更

用户研究 2018年03月05日

干货贴：关于互联网产品外观专利创新方法的那些事

关于互联网产品外观专利，你了解多少？工业设计出身的互联网产品设计师对于专利申请应该很熟悉了，想当初在学校为了提交一个外观或者实用新型专利也是费尽脑汁，各种草图、模型、文件一大堆，弄得一脸懵逼，然后对代理们言听计从，反复修改提交，一个专利授权后个人感觉超级NICE。工作后开始在互联网圈子里游弋，作为科技驱动创新的公司而言，互联网行业对于知识产权的保护更加迫切，发明、实用新型和

业界 2018年01月11日

经验分享 | 如何更好地推动产品及交互需求顺利落地？

本文作者将从设计流程介绍、需求收集筛选、需求设计评估、需求开发验收及需求管理及开发沟通工具介绍五个维度来分享，如何推动产品及交互需求落地。enjoy~我很喜欢这样的一句话： “在做设计的时候，最大的阻力不是用户相关问题，而是内部的认知、利益点、看待事情方式的不一致。” ；尤其是在推动产品及交互需求落地的过程中，感受最为深刻。对于一个产品或者交互老司机来说，内部推动需

需求分析 2017年12月18日

四个动效小趋势，让网页设计更加圆融

并不是每个人都会注意到动效，但是动效的加入让体验更加优秀了却是不争的事实。这也是为什么它会成为时下流行的趋势。随着交互设计重要性的提升，动效也越来越被设计师所重视。它不仅仅是取悦用户的工具，而且被视作为改善用户体验的重要手段。从为界面营造氛围的微小动效，到用来沟通用户的视觉线索，动效解决方案越来越全面。尽管我们在实际运用的过程中，经常需要测试和试验效果，但是依然有一些经过验

产品经理 2017年11月22日

转场动效的 5 个核心规则

本文作者通过大量的案例分析和过来人的经验，总结了优秀转场动效的5个核心的规则。enjoy~转场动效在UI界面中所起到的作用无疑是显著的。相比于静态的界面，动态的转场动效更符合人类的自然认知体系，有效地降低了用户的认知负载，屏幕上元素的变化过程，前后界面的变化逻辑，以及层次结构之间的变化关系，都在动效的加持之下，变得更加清晰自然。从这个角度上来说，动效不仅是界面的重要支持元素

产品设计 2017年07月21日

什么样的loading动画，我会等！

毫无疑问，每个人都不喜欢等待。尤其是在浏览自己喜欢的页面或电影时，对着千篇一律、毫无新意的加载页面，简直枯燥乏味无聊极了！[br][br]实际上，有研究表明，普通用户能够忍受的最长的加载页面的时间一般为8秒钟。8秒是一个临界值，如果加载时间超过8秒，除非用户必须在这个页面获得一些信息，一般用户会关闭页面或者转到其他页面。[br]那么在这短短内，如何用一个小小的加载进度条吸引

用户研究 2016年04月11日

有法可依！帮你衡量一个动效是否合格的六个核心因素

一个功能完备的动效不仅要足够微妙有趣，而且应当清晰且具有合乎逻辑的目的。动效的存在不仅降低了用户的认知负荷，沟通不同的环节，建立更为有效的信息和交互流程。但是更为重要的是，真正优秀的动效能让界面变得栩栩如生。通过让元素在形态上进行叠加、分割、延伸、形变，动效让界面给人以更为真实、更加“物理”的质感。流畅顺滑的动效帮用户联通起上下文，阐释界面元素之间的关系，强化UI的层次感，

用户研究 2016年07月12日