2015發布會移動端邀請函設計回顧

  掃一掃體驗一下吧!

  回顧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的還原程度都很好。
 
 
 
 
 
© 王朝網路