”生命之下，想象之上“H5是《2015騰訊互動娛樂UP發布會》整個品牌宣傳鏈上的一環，在整個發布會包裝中處于線上品牌線的預熱階段。這次發布會的整體包裝，團隊參與度也比較高，從前期策略規劃，了解目標對象，分析行業、媒體、大眾人文特征及心理特征，把控發布會整體格調，預算管理，到創意策劃與執行的視覺、視頻、展會體驗都有深入參與。
我們的目的是要做出一個符合2015年發布品牌形象的H5，提出這一屆發布會的品牌概念——讓想象綻放，總的來說就是要把氣質搞起來。
點擊鏈接查看項目《生命之下，想象之上》：http://www.sh-jinniu.com/projects/15165.html
還沒玩過的話，先體驗一下！
還沒玩過的話，先體驗一下！
接下來就開始進入案例講解啦！
尋找想象力（頭腦風暴）
我們已知的信息，2015年的slogan——讓想象綻放，然后整個創意都將圍繞著“想象力”開始展開聯想……
發散發散，首先看看大家是怎么表現想象力的！
游戲類
1.畫面、故事、互動……全方面營造展示想象力的氛圍，將想象力具象，比較直白，多重刺激快速給人留下印象。例如：
《紀念碑谷》——游戲體驗不論從故事、畫面還是互動，都充滿了想象力，讓人充滿遐想，太愛了;
《Gorogoa》——一款手工精心畫出的世界懸浮的獨特的益智游戲，整個游戲畫面分為四大塊，場景切換相當出乎意料，撲朔迷離；
《謎畫之塔》——解謎游戲，解救女孩Iris，游戲把具有想象力的畫作通過想象力轉化成場景，整個體驗穿梭在城堡的畫作和Iris的畫作，進入華麗的想象力世界。
2.酷炫的效果，通過游戲互動讓用戶腦洞大開。這類想象力的表達方式要求比較高，用戶對想象力理解的程度各不一樣，比較難把控。例如：
《shadowmatic》
《拯救基瓦努卡Kiwanuka》
影視類
影視類想象力多種多樣，特有的節奏感劇情感可以嘗試延用來H5。例如：
《星際穿越》——對未知的好奇，遐想；
《少年派》——強大的故事環環相扣，充滿想象、情懷。
書籍類
文字，讓人更有想象力，有更多表達的手法來借鑒。像小時候學的：
從百草園到三味書屋——很多比喻擬人的手法，讓無趣變得有趣；
面朝大海出暖花開——用文字營造強大的畫面、詩意的氛圍。
故事構思（梳理、聯想）
表達想象力的表達多種多樣，對想象力展開聯想后，梳理出一個適合本次發布會的表現方式。
初步的設想，這個H5需要的三個點：
1.人物
尋找一位承載夢想的主角，理所當然的選擇小孩，小孩是最富有想象力的角色。
2.核心元素
需要有一個元素，代表著整個H5的重心，引出整個故事。選用了2015UPKV的三角形元素，三角形多變比較好好應用，KV元素也呼應本屆的主題。
3.故事路線
支撐所有的基礎。完整的路線，讓H5一環一環不會脫節。
隨后，在故事中擬定幾個關鍵情節，使故事連貫環環相扣。然后增加跌宕起伏的情緒，讓體驗不用那么乏味。
文案也開始從這幾個關鍵點入手，有個雛形——
引：我們的征途是星辰大海
起航：置身浩瀚宇宙，欣喜仰望
跌落：墜入未知山谷，汲汲前行
探索：跨越袤然大海，奇幻斑斕
綻放：踏上無垠曠野，躬身播種
結：繁花之上再生繁花，夢境之上再現夢境
將之前的擬定的幾個情節，加上人物、元素、故事梳理出完整的草圖。
關于視覺
整體——氛圍渲染
想要營造一個詩意，有情懷的氛圍。從場景著手，大一些的場景大一些的大視角，例如，海、空……讓人有遐想，將擬人比喻夸張的手法應用起來。
細節刻畫——人物、元素配合
人物的設定用簡單的色塊，沒有很細節的出現鼻子眼睛，有一些神秘感，讓大家對人物也有一些想象。三角元素多變的配合，以不同的狀態出現在幾個關鍵情節中，引出整個故事。
完整設計稿輸出
起航
跌落
探索
綻放
亮點來豐富內容，制造一些驚喜
1.適當借力，尋找共鳴
找一些經典的元素，借力。經典的元素是已經深入人心，若果能巧妙的應用過來，可以為整個H5增添很多趣味。也算是像經典致敬。借力埃舍爾的矛盾空間經典畫作，把本來普通的室內場景變得奇幻有趣，讓人有些想要看一看的感覺。
2.結合業務板塊
-不想要生硬的將業務板塊放進H5，影響整體氛圍的營造。希望找一些大家能產生共鳴的元素，隱晦的體現這幾大業務。
例如：電影，星際穿越里黑洞元素深入人心，電影的熱度也還未過，這個元素恰好可以好好應用。
例如：文學，用已有的元素營造氛圍，利用字的筆畫，制造一些空間感，增添很多氛圍。
3.增加互動，豐富故事
人物在山洞里行走時，整個過程顯得很平靜。將影子巧妙的應用起來，再加上互動，增添了的寓意（小人物也有強大內心）變得不簡單。
音樂
受限于版權問題，結合項目進行配樂創作，在ios平臺上的GarageBand上編制完成。整體節奏配合畫面氛圍，為H5增加個性。音樂部分同樣分為四段，契合故事節點中的情緒，例如跌落，有空靈的音效，探索加入和聲效果等等。
動畫節奏
整個H5關鍵部分就是動畫了，除了一些細節動畫，整體的節奏感相當，關系著用戶體驗的舒適度。動畫的小伙伴在整個時間的控制上也是真分奪秒，滴滴都不放過。（期待他們的詳細分享）
技術
快速選擇一個對應此H5項目的最優方案。
H5的動畫用了大量的圖片，因此文件特別大，為了保證H5有更好的體驗，技術同學掏心掏肺日日夜夜的打磨?。ㄆ诖麄兊脑敿毞窒恚?br/>
總結
1.數據上來看，有了比較好的反饋。
PC端、移動端的配合。PC端任然是一個不容忽視的力量，可以巧妙應用起來，做出一些新穎的、奇奇怪怪的東西，幫助移動端導流，提升曝光數據。
2.不斷嘗試新鮮
人們都有一顆好奇心，新鮮的玩意兒總是遭人喜歡，會讓人多留意幾眼
3.小伙伴們相互配合
將自己擅長的部分發揮到項目里，興趣十足，參與感十足。
小伙伴們的力量是強大的后盾。以往技術往往是限制H5發揮的痛處，反而這一次這個項目在前期沒有太考慮技術問題，在后階段都處于未知狀態，但是結果H5的還原程度都很好。
謝謝圍觀！
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）