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

最近离职了,空暇之余正好对之前一年多的工作内容进行个总结回顾。主要分两块,一是负责公司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

相关推荐

  • 交互设计师的60日计划之第二天

    此次分享的[button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

    交互专题 2015-08-20
  • Axure小白,快速做出冲顶大会高保真原型,全靠它(附源文件下载)

    Hi,大家好我是Axure实战班萌萌哒的班主任Sara(*^▽^*)这是一篇很有内容的Axure班介绍文章如果你被Axure困扰想快速玩转Axure,做出标准的原型图想写出规范的原型说明,掌握产品交互那么花3-5分钟了解下这个实战班吧,2000多位同学报名学习了,不会错的~先给大家看看我们班liwen同学,做的冲顶大会gif图喔,真的很棒棒耶(*╹▽╹*)(福利资料:添加班主任Sara为好友,可获取“冲顶大会”原型文件。Sara微信见文...

    2018-03-26
  • 习惯养成APP的交互设计&视觉设计

    本文通过展示UI设计稿、需求分析报告和交互设计文档,全面详解养成APP的交互体验与视觉设计。

    2017-05-13
  • 长大的用户体验不好,想退货了

    来都说:本周,小编的桌上多了一盆仙人球,世界各地还发生了这些小事情:钻石兄弟情、无声面包店、「自杀式」教学、午夜「决斗」、从天而降的小女孩、我明白得有些晚、长大的用户体验……01钻石兄弟情近日,美国印第安纳波利斯市一处停车场内,一位 80 岁的老爷爷遭遇抢劫。由于行动不便,拄拐杖的老爷爷只能任凭灰帽衫劫匪的摆布……这时,一个身影冲过来,朝着劫匪的后背就是一拳,劫匪被打得踉跄了几步,脑袋也有点蒙了。这个身影是 80 岁老爷爷的哥哥,今...

    2018-04-13
  • Axure 原型界的撕逼大战

    最近在交互原型界也有撕逼大战啊,所以任何以收费为目的的网站都是纸老虎。 为了整体交互设计行业发展来看,只有开源分享才是真的有利于交互设计师们。你们说尼? 原文标题:《金乌:你能消停点儿吗?》-小楼一夜听…

    交互设计 2014-12-29
  • 【原译】迪士尼中的UX(下篇)

    上次有简单介绍迪士尼十二原则的基本概念,这篇文章则是韩国pxd设计小组与迪士尼设计大师Glen Keane先生的一次更加深入的访谈与讨论。 在正式开始这篇文章之前,先给大家稍微展示动画《Duet》中的一个小片段。《Due…

    2015-10-27
  • 实战经验!交互设计如何赋予产品安全感?

    互金产品交互设计 有其特殊性,比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位,而设计的优劣会直接影响用户的安全感 受。

    2017-08-02
  • 两会唤醒全民关注用户体验

    聚焦2018年全国两会,共有13位人大代表和政协委员提倡在相关领域内发展与提升用户体验,范围遍布于新能源汽车、互联网、通信、教育科研、传媒、版权保护、交通运输与医药等数十个行业,引起了社会各界的广泛关注。两会期间,全国政协委员叶友达向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》。叶友达建议,从国家层面启动基于用户体验的设计创新倡议,构建用户体验设计创新战略和行动纲领。同时要加大对基于用户体验的设计创新的宣传力...

    2018-03-28
  • 不一样的方法论:从迪斯尼动画学到的五大UX设计原则

    本文作者 Rebecca Ussai  ,成文于她和迪斯尼首席动画师 Glen Keane 在  SXSW panel 合作的一次干货分享之后,文章讨论了 UX 设计师能从迪斯尼动画设计学到的 5 大原则,干货满满!不能对观众没有耐心,他们只是在对你的设计做出反应。吸引力是一种很玄的东西。我总是做些我做不来的事儿,因为我觉得可能做着做着就学会了。
    ——毕加索

    2017-05-19
  • 交互的未来标配!5个方法帮你设计好用的触控手势

    我们生活在一个人机互动频繁,由设备驱动的世界中。随着触摸屏逐渐成为移动设备的标配,多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。我们通过模拟真实世界…

    2016-03-04