Alice's Freestyle：明天的我將與眾不同

奇幻異想的夢境世界，每一處靈感都在述說，一則妙不可言的故事。

喜愛做夢的小朋友們和大朋友們，跟隨MINI PEACE一起，準備好一場神奇冒險吧！

創(chuàng)意分析

該作品利用gif動圖、視頻和長頁面結合展現(xiàn)H5畫面，竭力將氣氛營造的魔幻、神奇，以貼合Alice童裝的特點。最前面兩頁的gif動圖借著愛麗絲的飄然下落，將讀者們也一起帶入了夢幻般的氛圍之中。整個作品的帶給人們的神奇感與Mini Peace這個童裝品牌的兒童感相得益彰，很容易給用戶留下深刻的印象。

技術實現(xiàn)

此作品最主要的特點就是活用長頁面和gif圖片。

通過對網(wǎng)頁元素的解析，可以清楚地發(fā)現(xiàn)，該作品所插入的圖片，有80%都是gif動圖。同時，作品在第三頁插入了一個4338px的長頁面，并將gif元素通過圖片上傳零星點綴其中。最后，作品中嵌入了幾個彈窗觸發(fā)，只需要點擊孩子身上的衣服，就會跳出產(chǎn)品介紹彈窗。

長頁面可以在人人秀編輯器中簡單地實現(xiàn)：長頁面

視覺分析

作品顏色的整體色調偏于藍色、綠色，而飽和度不高，一方面能夠營造出魔幻森林的氛圍，另一方面又能夠緩解情緒壓力、不會帶給人過于強烈的刺激，可以讓用戶舒適地繼續(xù)閱讀作品。使用字體的時候，作品分別采用了扭曲過的DisneyPark和自由變形過的方正粗宋等多種字體，突出了標題中的Freestyle，又與童裝的童話故事+魔幻森林的主題相互呼應。

最后的長頁面采用橫版布局，與前面的下拉式滑動頁面互相結合，在橫轉手機的同時，讓用戶產(chǎn)生了輕微的儀式感。使得用戶更容易沉浸在魔幻的氣氛當中。

人人秀原創(chuàng)文章，如若轉載請注明出處：http://www.bydok.cn/content-ix2mu0