Dropbox那個1分鐘的宣傳視頻，原來是這么設計出來的！

@可樂橙_ColaChan ：一分鐘。這點時間連泡一壺茶、甚至等個紅燈都不夠。但要用來講述一大堆關于Dropbox的產品更新，我們只有一分鐘的時間。

如你所見，今年早些時候，我們準備好了要發布一系列關于協作與生產力的新功能。伴隨本次發布，我們的品牌設計團隊想要創作一段短視頻，展示這些功能的相互配合。

一分鐘。這能有多難，對吧？本文中，我們會講述這段視頻的制作過程。（注：文中的音樂及視頻都需要搭梯子訪問）

「那些年火爆網絡的設計作品都是這么來的！」

1. 設計師揭秘！超火的故宮HTML 5背后的設計故事
2. 火爆的“吳亦凡入伍”HTML5背后有哪些設計故事？

△ ?早期頭腦風暴環節

創造奇跡

我們從創意簡報入手。叫上產品、市場、設計和決策者一起，我們需要確保每個人都參與我們的工作。

創意簡報要確定以下問題：

• 我們為什么要做這個項目？
• 目標受眾是誰？
• 如何定義項目成功？
• 排除哪些目標？
• 我們想要解決什么問題？
• 主要表達什么信息？
• 輔助信息是什么？
• 這件創作要用哪3個形容詞來描述？
• 交付物及規格是什么？
• 時間安排是怎樣的？
• 要追蹤哪些指標？

簡報成了我們的北極星，是我們創作的共同基礎。當創意方向或策略偏離正軌時，我們會回溯到簡報上，讓一切歸位。

△ ?創造我們的北極星

啟動

這個項目由Instrument與我們協作完成，這是波蘭的一家才華橫溢的創意機構。

我們當面啟動合作項目，定下了時間規劃、里程碑、責任分配和目標。如果用郵件或在線溝通，這些細節往往得不到落實。通過提前當面溝通，我們迅速在兩個團隊間達成了共識。

啟動會持續了2天。這是一個每人都需要參與的工作環節。我們進行頭腦風暴、在白板上涂涂畫畫，記錄下了上百個點子，當然我們知道，最終只有少數能脫穎而出。

持續協作

本著合作的精神，我們與Instrument團隊頻繁碰面——準確的說，一天碰兩次。晨會確立當天的目標和預期。晚會回顧進程、交換實時反饋。由于時間緊湊，保持迅速反饋至關重要。
列舉一些我們在會上回顧的內容：

• 腳本
• 故事板
• 產品細節（設備和頭像）
• 視覺方向（色彩、光線、布景）
• 音樂選用
• 旁邊音選用
• 粗剪片段

△ ?回顧其中一個故事板

確定視覺方向

我們的目標，是用一種耳目一新的方式，為Dropbox講述一個合作與生產力的故事。于是我們決定做一件很少做的事情——用真人來代替插畫。使用真人有助于將新功能人格化，但我們也需要以符合Dropbox視覺美學的方式來呈現。

從一項簡單的任務著手：謹慎選用顏色，貫穿始終，專注于我們想要表現的操作，在剪輯中保持適當的留白。
我們選了少量色彩，確保視頻中的每個畫面只出現這些顏色。從頭到尾，你會在頭像、界面和物體上見到這些顏色。

△ ?視覺方向探索

尋找合適的音樂

在所有視頻中，音樂都扮演著定義氛圍、活力和情緒的重要任務。顯然，選擇適合的音樂極其重要。這個項目需要傳遞出正能量和積極向上的感覺，于是我們確定了音樂應該要積極、樂觀、活力充沛。我們也希望這段音樂有節奏感，有助于強調生產力和效率的概念。

音樂使用的樂器要少而簡潔，為旁白留出充足的空間。我們也希望避免使用科技行業慣用的陳詞濫調，不想使用太過可愛或幼稚的樂器。

下面是從錄音棚送來的幾段音樂。

https://soundcloud.com/jasonmar/14-dropbox-search

△ ?第1段音樂

一開始，我們很喜歡這段音樂帶來的驚喜。調子和音色給人感覺像是在用一種有趣的方式強調生產力和輕松辦公的概念。但是最終，它還是感覺有點傻——尤其是急促的木器聲和劈開的聲音。顯得不夠現代和積極。

https://soundcloud.com/jasonmar/15-dropbox-search

△ ?第2段音樂

這個版本，我們很喜歡鼓點節奏的創意，但它需要有更統一和簡單的節奏貫穿始終。我們覺得這有助于表達持續不斷的生產力。爵士鼓手即興創作的方式，感覺有點出乎意料，與旁邊音配合時，切分音的部分太讓人分心了。

https://soundcloud.com/jasonmar/71-stems-session-7

△ ?最終的版本

第3個版本正是我們要的。它感覺很現代，有一種貫穿始終的低調節奏，與我們的腳本也高度吻合。開頭的古靈精怪和簡略風格會慢慢積攢能量，最終達到一種最佳狀態。結尾的吉他旋律確實強調得恰到好處。這就是我們想要的。

尋找適合的旁白音

和描述音樂類似，我們也需要考慮視頻的解說者。

大量爭論之后，我們確定要找這樣的聲音：

• 年齡：25-35
• 性別：女
• 種族：不限
• 聲音/音色：聰明、自信、溫暖、直接、有力（想想Rashida Jones）、娓娓道來。不要太活潑，也不要太圓潤。她要聽起來像是一個聰明的朋友，試圖分享一些改善生活的方法。

這是兩個最被我們看好的旁白：

https://soundcloud.com/jasonmar/option-1-vo-talent

△ ?旁白版本1

https://soundcloud.com/jasonmar/option-2-vo-talent

△ ?旁白版本2

兩個版本都很棒，最終選了第2個。它最符合我們想要的語調。

拍攝視頻

選定了導演、劇本、故事板、位置、人員和道具之后，我們進行了一天的封閉拍攝。錄制這樣的視頻是個艱巨任務，一整天順利拍攝讓我們倍感壓力。

有許多人參與進來了——大概總共50個——日程非常緊湊。幸運的是，我們可以提前準備、裝配、預演，在一天內使用15個不同的鏡頭。

△ ?和我們的導演、人員與創意機構搭建場景。有件趣事：導演是Aaron Platt，執導過Lonely Island的MV《On A Boat》

拍攝后

拍攝當天過后，還有后期處理工作，然后這個項目才算真正完成。其中包括編輯、旁白錄制、色彩校正、動畫效果，還有最后的旁白/音樂混合。

拍攝完后，花了一天時間來編碼，并把素材傳給編輯人員。編輯人員開始編輯和組織素材。素材庫被隨意插入到旁白和音樂中，產生了第一段粗剪樣片。

第一版粗剪樣片：https://www.youtube.com/watch?v=UBSZaXUzT1s

△ ?粗剪片段

我們還嘗試了另一個版本，表現我們想要突出的每一個功能。我們在展示每個功能之前，寫出“文檔掃描”、“標注”和“歷史版本”等字樣。但是，看了這個版本的粗剪片段后，我們感覺這樣有點傻，于是決定拋棄這個方向。

https://www.youtube.com/watch?v=Q3u1RMRhank

△ ?有標題的粗剪片段

最終發布的成片

以粗剪片段為基礎，我們反復進行后期處理，辛苦打磨細節直至盡善盡美。下面是我們最終發布的版本：https://www.youtube.com/watch?v=-_xXSQuBh14

這段視頻成了一塊基石，支撐著一個更大的項目——它是所有后續工作（郵件、社交媒體、宣傳材料、著陸頁）的指明燈。最后，萬物歸一，講述了同一個故事。

「那些年驚艷我們的宣傳案例」

1. 《如此風騷！2014年刷爆朋友圈的十大 HTML5 技術案例》
2. 《2016年驚艷朋友圈的十大H5，你被幾個刷過屏？》

原文地址：Jason Mar
譯文地址：colachan

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量200萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com