Alice's Freestyle:明天的我将与众不同


奇幻异想的梦境世界,每一处灵感都在述说,一则妙不可言的故事。

喜爱做梦的小朋友们和大朋友们,跟随MINI PEACE一起,准备好一场神奇冒险吧!

展示.jpg

创意分析

该作品利用gif动图、视频和长页面结合展现H5画面,竭力将气氛营造的魔幻、神奇,以贴合Alice童装的特点。最前面两页的gif动图借着爱丽丝的飘然下落,将读者们也一起带入了梦幻般的氛围之中。整个作品的带给人们的神奇感与Mini Peace这个童装品牌的儿童感相得益彰,很容易给用户留下深刻的印象。


技术实现

此作品最主要的特点就是活用长页面和gif图片。

通过对网页元素的解析,可以清楚地发现,该作品所插入的图片,有80%都是gif动图。同时,作品在第三页插入了一个4338px的长页面,并将gif元素通过图片上传零星点缀其中。最后,作品中嵌入了几个弹窗触发,只需要点击孩子身上的衣服,就会跳出产品介绍弹窗。

长页面可以在人人秀编辑器中简单地实现:长页面

2.gif


视觉分析

作品颜色的整体色调偏于蓝色、绿色,而饱和度不高,一方面能够营造出魔幻森林的氛围,另一方面又能够缓解情绪压力、不会带给人过于强烈的刺激,可以让用户舒适地继续阅读作品。使用字体的时候,作品分别采用了扭曲过的DisneyPark和自由变形过的方正粗宋等多种字体,突出了标题中的Freestyle,又与童装的童话故事+魔幻森林的主题相互呼应。

最后的长页面采用横版布局,与前面的下拉式滑动页面互相结合,在横转手机的同时,让用户产生了轻微的仪式感。使得用户更容易沉浸在魔幻的气氛当中。

g1/2017/07/26/1501056484117.jpg


蓝色.png


开始制作.png


人人秀原创文章,如若转载请注明出处:https://rrx.cn/content-ix2mu0