分享
 
 
 

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

王朝學院·作者佚名  2016-08-30
窄屏简体版  字體: |||超大  

掃一掃體驗一下吧!

回顧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的還原程度都很好。

 
 
 
免責聲明:本文為網絡用戶發布,其觀點僅代表作者個人觀點,與本站無關,本站僅提供信息存儲服務。文中陳述內容未經本站證實,其真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
2023年上半年GDP全球前十五強
 百态   2023-10-24
美眾議院議長啟動對拜登的彈劾調查
 百态   2023-09-13
上海、濟南、武漢等多地出現不明墜落物
 探索   2023-09-06
印度或要將國名改為「巴拉特」
 百态   2023-09-06
男子為女友送行,買票不登機被捕
 百态   2023-08-20
手機地震預警功能怎麽開?
 干货   2023-08-06
女子4年賣2套房花700多萬做美容:不但沒變美臉,面部還出現變形
 百态   2023-08-04
住戶一樓被水淹 還衝來8頭豬
 百态   2023-07-31
女子體內爬出大量瓜子狀活蟲
 百态   2023-07-25
地球連續35年收到神秘規律性信號,網友:不要回答!
 探索   2023-07-21
全球鎵價格本周大漲27%
 探索   2023-07-09
錢都流向了那些不缺錢的人,苦都留給了能吃苦的人
 探索   2023-07-02
倩女手遊刀客魅者強控制(強混亂強眩暈強睡眠)和對應控制抗性的關系
 百态   2020-08-20
美國5月9日最新疫情:美國確診人數突破131萬
 百态   2020-05-09
荷蘭政府宣布將集體辭職
 干货   2020-04-30
倩女幽魂手遊師徒任務情義春秋猜成語答案逍遙觀:鵬程萬裏
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案神機營:射石飲羽
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案昆侖山:拔刀相助
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案天工閣:鬼斧神工
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案絲路古道:單槍匹馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:與虎謀皮
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:指鹿為馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:小鳥依人
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:千金買鄰
 干货   2019-11-12
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有