总结来了！聊聊点融理财 4.0 改版踩过的那些坑

Doris：来点融将近两年的时间里经历了三次大改版，我们团队也从开始的十人左右渐渐壮大到了三十多人，这次的改版和不同领域的小伙伴们合作，确实获益良多。如果说第一个大版本只是实现基本投资功能流程，第二个大版本是优化界面设计，那这次的四点零就是加入了产品运营、最新设计趋势和情感化，让一个app从能用，好看，到让用户喜欢，也算是一种产品成长和成熟的历程。此次撰文，就是想和大家说说

产品设计 2017年06月18日

界面设计参考：迪士尼动画 12 原则与界面动效的关联

分享迪士尼动画12原则的应用实例，希望能够对大家的设计有点帮助。迪士尼出品的 《疯狂动物城》可谓逗乐了全民，作为迪士尼动画的杰出代表，大人和孩子都爱看的缘由是什么？除了精彩的剧本，拟人和夸张的动画效果可谓是最具吸引力的地方。同样作为体验良好的界面，流畅的动效赋予了其生动和活泼。动画和动效的共通特征大概就是画面“动”的漂亮了。迪士尼动画成立于上世纪20-30年代，虽不足百年，

产品 2016年12月31日

搜狐交互设计师：我常用的一套交互设计工具

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

原型设计 2016年04月10日

5 个小技巧，用动效提升界面的用户体验就这么简单

动效能讲述故事。和图片不同，动效能够呈现变化的过程，讲述一段简短而有趣的故事，能够同你进行对话：“嘿，你该看这个按钮了”或者“哦耶！你刚刚完成了一个操作！”不过，动效的目标并不是单纯的娱乐用户，而是帮助用户了解交互的效果和界面中发生的变化，让用户更为有效地使用你的APP。Zurb 有一句话很好的解释了这一点：“我们设计的不再仅仅只是静态的界面，实际上，我们所设计的是用户从界

产品经理 2016年10月02日

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

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

产品 2018年04月04日

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

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

用户研究 2016年04月11日

花了7天看了上千个交互动效神作，我总结出5个技巧

首先，我想大家会有这样的问题：什么是微交互 （micro-interaction)？来自 UXPin（一款在线可交互原型制作工具）的 Carrie Cousins 给出了如下定义：“微交互是在交互设备上的单一交互流程的细节优化。”可能不是太容易理解，那就多看几遍吧。在进入正题之前，有一点我要先声明一下，接下来我要分析的 UI 动效都是出自非常牛逼的大神之手。我非常尊敬他们和

交互体验 2016年05月10日

如何正确使用UI动效？

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

用户研究 2018年04月17日

一半海水，一半火焰。

在此之前你可能对于zustin很陌生，但是你看到了作品就会发出“噢！原来是他！做的动效厉害了！”的感叹，可能崛起的速度太快，粉丝增长的太快，他还来不及出现在大家面前就已经蹭蹭的出了好几个作品，各个首页。把有效的时间用在无限的创作当中，对于动效仿佛是永不枯竭的创意。头像样子是高冷的黑白色，私下的他是稚嫩而热情的。很谦逊，也很懵懂，很执着，也很专业。像一半海水，一半火焰。采编：

产品经理 2016年11月02日

超实用！6个方法帮你做出优秀的UI动态微交互

编者按：明确系统状态、让按钮和操控可触知、打造有意义的转场、强调界面的变化、增加愉悦的细节…… 今天腾讯设计师@月焱瞳 这篇译文，总结了6个做出细腻动态微交互的技巧，建议阅读。UI界面动效设计方法：先看看有意义的动效设计是啥样：《设计师的必备技能！你需要学会设计有意义的动效》再来学习腾讯设计师写的动效设计指南：《腾讯精品文！超多干货的UI界面动效设计指南》围观实战案例：《高

产品 2016年08月22日