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

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

业界 2018年01月11日

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

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

用户研究 2018年03月05日

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

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

产品 2018年03月23日

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

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

产品 2018年03月28日

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

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

产品 2018年04月03日

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

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

产品 2018年04月04日

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

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

产品 2018年04月07日

APP 动效设计必备知识

想学习APP的动效该如何设计的话，那就一起来欣赏这篇文章吧~如今丰富细腻的 App 动效遍布优秀的移动应用界面中，为用户提供了良好的动态沉浸式体验，动效设计在产品研发过程中也越来越被认可和重视。通过本文，你将轻松了解到关于动效设计的一些必备知识：为什么要设计动效？它的意义和价值是什么？App 动效形式有很多，如何去区分和归类？优秀的动效有哪些实用性的指导原则？动效软件纷繁众

业界 2018年04月08日

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

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

产品 2018年04月12日

如何正确使用UI动效？

如何在UI设计中正确地使用UI动效呢？又该怎样通过动效来传递意图信息呢？这篇文章将给你答案。在而今UI设计师满地都是的情况下，UI设计师除了日常的UI设计能力之外，要保持比较高的竞争力，还需要具备一定的动效能力。但是很多设计师在掌握了动效能力后，并没有能够很恰当地去使用动效。那么怎样在UI设计中正确地使用UI动效呢？在过去几年的时间里，高保真原型工具的爆炸式发展，给了设计师

用户研究 2018年04月17日