科技越發達、人類越懶惰。當我們在信息大爆炸的網絡中疲倦于文字和圖片，動態影像通常令人為之振奮。UGC短視頻社區的紅火，說明用戶漸漸喜愛自產視頻記錄和表達；即時通訊軟件功能從單一的發送文字到加入音視頻，用戶的交流方式正在改變。網頁上以動態影像傳達信息，從技術上早已不是難題。如何圍繞主題，讓其形式追隨傳播的內容，運用動態影像使得網頁更具魅力才是我們今天要講的。

A．關注內容，迅速帶入

視頻，是最直觀的信息傳達方式，大大減少了文字的閱讀成本，適用于短時間內講清楚一件事，有利于傳播分享。先從基于用戶內容的創意眾籌平臺說起，Kickstarter相信，“一個好的創意，透過適當的溝通，可以快速地廣為流傳”。隨著觀眾對視頻表達的青睞，視頻成為項目創意的主流曝光方式，大多數創意者選擇深情并茂演說，使得idea本身更具說服力和感染力。Kickstarter每年都會選取年度最佳項目，制作網站的年度集錦宣傳專題頁，提高網站平臺的品牌魅力。專題頁先飛入提綱挈領的slogan和幾則關鍵數據來撐滿瀏覽器，緩解網頁加載時間，讓大視頻背景動態影像得以流暢切換播放。年度項目以動態影像方式把新用戶迅速帶入內容，了解平臺理念。

→Kickstarter年度集錦

B.?序曲鋪墊，身臨其境

文字和圖像還不足夠身臨其境？用視頻創造場景感，增強用戶的真實體驗。Eleks公司創意制作的Google Glass概念網站是這么做的，網頁前加上一段動態影像序曲，呈現沉浸式的場景。戴上Google Glass，通過主觀鏡頭讓用戶把真實生活想象成電子游戲世界，給足用戶腦補畫面。序曲過后，在動態影像中加入鼠標互動，通過慢慢引導有重點的把技術信息等內容闡述清楚。增強體驗的同時，也不失為提高網站停留時間的有效途徑。

→ Google Glass Experiment-Real-Life Digital Game

C.?一條好線索，影像碎片蒙太奇

影像碎片也足以撐起一個有趣的小視頻，首先需要尋找一條好線索。先舉個小栗子，Google今年的國際婦女節Doodle選擇動態影像突破常規的藝術插畫形式，點亮搜索首頁。這枚視頻Doodle以世界各地的婦女的一個笑容、一句地方語祝福拼貼出一支影像串燒。親民的路人形象與平民式鏡頭感拉近了用戶距離，視頻歡快的小節奏配樂格外小清新，令人感到簡單輕松、貼近生活。

→Google Doodle-國際婦女節（最近形勢你懂的，自備梯子。）

影像碎片的節奏與想要傳達何種情感緊密相關，怎么形成節奏感？把相似鏡頭感的影像碎片，以一致畫面運動速度組織起來，就能構成特有的秩序。NISSIN（日清食品）在進入官網前加入了動態影像，通過特寫慢鏡頭把日清食品、食材和人物滿足的表情組織起來，以5秒一個片段切換和慢鏡頭內容形成快慢對比。視頻開頭的動態影像可以設置烹飪倒計時時間，作為線索，點題“速食”，并加入新鮮食物的畫面讓人產生等待日清速食的美好體驗，喚醒用戶的味覺，帶著好心情進入官網。

→NISSINGroup

尋找一條好線索串起碎片化影像，可使得整個創意表現的豐厚完整。再舉個財大氣粗的栗子，年初的Mac30年專題頁企劃，彰顯了Apple品牌的磅礴氣勢。”同一時間，不同時區，使用Apple設備創造奇跡?！睌z制團隊在五大洲不同時區選取15個拍攝地點，以洛杉磯的攝影棚為指揮中心，同一時間用iPhone5s拍攝素材，記錄世界各地的人使用Apple產品所做的超乎想像的片刻。由于同一時間拍攝與指揮中心的實時溝通和影像同步，Mac30年視頻在幾天時間內制作完成。從整個記錄與制作團隊的使用設備到被記錄的內容，緊鎖主題，強有力傳達Apple的品牌承諾：將科技的創造力賦予每個人。

→Mac 30-years

→Mac 30-years behind-the-scenes Story

D.?故事與話題，優雅地劈情操

網頁通過講故事的方式把信息富有情感地傳達給用戶，是未來的趨勢之一，而視頻是講故事的好手段。Mac 30年之后的故事還沒完，Apple在官網ipad欄目開辟專題作為品牌承諾的延續，“你的詩篇”系列故事，記錄著人們對生活的熱愛和激情。值得一提的是此專題已陸續持續半年了，激情不斷，差不多每月會帶給我們新的故事和驚喜。最近此專題跨平臺，在地方電視臺投放了電視廣告的剪輯版本。“你的詩篇”企劃最初源于年初Apple拉開的序曲，《Your Verse Anthem》（你的贊美詩）中對人生的崇高追求和真正生活的意義的解讀，在Apple的品牌理念中注入生活態度。

→Apple.com Your-verse

設立一個開放式的話題展開用戶互動，通過動態影像娓娓道來。Eastpak品牌廣告活動網頁以唯美的影像碎片記錄方式表達宣傳話題：#The last time you did the first thing#（最近一次做生平第一次做的事情），視頻碎片輪回滾動5s左右表達一個事件。唯美的鏡頭讓視線無法移開，動態畫面閱讀順序搶先于文字并略帶意識流節奏，向旅行者和愛好極限運動的年輕用戶傳達了一個38年老品牌的勇于突破和堅持。網頁互動落地于官方Facebook留言墻，記錄此話題的延展討論。

→eastpak.com

寫在最后

也許有人感嘆視頻的制作成本高，但創意無價。如果你有心思，不妨為產品尋覓一條好線索，抬起照相機或手機，捕捉搜集些影像碎片，故事就在身邊。浮躁的互聯網還有什么能吸引眼球、打動人心？出其不意和產生共鳴。

附攝影技巧文：

《設計師學學拍照：攝影基礎入門》
《吃貨設計師必備！那些給美食拍照的技巧》

原文地址：isux.tencent

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

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量72萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：