萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 如何利用動態影像提升網頁魅力?

如何利用動態影像提升網頁魅力?

  網頁上以動態影像傳達信息,從技術上早已不是難題。如何圍繞主題,讓其形式追隨傳播的內容,運用動態影像使得網頁更具魅力?

如何利用動態影像提升網頁魅力? 三聯

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

  A.關注內容,迅速帶入

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

網站建設 網頁設計 UGC短視頻

  →Kickstarter年度集錦

  B. 序曲鋪墊,身臨其境

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

網站建設 網頁設計 UGC短視頻

  → Google Glass Experiment-Real-Life Digital Game

  C. 一條好線索,影像碎片蒙太奇。

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

網站建設 網頁設計 UGC短視頻

  →Google Doodle-國際婦女節

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

網站建設 網頁設計 UGC短視頻

  →NISSINGroup

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

網站建設 網頁設計 UGC短視頻

  →Mac 30-years

網站建設 網頁設計 UGC短視頻

  →Mac 30-years behind-the-scenes Story

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

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

網站建設 網頁設計 UGC短視頻

  →Apple.com Your-verse

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

網站建設 網頁設計 UGC短視頻

  →eastpak.com

  寫在最後

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

copyright © 萬盛學電腦網 all rights reserved