在现代网页设计中，动效有哪些常见的用法？

令人愉悦的动效几乎已经成为如今 网页设计的标准配置了，融入动效的交互细节让现代网页同以往的设计在根本上区别开来。动效不仅可以表现状态，引导用户的关注点，帮助用于预测交互的结果，甚至影响用户的行为。在逐步的探索和发展过程中，动效在网页和APP中的运用方法与技巧已经逐步成熟，形成了一套相对系统的模式。今天的文章我们通过一系列实例，来展示一下动效是如何改善整个用户体验的。加载动效

产品 2017年02月12日

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

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

产品设计 2017年06月18日

借助动效取悦用户的 7 种方法

沿着这7个思路，你可以正确地使用动效取悦用户。当我们在探讨产品设计细节的时候，会频繁地提及“愉悦”这个词。必须承认，愉悦的体验，是优秀产品中所潜藏的魔法。在设计时候，如何构建出愉悦的体验，也是需要努力实现的核心要点。目前，在网站和APP这两类产品当中，设计师主要是通过动效和微交互来强化体验，其中动效所起到的作用至关重要。为何愉悦的动效很重要现如今，数字化的服务和产品已经深入

产品设计 2017年04月14日

沿着这 7 个思路，你可以正确的使用动效取悦用户

当我们在探讨产品设计细节的时候，会频繁地提及“愉悦”这个词。必须承认，愉悦的体验，是优秀产品中所潜藏的魔法。在设计时候，如何构建出愉悦的体验，也是需要努力实现的核心要点。目前，在网站和APP这两类产品当中，设计师主要是通过动效和微交互来强化体验，其中动效所起到的作用至关重要。为何愉悦的动效很重要现如今，数字化的服务和产品已经深入到我们生活的方方面面，可以说各种网站和APP已

产品运营 2017年04月13日

这些悬浮动效的常见玩法你都知道吗？

动效是如今UI设计中的重要组成部分，也是目前最热门的设计趋势之一。在之前的《在现代网页设计中，动效有哪些常见的用法》这篇文章中，我们探讨了动效对于交互和用户的重要意义，动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停特效，这也是近年动效设计的热点之一。正是由于Material Design 和苹果所引领的动效设计风潮，许多曾经有过的设计技巧和元素正在逐步回归

产品 2017年03月18日

Android 和 iOS 的设计不同之处

设计移动端产品的过程中，设计师们可以更多的去思考两者的异同，节省开发成本且更易被接受。作为智能手机的最大的两个阵营，iOS 和 Android 系统差异一向都是大家津津乐道的话题，其中内容通常是围绕“机器性能好不好，打开软件卡不卡”“摄像头的像素高不高，拍出来的自己美不美”“外观是不是有 bigger”等话题展开的。在一个设计师眼里，这两个系统的差异性之多可远远不止表面上看

产品经理 2017年03月14日

淘宝刚发布的新版本，可能会引领 2017 年的 UI 设计风格

编者按：前两天淘宝的App 发布了一款新版，新版UI 在视觉和动效上都有了比较大的升级，很可能是会带起一波真正的UI 设计趋势。在官方设计师出来分析之前，不妨先看看在野设计师怎么看。作者微信公众号：设计工厂关键字：设计, 设计文章, 动效

产品 2017年03月14日

为什么你的动效特别酷炫，但一直不能落地？（附解决思路）

编者按：今年很多设计师开始玩动效，不过想让你的动效设计落地，远不是会AE 就能解决的。本文总结了让动效落地的整体解决思路，附动效软件推荐，建议阅读。国际惯例，在开始之前，还是先来聊一聊我们设计中心在人机交互中对于动效的一些经验和想法。动效，一直都存在于这个物理世界中。随着技术的不断进步和设备性能的不断提高，以及带有动效行为设计的不断优化，改变了我们在人机交互过程中原本复杂而

产品 2017年03月09日

用两个例子来谈谈：工具对设计师真的有那么重要吗？

工具固然重要，但我们不应该被它牵制。最近在做各种动效，也在群里跟小伙伴们讨论一些关于动效的技法，于是就有人问：现在做动效，是要学什么软件好呢？ Principle、Flinto、AE、XD、Framer ？ 等等。嗯……现在的动效软件真是太多了，导致大家有了误解，对工具产生过多的依赖感，从而理解错了 “用什么工具做动效好呢？” 这句话。（其实之前的文章已经说过关于工具的问题

产品 2017年03月03日

动效在 UI 设计中有哪三个关键用途

随着技术和硬件设备性能的提升，动效已经不再是视觉设计中的奢侈品。动效不仅仅是华丽的动态效果，它首先帮助设计师和用户解决了许多界面功能上的问题，让这用户更容易理解产品，也让设计师更好的表达。动效本身还让整个界面更加活泼，充满生命力，更加自然的相应让就用户和界面之间有了情感的联系。动效对于UI界面在功能和情感上的强化到底有哪些呢？今天的文章，我们从三个方面来聊聊这件事情。1、系

产品 2017年02月22日