莫b
这次执行是最近做的礼物当中,最顺利的一个,很多东西都是熟能生巧,越来越好,过程中的几个小点,希望能够给大家一点启发,继续加油!

 

今天来分享一个全屏礼物——欢乐派对。
最终静态效果如下:

图片

质量监控:菜心
设计执行:柠檬
这次的执行还是比较顺利的,过程中有几个小点和大家分享一下。

 

01 创意点

老规矩,肯定还是要结合自身吉祥物来进行设计,但是派对嘛,不可能就一个人,所以还需要再加一些其他小动物,比如小兔子啊、小鸡呀等等。
然后因为晚上有比较强烈的明暗,所以就把时间设定在夜晚,大家在海边开着派对,周围加一些帐篷、自驾游的旅行汽车等等。
画的草图大概如下:

图片

这次基本没怎么改,直接就过稿了,第一次草图这么顺利,哈哈。

 

02 风格不搭的细节

上色后的效果也还ok,没有什么太大的问题,效果如下:

图片

但是过程中也会有一些风格不搭配的细节。这里随便举两个小例子,比如,像画面中背景上的星星,我觉得就有点土气:

图片

还不如直接就一个图形然后把颜色提亮,这样风格也会更搭一些:

图片

再比如,过程中还有一版本是这样的,中间有一团火焰,大家围着火光开派对:

图片

但是这个火实在是有点敷衍,所以就还是改成了食物:

图片

让风格更统一一些。
这些影响画面的小细节,一定要多注意,注意风格的统一,随时保证画面的精致度、和谐度。

 

03 画面中的氛围感

虽然说这一张上色稿还可以:

图片

但是总感觉好像好了一点什么,后来我就想起来之前自己的那张练习图,从第一张到第二张变化了什么?

图片

是的,就是氛围上的增强,让画面不至于那么干,然而加光点也是我经常使用的一种方式,所以后来我们这张礼物图也用了加光点的设计手法,效果对比如下:

图片

画面会比之前丰满一些,氛围感也会好一点,而且后面在做动效的时候也可以让光点飞舞,也是一个不错的元素。

 

04 动效设计

动效的制作也比较顺利,主人物弹着吉他,其他小人物蹦蹦跳跳的,然后光点一顿飞舞,星星咔咔一顿闪烁,大概效果如下:

一次过稿!

 

05 关于动效的尺寸

动效的格式,之前有分享过,就是svga,ae就可以导出。
这次再说下尺寸,最开始我提供的是1125的宽度,但是后来感觉实在是有点大,就改成了750的宽度,其实750的宽度对于礼物的质量也还是OK的,所以现在我这边提供的尺寸就是,全屏礼物是750×1624,其他礼物就是750x其他高度,我们保证输出的宽度一致,这样开发也比较好适配一些。

 

总结

这次执行是最近做的礼物当中,最顺利的一个,很多东西都是熟能生巧,越来越好,过程中的几个小点,希望能够给大家一点启发,继续加油!

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
图片

转载请注明:学UI网 » 我在公司偷偷开派对,老板发现后竟让我画个派对礼物,我人傻了!

登录收藏
 
你可能喜欢的:
UI动效设计指南!三个要素打造流畅的动效体验UI动效设计指南!三个要素打造流畅的动效体验
UI动效设计原则UI动效设计原则
手把手教你制作撸猫 Demo 动画手把手教你制作撸猫 Demo 动画
兄弟们,我第一次做直播礼物动效,献丑了!兄弟们,我第一次做直播礼物动效,献丑了!
近期观察到的微动效案例设计近期观察到的微动效案例设计
干货虽然迟到了,但三鱼还有私货干货虽然迟到了,但三鱼还有私货
底部标签栏动效设计 10 佳案例底部标签栏动效设计 10 佳案例
用动效创造可用性:动效设计的基本原理用动效创造可用性:动效设计的基本原理
发现了10个非常棒的UI动效案例发现了10个非常棒的UI动效案例
微交互设计一定要知道的8种类型!微交互设计一定要知道的8种类型!