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

A．關(guān)注內(nèi)容，迅速帶入

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

→Kickstarter年度集錦

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

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

→ Google Glass Experiment-Real-Life Digital Game

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

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

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

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

→NISSINGroup

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

→Mac 30-years

→Mac 30-years behind-the-scenes Story

D.?故事與話題，優(yōu)雅地劈情操

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

→Apple.com Your-verse

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

→eastpak.com

寫在最后

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

附攝影技巧文：

《設(shè)計師學(xué)學(xué)拍照：攝影基礎(chǔ)入門》
《吃貨設(shè)計師必備！那些給美食拍照的技巧》

原文地址：isux.tencent

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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