2017 年 6 月 25 日

Airbnb 开源组件 Lottie – 用 JSON 实现 AE 动效

我们总是能在Dribbble等网站看到一大堆酷炫吊炸天的动效。而在现实的App中却很难看到。除了它们都有些过度设计的倾向之外,很大一个原因是因为做不出来。 现在很多小公司的实际情况是,你能想出100种动效方案,工程师就能给你说出101种做不出来的原因。 至于这101种做不出来的原因里,一大部分原因是动效真的很难写。为了写个动效,用上几百行代码也是常有的事。如果你还不说清楚动效的具体原理 ...
查看详情

2017 年 4 月 13 日

北京网站设计中如何正确的使用动效取悦用户

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

2017 年 2 月 12 日

在北京网页设计中,动效有哪些常见的用法?

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

2016 年 12 月 3 日

低门槛,低成本,用Keynote 3分钟实现高品质gif

写在前面:视觉宝宝们,在设计界全民视频化,VR,动效满天飞,每天都在创新的互联网设计新时代浪潮下,你还在为自己精心堆砌出的完美像素沾沾自喜么? 残忍的告诉你,这已经远远不够了,得让你的设计动起来!不仅能让前端工程师更清楚的理解你脑中的呈现效果,减少沟通及返工成本,同时也能让我们的设计输出更加完整专业并且B格满满。 然而传统的用Photoshop时间线来制作动效的方法,过于复杂,并且不够 ...
查看详情