疯狂动物城H5

疯狂动物城H5

其实这个H5的名字应该是叫“全国票选黑眼圈熊猫公司”,是不是很晦涩,简单来讲就是看看哪家公司加班多!灵感来自与某滴搞了一个这样的H5,所以运营部门希望我们也搞一个~
是否与某滴有合作我就不知道了,这也不是我应该考虑的问题,毕竟我只是一个抠图工~
这个项目对于我来说是一个挑战:
第一,我以前没有接触过H5的设计;
第二,对于每一个非科班UI设计师来说,手绘功底、图片合成甚至是抠图都会是比较弱的一项;
第三,一般运营活动都会有相当大的不确定性,一群不够专业的“产品”给你分配一个只是一个想法的项目,或者她也不知道要什么,只想你做出来看看;
第四,我们的前端以前也是基本没有做过完整的H5项目,但是这个项目要的很急很急,一定要在什么时间节点完成,当然,非专业人士都是一个草图或者一句话加一个她认为的时间节点。

这里我依然想要强调一句话:设计是相通的!UI、平面、网页甚至是ID!

所以面对上面的挑战,心理感受是这个好难,而不是这个我不会做!
我把这个理解为设计态度!
好的设计态度的确是一个设计师应该具备的基本品质,依然记得当时有平面设计师负责设计网站图片展示部分,但是他们不会切图,需要打回到UI这边,于是我就去教了一遍,依然是不会,这个是我很难理解的事情.

刚毕业那会找了网页设计师、平面设计师、UI设计师的相关工作,在这之前基本没有UI设计经验,很庆幸我现在的领导慧眼识猪,力排众难,选择了我。
当初我对UI基本一无所知:切图?标注?@2x?@3x?一脸懵逼,甚至是当时AI画图标都不会;
第一天上班装了几个软件,第二天上班开始学习切图标注,第一周结束,基本大部分UI设计工作就完全交由我来负责了;可能很多人会觉得不敢相信,一个UI培训班都要3个月,怎么可能一周学会,这可能就印证了我的观点:设计的相通性以及好的设计态度的重要性!

回到项目本身:
因为先有某滴的H5,所以领导对于设计上希望与他们风格相似又不相同,所以查看了其他优秀的H5设计,然后做出了下图的版本:

疯狂动物城H5

你可能懵了,因为疯狂动物城H5居然没有动物!


事情是这样的,我猜测:领导去看了当时相当火爆的动画电影《疯狂动物城》之后,被里面的剧情深深吸引,无法自拔,决定一定要做一个活动,一定能火起来!
于是:前面做的都作废,我要做一个疯狂动物城版本的“全国票选黑眼圈熊猫公司”
内心是崩溃的,他们又重新定义了“这几天就要上线”这句话;
于是乎又开始一个新的H5,对比前一个,疯狂动物城这个H5没有了可以借鉴的元素、存在大量的合成和动物毛发抠图、运营部门的独特审美、时间更加紧迫...这些因素都会影响这个H5的产出质量!
整个过程很感谢我的领导--已经是产品经理的前UI设计师的协助;

下面展示最终上线版本的大部分设计稿,纪念第二次H5设计工作!

疯狂动物城H5 疯狂动物城H5 疯狂动物城H5
疯狂动物城H5 疯狂动物城H5 疯狂动物城H5