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

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

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

创意分析

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

技术实现

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

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

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

视觉分析

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

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

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