动效丨七何分析法帮你全面分析界面动效

@十圆QCee ：以前在团队内部做过一个关于动效的分享，当时，是从现实参照、功能性、品牌，等维度进行分析。这次为了更全面的了解界面动效，我参考了5W2H分析法。5W2H又称七何分析法，分别是：What、Why、Who、When、Where、How、How much。WHAT什么是界面动效？大家对其的理解大致是，用户界面上所有运动的效果，也可以视其为界面设计（UI desig

产品 2016年11月30日

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

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

用户研究 2018年03月05日

转场动效的 5 个核心规则

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

产品设计 2017年07月21日

2016年网页设计领域11个流行趋势预测

来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势，而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势会在2016年逐一涌现，但是总体上来说，它依然会沿着2015的大趋势来逐步演变。可以预见到的是，2016年会有更多的网站使用视频背景，更多基于Material Design 风格的界面设计，幻灯片式的界面切换也会继续火热

用户研究 2016年04月10日

中文版来了！值得每个设计师收藏的《完美像素使用手册》之原理篇

这本纪念碑谷团队出品的《完美像素使用手册》，有设计师说是她见过的最全面，最毫无保留，最生动有趣的界面设计指南，而且不止是设计，还包括和程序员的合作经验，AI、PS的操作小技巧等等。现在终于有中文版了，强烈建议收藏阅读。关于设计指南，这里有一个绝对不能错过的：中文版来了！新版Material Design 官方动效指南中文版来了！新版MATERIAL DESIGN 官方动效指

产品 2016年08月05日

APP 动效设计必备知识

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

业界 2018年04月08日

还等什么！是时候来了解动态设计啦

什么是动态设计，不了解？木关系，百度移动用户体验部 高级视觉设计师 @TCWison 为动态设计吹响了集结号，从前世今生谈到在互联网的具体应用，还捎带个人的实战演示，推荐童鞋们来了解下，为什么说动态设计是碎片化阅读时代的一大利器。[br]一、Motion Design 的前生今世[br]@TCWison （百度移动用户体验部 高级视觉设计师 ）：什么是Motion Desi

产品设计 2014年02月20日

一个动效设计的 5 次改进

OK，下面这张图就是我们今天的主角：目的很简单：点击「show details」按钮后，展示用户的详细信息窗口。设计思路也很清晰：点击 → 加载 → 出现。但是过程中存在问题：加载缓慢，且没有任何指示在加载遮罩的出现挡住了原本的 UI动效太慢动效多余那么，接下来就针对这些开始改进。首先，加了一朵菊花，告诉用户正在加载。如下图：加载本来就需要时间了，何苦再因为上浮窗口增加时间

产品经理 2016年10月08日

腾讯高手出品！动效设计基础（二）：动效的应用

Heyu：在上一篇文章 腾讯高手出品！动效设计基础（一）：运动曲线与缓动 中，我们讨论了动效的几种常见形式以及缓动的重要性。那么，我们为什么要用动效呢？除了酷炫好玩以外，动效在用户体验设计中其实发挥着很重要的作用。在本文中，我们就来看看动效设计在用户界面设计中的应用。一、吸引注意力人类天生就对运动的物体格外注意，因此UI动效自然是吸引用户注意力的一种很有效的方法。在iOS锁

产品 2016年07月06日

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

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

需求分析 2017年12月18日