小江湖3.0之重出江湖

思维导图 UI app 动效 11度 0评

所有的动效皆出自于photoshop。

前言

历经半年,无数版本更迭,小江湖3.0版,终于横空出世。
其中的经历只有自己最知道,不管改成什么样,每一次的版本,都是自己的心血,每一次的改版,耗费了很多脑细胞。

app流程图

花了一个晚上的时间,整理了下思路。现在比较清晰了吧。

动效之路

待大的布局确定不变时,剩下的开始思考各个过渡效果和一些人性化设计。
因此,我便用ps简单做了个首页动效,整体来讲,这版本还算比较满意。

现在在做UI细节调整。
这是刷新动效。

这是切换按钮的动效设计。

主题色


这一版本的主体色调,为红,黄,蓝。

游戏对战匹配动效

第一局,第二局。

获得奖励的动效

应用场景:
1,得到奖励
2,游戏胜利
3,任务完成
4,类似设计

颜色应用场景

红色:用于取消。举报等警示按钮。
黄色:用于下一步,确定等此类按钮。
蓝色:用于购买等交易类的按钮。因为蓝色代表安全嘛。

周边场景动效设计

比如吉祥物表情等等,近段时间在制作中,待完工后,上传到这里分享给大家。

敬请期待

此文不定期更新。

2017-09-24 工作日报
Comments
Write a Comment

专栏!专栏!

我的专栏,写信,写代码,做界面,写文案,拍照摄影,游戏心得,影视评论等等,应有尽有!