近一年来做的动效设计整理

最近离职了,空暇之余正好对之前一年多的工作内容进行个总结回顾。主要分两块,一是负责公司App和游戏在App Store及Google Play商店的视频创意设计和制作,可参见我写过的文章《AppStore预览视频AppPreviews制作心得总结》,以及前两天上站酷首页的《2015 moonjoin showreel》。

最近离职了,空暇之余正好对之前一年多的工作内容进行个总结回顾。

主要分两块,一是负责公司App和游戏在App Store及Google Play商店的视频创意设计和制作,可参见我写过的文章《AppStore预览视频AppPreviews制作心得总结》,以及前两天上站酷首页的《2015 moonjoin showreel》。

另一个主要工作就是参与应用UI设计,提供交互建议和动效设计,比如之前应对设计loading动画的需求,专门做了点研究,写了篇文章常见的Loading进度条动效形式,先是冲上简书的热门榜,然后被优设、人人都是产品经理等这些垂直行业网站转载,造成了挺广泛的传播,还给微博涨了不少粉。内容为王嘛,的确感受到了网络对优质原创内容的稀缺。

以上有点王婆卖瓜的嫌疑,嘛,我希望能找份工作,所以多说了点。下面就点题吧,罗列下近一年来做的动效,考虑到程序实现的问题(毕竟我也是学过swift的男人),我设计的动效一般都不会太出格太天马行空(直接调用GIF或序列帧的除外),甚至有的“轮子”我都会给程序提前找好。

近一年来做的动效设计整理

为基于craigslist的APP设计的Loading动画

近一年来做的动效设计整理

craigslist loading 演示,因为Loading动画可能会在任意时刻被打断,所以设计了成功和失败两种状态提示动画用来衔接,目前只能想到这样程序好实现一点,虽然不能完美衔接。

近一年来做的动效设计整理

craigslist-下拉刷新示范

近一年来做的动效设计整理

craigslist-下拉刷新标注图
近一年来做的动效设计整理

craigslist-下拉刷新第二版示范

近一年来做的动效设计整理

iKeyboard loading 动画 1

近一年来做的动效设计整理

iKeyboard loading 动画 2

近一年来做的动效设计整理

一个安卓桌面上拉清理的功能演示

近一年来做的动效设计整理

该桌面第一次启动时候的引导动画

近一年来做的动效设计整理

隐私相册 unlock 解锁及首次引导动效演示

近一年来做的动效设计整理

隐私相册 登录页面 细节动效

近一年来做的动效设计整理

隐私相册 下滑列表弹出的动效

近一年来做的动效设计整理

近一年来做的动效设计整理

近一年来做的动效设计整理

作者:moonjoin

来源:http://www.jianshu.com/p/daf72adcfe40

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/31657/

(0)
CatherineCatherine
上一篇 2017-06-02 05:50
下一篇 2017-06-02 09:00

相关推荐

  • 什么是用户体验设计,用户体验设计标准是什么?

    我理解的用户体验,是让用户付出最小成本满足需求。用户体验无法用一个通用方法整体衡量,只能在理解产品全貌的前提下评测分解属性。我仅结合搜索领域经验提供些参考。个人对用户体验的目标是,做到“自然”。用户体验设计是什么?用户体验(User Experience,简称UE)设计 是用户在使用产品或服务过程中建立起来的一种纯主观的感受。用户体验产生于客户与你的品牌、公司、组织所发生的一切互动。这些互动的对象包含了你的产品、官网、帮助中心、广告、微...

    2018-03-20
  • 2016年移动应用设计趋势:神奇的微交互

    开发一个APP并上线了,你会觉得很了不起,同时呢它还有一个很酷的故事和视觉设计令人印象深刻。但这是不够的,它需要更多的东西,要让用户感觉这些元素活着。 这就是微交互! 图片来源:uxpin 当谈到设计一种上瘾的…

    2015-12-25
  • 收福利!5个不为人知但干货超多的交互设计公众号

    这两年随着自媒体时代到来,越来越多的设计师开始注重个人品牌运营,比如发作品到各大平台,总结项目经验,翻译国外文章等等。无论哪种方式,对提升国内设计学习氛围都大有裨益。

    2017-07-08
  • 总结七大设计原则,打造高素质的UI界面

    虽然好设计的原则是老生常谈,但是我们还是要经常总结,结合自己的设计,三省吾身。

    2017-05-11
  • 互联网产品经理要看哪些经典书籍?需要准备什么?

    入行产品经理所需的准备目前,互联网产品经理的社区很多,里面有海量的信息,如何修炼成为一名优秀的产品经理的经验也是林林种种,笔者也阅读不少,获益不少。今天,笔者并不是谈如 何成为一名优秀的产品经理,成为优秀的产品经理只是第二步,入行才是第一步。笔者作为一个做了一段时间产品的人。谈谈入行产品经理所需做的准备。前提:做产品,关键是要发现用户的需求点,发现用户的痛处~~关注互联网动态和产品动态:1 每天阅读新浪科技或者其他门户网站最新的互联网资...

    2018-03-14
  • 超好看APP交互设计~

    设计APP,不是简单的把界面绘制好,漂亮的色彩搭配、可爱、卡通或者扁平化的图标设计等等。如今的移动APP界面设计,更要追求有趣与实用的完美结合。今天,小编分享来自印度的设计师Joney vino的超好看APP交互设计作品。第一款是APP交互设计是关于免费试驾APP的选车界面与整个选车的流程。整个过程就是把选车类型、日期、人数等功能元素在流畅的界面转换场景当中完成。追求一气呵成。很不错的免费试驾体验。第二个APP交互设计当中的有趣、创意与...

    2018-03-03
  • Axure官方教程中文版第5课:动态面板介绍-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(5).MP4 新建文件 1、添加一张图片和按钮 2、转换为动态面板并添加状态 3、为每个状态添加一张图片 4、设置点击“Next”按钮时进行下个状态的切换

    2015-01-26
  • 如何成功运用扁平化设计与色彩趋势

    经验分类: 经验/观点 / 自译外文 原作者: Carrie Cousins  翻译:蒋灿 我们在Designmodo上已经聊了很多有关扁平化设计趋势的内容。 之前瞎说了很多,也给大家展示了大量不错的示例,还开发了一套免费的用户界面以…

    2014-09-14
  • mBack交互方式分析

    本文作者将对魅族最新研发的交互方式—mBack进行分析,从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异,到分析mBack的缺点,值得一看。乔布斯说:伟大的产品都是只有一个按键的。在已经将交互优化到已经不能再删减时,如何有效的组织和隐藏就显得尤为重要。随意性用户可能使用过类似的产品或服务,有兴趣使用更为复杂的产品,但是不愿意接触全新的产品,除非新功能足够简单。主流用户是最大地群体。他们使用产品的目的是完成任务,他们永远也不会产生学会所有功能的想法。

    2017-05-01
  • 【译文】作为新手,我该如何学习Web设计

    我现在对于网页开发一无所知,我应该学习什么能让我可以在六个月之内开发任何网站?无论是看书或者开展项目都可以。 简单引导: 学习基础知识.  看一本书,而不是文章 设计一些东西.  从一款很酷的设计工具开始,比…

    2016-08-04