追波交互动效设计合集(三)

  • 作品类型动效
  • 作品属性原创作品
  • 作品版权署名-非商业性使用-相同方式共享
9505 43 536 2019-03-09

Hi 这是我最近的交互动效作品合集第三波。以上是最近作品整合的视频,可以点开瞅瞅↑

每个作品在设计前都会思考很多,如果才能让交互过渡动效和UI元素动效能承载更多信息。

-

【作品思路】

1.【停车位预订】设计更沉浸式的车位预订动画,让过渡动画不仅仅局限在2D空间里。

2.【网速测试】我把测试数据想象成发光的星星,当正在测试时流星向内吸收说明正在下载数据,流星向外扩散说明正在上传数据。

3.【机票预订】在设计过程中希望乘客在预订机票时能清楚地看到地理信息,并尽量减少购票时的页面跳跃和设计更加流畅的过渡交互。

4.【饮料购买】我的设计初衷是希望用户在选择饮品类型时不再是列表式的选择,更沉浸的方式让用户感觉自己在调配饮料的感觉,参考星巴克排队的用户心理:用户能够看到和参与制作过程,会给予人对该物品的更多价值。动效添加了放冰块和水果物理效果。

5.【中文学习】我将课程卡片增加插画元素,一方面增加情感化设计另一方面让用户理解其卡片内容意义。

6.【网络错误】灵感来源抖音的宠物背包,猫咪发现不能出去,需要引导检查网络将背包打开。

7.【步行数据】每日步行数的3D山体数据可视化动效。

8.【Loading动画】沙漏的物理效果。

9.【404页面】滑板男孩去了哪里?表示该页面没有找到。

-

如果想关注我的最新作品和获取更多的灵感~欢迎关注我的追波ID : Likeve 

全部评论:43

  • 忆起先心

    2021-06-16 10:12

    前端们已经拔刀了

  • 2020-06-09 12:24

    @KevinLuo凯文: 想学

  • 会走位的柠檬茶

    2020-03-20 15:16

    @诗韵jojo: c4d效果没那么好

  • 诗韵jojo

    2020-03-05 17:09

    @浪一: C4D也可以做出来的。。

  • DevinTang

    2019-12-02 11:50

    最后滑板这个3D动效难吗

  • ui设计规划师

    2019-06-28 15:21

    做的很棒 私我免费获得ui教学课程

  • 鲍小帅

    2019-06-18 09:38

    @比亚: 不是不进步怪设计师,进步本来就是相互的,更多的进步肯定还是在项目中成长,如果设计师,在产品上总是没有创意,千篇一律,都是不能进步的呀

  • 背后的影子

    2019-05-29 17:08

    @KevinLuo凯文: 可以教教怎么做吗?想学呢

  • 三棵树

    2019-05-15 17:28

    做的真的好 刚刚开始的小白 向你学习

  • LH小黑不黑

    2019-05-07 18:30

    教我吧,我觉得很好啊,不管前端做不做得出来,这是体现我们作品和愿望的一种方式。

  • 比亚

    2019-04-26 14:40

    @鲍小帅: 这话说的,不进步就是怪设计师喽,即使设计师做出来,前端也不一定会做吖

  • 比亚

    2019-04-26 14:35

    能设计但是一般的前端可做不来啊

  • KevinLuo凯文

    2019-04-23 18:30

    @: 想学啊 我教你呀

  • 2019-04-23 13:33

    沙漏的可以出教程吗,好厉害

  • 浪一

    2019-04-18 16:03

    @小树熊baba: 不是ae还能是是什么...

  • 0824_

    2019-04-12 17:49

    @KevinLuo凯文: 可是现在很多程序员都要求UI尽量简单啊!

  • AIR一

    2019-04-12 17:02

    沙漏晃动的节奏掌握的太好了,颜色也好,优秀的设计师

  • 小树熊baba

    2019-04-12 15:35

    动效是ae做的吗?

  • VikesTan

    2019-04-12 14:17

    这个是真的优秀,不动都很优秀了

  • KevinLuo凯文

    2019-04-12 10:29

    @鲍小帅: 你说的太好了 感动 不满足于现状 互联网产品就是一个探索的过程

  • 鲍小帅

    2019-04-12 10:14

    身为一个前端开发,看到这样的动图,是各种激动,前端的上线就是设计,如果设计总是千篇一律,开发也不能进步,设计的厉害了,前端也会提高

  • 哈佛唉v

    2019-04-11 15:41

    这才是我理想中的优秀设计,,超级赞,加qu)n:【583】【915】【450】,每天晚上八点免费公开讲解课哦,很适合零基础,群文件有PS、AI软件下载,教程视频。

  • 牛反绒

    2019-04-10 18:09

    谢谢大神 超级赞,加qu)n:【583】【915】【450】,每天晚上八点免费公开讲解课哦,很适合零基础,群文件有PS、AI软件下载,教程视频。

  • KevinLuo凯文

    2019-04-05 14:49

    @7漆曳: 虽然很多人说这种类型设计对于开发成本高,但是我相信UI不可能一直保留在当前的地步,UI在发展,技术也在发展,不可能一直满足于现状。产品同质化的时代,用户逐渐审美疲劳,需要创新突破,使产品更具竞争力。

  • 7漆曳

    2019-04-04 15:36

    这种动效不敢给前端看

  • zrm

    2019-04-01 10:29

    @KevinLuo凯文: 好的,谢谢大神

  • To be a better me

    2019-03-28 16:11

    卤煮动效做的很棒~但是如果出个教程分享一下技巧人气会更完美是不是

  • 欢乐的氰化物

    2019-03-28 10:31

    这个让前端们头很疼

  • 果敢的小利索

    2019-03-25 10:59

    这才是我理想中的优秀设计

  • HelloWorldxt

    2019-03-19 13:37

    前端们已经开始拔刀了

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票