话点 言语峰

一组令人愉悦的APP动效设计

转载文章

向好友分享此话题 9人分享

分享话题后, 信息将显示于动态内。

在App设计完成后,你如何向客户展示功能和界面相关的内容呢?与其花时间费口舌向客户解释,不如用漂亮的动画来演绎产品的设计水平。


First shot in Chapps

浏览或者搜索资料时的效果。

dba85PNN.jpg


WIP Discover Music app

在该设计中,作者想要把用户的注意力引导至多媒体内容的导航过程,最终展现在屏幕上的是一个音乐播放器。

hvUaBbSr.jpg


Speedcam app animation

设计师很好地展示了一个华丽的处于运转中的高速摄影机应用。

DPxgQ5Dz.jpgdOU4GNEr.jpg


Workflow Payment

展示了一个方便的灵巧优雅的支付过程。

44wxFwqV.jpg


Gif Animation

该设计展示了在地图插件和主菜单之间的导航过程,每项内容都通过令人愉悦的效果连接起来。

QObVWMWs.jpg


Walkthrough Animation

一个动态滚动的欢迎界面,还带有注册按钮,高效有序地展示了你对应用的期待。

mzpIXUuk.jpg


Interaction overview

这是一个持续时间较短,但非常高效的动画,向用户展示如何从卡片目录添加和删除项目的过程。

WFNA7GNT.jpg


Delete task and assign task to your teammate in action

展示一个标准的轻扫手势对界面外观审美的影响,让整个应用看起来更有生命力、更时髦以及更有诱惑力。

JsmxEN6E.jpg


Menu interaction GIF

该设计优雅地展示了我们常见的侧滑菜单,点击左上角的图标还有不错的动画效果。

k1oDT1R3.jpg


My First UI Animation

重点展示一个整齐、时尚以及精细的侧边栏菜单。

N4zxygWa.jpg


Precomposed Touch Gestures

pfzeWygO.jpg



原文地址:designmodo
译文地址:cocoachina

40条回复

1
诞诞

看完后心情大好。

2
haik

国内公司赶紧来抄啊

3
汉斯

真帅啊,我喜欢

4
游里

很炫的动效设计 看到好的就想要

5
沉默如风

请问这样的动态效果图怎么做出来?

6
Yan°

第一张好像多普达时期的windows mobile系统的桌面相册效果啊……

7
大多数的沉默

特喜欢这个,好想学怎么办

8
知微

极简、圆、框、单色、多色,超酷!

9
iathy

第2和第8个非常好,有几个为了追求动画效果,把操作变复杂了。

10
时间的灰

看了。这其中有一些,那么多动画,等你用起来就知道多花眼了

11
任小小

恩 dribbble上看到过 哈哈 比赛终于结束了,最后一段最精彩,,,

12
林言

AA Clear speedtest 好熟悉的感觉

13
睡着了的猫

这感觉真炫酷~

14
不肯媚俗的心

从来没发现app这么美

15
我不是晚餐

简直逼着我换手机

16
Rlees

太炫了,赏心悦目

17

一边看一边想怎么实现

18
不肯媚俗的心

很简洁帅气啊!

19
圣诞帽

Flash是做不成这样的动画的。是AE和PS的产物。

20
櫻井ゆみです

看得超爽~

21
杜圈圈

正中间这张好爱,太帅了

22
游里

觉得还好吧…

23
小狮。

ppt做成这样就叼了

24
haik

够了好吗,我们就不能留点活路给那些做不好ppt的人吗

25
couy

我只想问这个是怎么做出来的!!

26
来来莫忘梦想

很绚的交互效果

27
11°青春

真漂亮!

28
止云悠

我昨天还在想其实手机应用以及网页完全可以做成这样!

29
沐云歌

第一个费劲,得做一天

30
春色将阑

我觉得第三个赞!!赶快学!!

31
拉本

的确被惊到了 ,赞

32
白云和果果

好Q弹

33
鱼鱼

超级有!理想couple模板~

34
w

这么酷(੭ु ‾᷄ᗣ‾᷅ )੭ु⁾⁾!

35
Sema

FaceScan app concept 那个好酷!

36
巧克力花生

多谢,收下学习学习。

37
周林

确实不错,俺这个程序猿看的心动不已

38
小云朵

还是使用上的舒适最重要

39
w

这个用什么软件可以实现呢?

40
三面亚当

小白求问 这种动画是用什么软件实现的?

邀请好友加入启维

输入想邀请的好友邮箱, 启维将第一时间发送邀请码

好友1
好友2
好友3
好友4
好友5

邀请邮件已发送, 感谢您使用启维!