開腦袋（dong），不然看不到這么酷炫的動(dòng)畫設(shè)計(jì)！

2017-11-03 h5制作 H5平臺(tái) 微信H5 H5案例熱門H5 動(dòng)畫H5 滴滴出行

你開看過人的腦袋嘛

聽說打開腦袋可以看到很多秘密哦

看到這里有沒有一種恐怖的感覺

其實(shí)我是在給大家介紹一支有趣的H5

據(jù)說打開腦袋可以看到秘密

滴滴出行：腦內(nèi)映像館

滴滴出行腦內(nèi)印象館案例樣式.jpg

創(chuàng)意分析

這是滴滴出行出品的一支宣傳類H5。整支H5進(jìn)入頁(yè)面之后看到的是一組聊天對(duì)話內(nèi)容，指出“腦袋里的秘密”不能被發(fā)現(xiàn)，激發(fā)觀看者的好奇心，然后采用印度人、發(fā)明家、雍正、哥倫布等人物的“腦袋”作為創(chuàng)意點(diǎn)，引發(fā)用戶觀看這些人物腦袋里的“秘密”，比較有趣。

3+4.jpg

技術(shù)分析

技術(shù)上主要采用了動(dòng)畫和視頻技術(shù)。觀看者通過手動(dòng)滑動(dòng)屏幕人物，切換想要看的“腦袋”，點(diǎn)擊人物腦袋之后彈出對(duì)應(yīng)的一小段視頻內(nèi)容，視頻介紹人物相關(guān)內(nèi)容，然后自然過渡到滴滴出行的介紹，可謂“無縫對(duì)接”更深入人心。視頻內(nèi)容可以完整觀看，也可以手動(dòng)切換看看其他“腦袋”的秘密，交互設(shè)計(jì)更加靈活。

5+6.jpg

視覺分析

視覺上黑色的背景營(yíng)造一種神秘的感覺，更加能夠激發(fā)觀看者一探“腦內(nèi)秘密”的欲望。同時(shí)又襯托鮮明色調(diào)的人物形象；而人物在造型設(shè)計(jì)上偏向于木偶造型的風(fēng)格，使得故事更有神秘感，而打開“腦袋”后跳轉(zhuǎn)到視頻頁(yè)面，真的是有點(diǎn)酷炫??！神秘色彩與炫酷的科技感相碰撞，帶給用戶強(qiáng)烈的沖擊與良好的體驗(yàn)。

7+9.jpg