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