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

2015年的移動APP設計趨勢
App Store和Google Play裏的app多如牛毛。很難說未來的趨勢是什麽,不過顯然我們可以輕易選出當下的5種趨勢並加以分析。今天@十萬個為什麽 同學簡單歸納了當下的5種移動APP設計趨勢,來漲姿勢吧。看看時下的app中的...查看完整版>>2015年的移動APP設計趨勢
 
一加手機2發布會邀請函設計
一加手機2發布會邀請函設計
一加手機2將于5月28日正式召開發布會,就是剛剛,網友曝光了一加售價2代手機發布會邀請函,這個邀請函很特別,是一個金屬的魯班鎖,拆開可作爲售價支架。氫 OS 基于 Android 5.0 系統開發,融合 Google Material De...查看完整版>>一加手機2發布會邀請函設計
 
2015年五大移動端設計趨勢
移動端網絡的增長比桌面網絡增長更迅猛,而且我們相信在未來五年,會有比 PC 端更多的用戶通過移動設備連接互聯網Morgan Stanley – 2009年9月圖片來源:Rosenfeld Media我記得像這種預測早在2000年底的已經出現...查看完整版>>2015年五大移動端設計趨勢
 
2015移動設計:怎麽設計移動應用的新手引導更好?
鑒于這些往往是用戶進行交互的第一組屏幕,他們還設置了用戶的應用程序的預期。因此 ,在其中起著至關重要的是那些參與開發APP的人——産品經理、設計師、開發人員——會花時間評估APP的引導頁面...查看完整版>>2015移動設計:怎麽設計移動應用的新手引導更好?
 
Framer Studio發布,移動交互設計的春天來了嗎?
Framer Studio發布,移動交互設計的春天來了嗎?
交互原型設計框架 Framer.js 今天發布了 Mac 桌面軟件 Framer Studio,算是爲移動交互設計領域增添了又一款強有力的生産力工具。Framer.js 的創始人 Koen Bok 和 Jorn van Dijk 分別是之前 Mac 平台著名的軟件開發公...查看完整版>>Framer Studio發布,移動交互設計的春天來了嗎?
 
2015微信邀請函怎麽做?
2015微信邀請函怎麽做?
1、首先我們進行登錄===點擊邀請卡。2、點擊--功能管理,進入功能頁面,點擊左側高級功能--邀請函--新增邀請函。3、填寫裏面的關鍵詞、回複標題、圖片、內容介紹等回複配置。完成後填寫活動配置信息,包括封面圖片、...查看完整版>>2015微信邀請函怎麽做?
 
回顧2014年SEO要素 2015的SEO有何新趨勢?
回顧2014年SEO要素 2015的SEO有何新趨勢?
占星術和商業預測之間有什麽不同之處嗎?預測不是事後諸葛亮,因爲你說過什麽,預測過什麽其實都可以追溯的到,要想驗證一個人過去預測的是否准確,只需回顧他曾經所做過的猜測即可。所以在此,不妨讓我們回顧一下去年...查看完整版>>回顧2014年SEO要素 2015的SEO有何新趨勢?
 
努比亞My布拉格發布會邀請函怎麽樣
努比亞My布拉格發布會邀請函怎麽樣
上周努比亞在捷克首都布拉格發布了充滿文藝小清新風格的My布拉格新機,而在7月15日努比亞會在北京51DPARK藝術中心面向國內用戶正式發布這款新機,已經有媒體曝光了這次努比亞“My系列”發布會的邀請函。打...查看完整版>>努比亞My布拉格發布會邀請函怎麽樣
 
帶你看十年來蘋果發布會的邀請函
帶你看十年來蘋果發布會的邀請函
9月蘋果剛發布了新的iphone,10月又要開新品發布會。發布會前的産品邀請函也成了媒體解讀報道的對象,它往往透露出一些蘋果的産品信息,可以說,這些邀請函制作都很經典。下面帶你回顧一下蘋果公司近十年的邀請函。2...查看完整版>>帶你看十年來蘋果發布會的邀請函
 
 
回到王朝網路首頁