惠生活再设计


15年上半年,在跳槽之前的公司做了一款APP,由于当时对UI设计规范知之甚少,而且期间与程序沟通不善,虽然最后APP顺利上线,但上线的实际APP与设计稿相差甚远。

简单的在站酷整理了当时的设计稿,见:惠生活APP设计稿整理

以及APP的网站:惠生活 您身边的移动支付专家

回头再看当时的设计稿,个人来说不大满意,正巧最近在学习Sketch,顺势把这款App做了再设计。

主要界面

 

页面展示

 

以下是由再设计过程中的一些灵感所做的小动效,在终稿中使用了一部分。制作使用的是After Effect,之所以没有使用Flinto/Hype3是由于上述两个程序暂时还没有支持遮罩动画的效果。虽然用AE做这些小动效有些大材小用,不过Adobe的老牌软件还是在功能性上比新晋软件强大很多的。

个人中心的抽奖动效

前提:APP的功能设计以及主要卖点是成功完成一笔交易后(充值缴费、商城订单)可获得一次抽奖的机会,且不设上限。

之前一直在纠结中奖提示究竟是用模态消息框还是以通知功能出现,就先做了个使用通知功能的效果,虽然方便用户接下来的操作,但感觉弱化了中奖的提示,不太符合APP的卖点。

 

充值+抽奖动效循环

成功交易——获得抽奖机会——抽奖,这样的一个循环动效。动效中的很多细节还有待调整。


Design&Coffee , Think&Life .