UI 设计实例：如何将功能性动画完美融入设计以提升用户体验

来Nick大神关于功能性动画的一篇文章，翻译过来与大家分享一下。 人类是视觉动物，我们天生就会注意到移动的物体。在app和网页中，小动画对我们来说像是眼睛的甜点一样，我们不自觉的就会被它们吸引。近来，越来越多的设计师将动画作为一种功能性的元素来提升产品的用户体验。动画不仅仅是装饰性花瓶的存在了，它成为了提升用户体验的一项重要工具。然而，动画只有在被合理的使用情况下才可以真正

产品 2017年01月13日

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日

动画广告的优势在哪里？

日常生活中所说的“广告”往往特指商业广告，即用于推广货品、服务、或理念的付费公告。电视动画广告则是通过媒体电视并以动画的形式表现出来的一种广告宣传短片。动画不受时间、空间、地点、条件、对象的限制，运用各种表现形式将看不见、摸不着、拍不到的景象形象的表现出来，把复杂、抽象的节目内容、科学原理、抽象概念等用集中、简化、形象、生动的形式表现出来。现在动画在各类电视节目中有着广泛的

产品运营 2016年12月28日

如何通过动画优化交互体验

译者按：一般产品经理不会在动画效果这种细节上跟UI较劲。不过了解一下动画，可以帮助你更好地与UI设计师沟通，一起思考如何通过优化细节来提升用户体验。原文作者[Nick Babich]是一位程序员，交互设计师和UI设计师。动画是会说话的，它不会跟你讲复杂的道理，而是很简单的一两句话，比如“嗨，你得看一下这里。”或者“哇，你刚刚成功完成了一个任务！”但是， 动画可不仅仅是为了娱

产品 2016年12月23日

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

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

产品经理 2016年12月10日

新书《我的皮克斯往事》聚焦乔布斯在皮克斯动画的一些往事

皮克斯动画工作室（Pixar Animation Studios)前身为卢卡斯影业旗下工业光魔公司的电脑动画部——Graphics Group，1986年被苹果创始人史蒂夫·乔布斯收购后成为独立制片公司。据彭博社报道， 在皮克斯前首席财务官劳伦斯·利维撰写的新书《我的皮克斯往事（To Pixar and Beyond）》中，通过记录乔布斯早年在皮克斯动画的一些奋斗里程来回顾

业界 2016年11月24日

日本动画 2016 年产业报告——网络配信篇

作者：lll封面来源：日本动画2016年产业报告上期讲到实体载体（录像带、碟片）市场在不断萎缩，不过饿死的骆驼比马大，实体市场仍然拥有一席之地，但是日本国内的网络配信市场在十几年内从无到有，一路稳定上升，和实体市场差距越来越小。实体到数码转变在总产值方面，2015年实体CD市场被网络购买下载市场超越了。影像类产品市场的实体还没被网络超越，但是作为电视的后继者非常值得期待。随

产品运营 2016年11月01日

如何用动画来提高用户体验？

如何用动画来提高用户体验？How to Use Animation to Improve UX？动画会讲故事。 动画不是长而复杂的故事，而是简单的故事，如“嘿，你现在需要看这里”或者“哈利，你的操作已经成功。然而，动画的目的不是娱乐用户，而是帮助用户了解发生了什么或如何最有效地使用您的应用程序。这个想法在 Zurb 中已清楚地表达：我们不再只是设计静态界面。 我们正

交互体验 2016年10月26日

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

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

交互体验 2016年10月14日