童話故事：愛的奇蹟童話書

進入奇蹟工廠的世界

完整欣賞此案例大約需要5分鐘

【案例】 愛的奇蹟童話書

【出品】 GUCCI 古馳

【技術】 jQuery + CSS3(Transform)

【亮點】

策划上，以圖文+動畫的形式，講述故事。

三個故事《致心愛的Siranee》、《一個身材龐大的朋友》、《天上掉下的禮物》均圍繞奇蹟工長展開，講述小動物們不同的經歷及遭遇。

每看完一個故事，用戶在結尾頁可以點擊按鈕跳轉下載壁紙，或「返回首頁」去觀看別的故事，也可以「分享」給好友看。

設計上，動效和交互的設計都很簡單，但畫面卻非常驚艷，可愛的插畫風格，童話故事劇情，再加上活潑的背景音樂，給人感覺彷彿從書中走入了一個童話世界。最後能下載壁紙的設定也真的是很貼心很人性化。

體驗上，畫風真的勾起了小編的童心，讓我的關注點一直在這可愛的畫面上。

但當小編收起童心冷靜體驗時，發現一些認為可以改進的地方：

首頁動畫結束後，在封面處停留過久，一開始小編很懵比不知道該滑屏還是點擊翻頁。

選擇圖片故事的頁面，給小編的感覺是屏幕下半部分有點空，只有一行小字，其他內容都在上半部分。

既然是三個不同的故事，是不是可以再做出一點區別，比如背景音樂不同，或者不同的畫面轉換形式之類的。

如果，再能有個迷人的聲音，能在耳邊給自己讀這些故事的文字部分，哇那一定會更完美（痴漢狀）！

以上為【H5案例分享】團隊原創文章！

【動畫】相關H5課程推薦：

找創意H5，上h5-share.com

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！