5 招教你如何用动画增强用户体验

网站或应用里的每一个动画都会传达给用户一些信息，比如“你现在需要看看这个！”或者“你的操作成功啦！”等等。动画不是用来给用户看着玩的，而是要帮助用户理解发生了什么，并指导他们高效地使用你的应用。正如Zurb所说：作为一个设计者，我们要做的已不再是把内容放在屏幕里给用户看，而是要通过动画等手段来帮助用户理解屏幕上的内容。动画集美观与实用于一身，用途非常广泛。它可以影响用户行为

交互体验 2016年10月14日

让技术有温度，解码 QQ 音乐 7.0 三维闪屏

动感而细腻的画面，瞬间让技术拥有温度。QQ音乐2016年度版本7.0，于11月30日全新上线。全新版本不仅整体视觉做了全新的设计，以更简洁、更轻快的理念贯穿，而且向用户数据挖掘与音乐功能延伸进行了重要更新，带来了三个强势功能：主打情怀的那年今日，与运动领域结合的跑步电台，丰富音乐个性化的歌手写真！与全新版本相呼应，QQ音乐在闪屏上也做了全新的尝试：三维动画闪屏。一个城市 三

产品经理 2016年12月10日

PS教程！手把手教你绘制3个效果酷炫的GIF动画效果

编者按：今天来一点简单好玩的动画教程，包括常见的Loading 动画、烟花动画和摩天轮旋转动画，操作不难，附有PS时间轴的入门手册，适合新人练习。为了避免写僵尸教程，有些地方还是需要大家自行思考并且延伸到更多的制作，如果仅仅参考教程做出的东西而不动脑筋，除了临时练手以外意义真的不大。往期教程：《新手指南！手把手教你玩转PS时间轴之基础操作篇》《轻松制作GIF动画！教你玩转P

产品 2016年05月09日

设计思考：功能性动画如何提升用户体验？

功能性动画的每一帧都有其目的，注意每一个细节，让动画成为操作过程中一部分。数码产品的用户体验会因为功能性动画的使用而得到提升。人类是视觉动物，我们天生就会注意到移动的物体。在app和网页中，小动画对我们来说像是眼睛的甜点一样，我们不自觉的就会被它们吸引。近来，越来越多的设计师将动画作为一种功能性的元素来提升产品的用户体验。动画不仅仅是装饰性花瓶的存在了，它成为了提升用户体验

交互体验 2017年03月29日

React Native每日坑

谨以此文记录下RN学习实践过程中遇到的那些仍未解决的坑。。填坑之日记为x。。打码不息，挖坑不止 各位同行大大们若已解决此文提到的某些问题，期待您留言告知 ~感激！ 1、Navigator转场动画会影响当前路由下其他动画，造成其卡顿现象 需要等转场动画完全停止才可进行其他动画的展示。目前方法是设定定时器解决。 2、全屏遮罩Mask不能覆盖Navigator 没找到解决方案。。

业界 2016年07月26日

功能性动效用好了，才能增强用户体验

译文 | 人类一直是视觉驱动的生物，所以影像的影响只会在动画的帮助下而提升。我们的眼镜本能的会注意移动的物体，而动画就像眼前的糖果——如此引人醒目。动效的应用能够在众多app中脱颖而出。最近，越来越多的设计师将动画作为增强用户体验的功能性元素。动画不再是只是一种视觉上的刺激，它已经是成功的交互的重要的工具之一。但是，如何在设计中让动效出现在合适的位置，以及合适的地方？好的交

交互体验 2017年04月01日

移动 UI 设计中，动画的 3 种主要用途

随着技术的快速发展，动画不仅视觉奢华，更是用户期望的功能需求。 动画解决了界面中的许多功能问题，使交互生动起来，真正地响应用户 。下面让我们来探索下提高移动界面功能和情感力量的关键动画策略。1、系统状态在应用后台通常都会有很多进程，例如正在从服务器下载数据，正在进行计算等等。这样的进程总是需要一定时间，所以你要让你的用户知道应用没有卡住，并且显示出它正在处理的状态。这种视觉

产品 2017年04月05日

多媒体 H5：移动端最简单的动画制作方案

了解和使用多媒体制作H5已经成为前端工程师的必备技能。 多媒体H5的现状从吴亦凡假新闻H5的出现到现在，使用视频制作H5动画越来越流行，现在已然形趋势。了解和使用多媒体制作H5已经成为前端工程师的必备技能。下面分析一下多媒体H5：多媒体H5的优点1、实物动画 偶像、明星、美女、帅哥真人拍摄，效果逼真，更吸引眼球。2、丰富的视听享受 明星说唱，声优配音，魔性音乐，不但看得到还

产品 2017年01月15日

2016 年的正版新番市场热闹，自制动画或将成为下一个战场

这个市场已经悄然发生了变化。对于二次元用户来说，日本新番动画可谓是最核心的内容了，二次元市场的流行趋势通常也是由日本新番而决定的。而对于各大网络视频播放平台而言，日本新番动画的正版引入，也就成为了吸引二次元核心用户的关键，对于吸引核心流量有着关键性的作用。在刚刚过去的2016年，共有7家网络播放平台参与了此次新番内容的争夺，分别是B站、优酷土豆、PPTV、爱奇艺、乐视、腾讯

业界综合 2017年01月05日

AnimatedVectorDrawable 实战

本文 是 Android 设计师和开发者 Nick Butcher 介绍如何用 AnimatedVectorDrawable 来实现一个 GIF 动画的过程。上图为需要实现的动画，由 @lekarew 设计并发表在 Dribble 上 SVGO （使用了 Jake Archibald 创建的 SVGOMG ）工具来把导出的 SVG 文件给处理一下方便在 Android 上使

产品 2016年12月31日