科技越发达、人类越懒惰。当我们在信息大爆炸的网络中疲倦于文字和图片,动态影像通常令人为之振奋。UGC短视频社区的红火,说明用户渐渐喜爱自产视频记录和表达;即时通讯软件功能从单一的发送文字加入音视频,用户的交流方式正在改变。网页上以动态影像传达信息,从技术上早已不是难题。如何围绕主题,让其形式追随传播的内容,运用动态影像使得网页更具魅力?

A.关注内容,迅速带入

视频,是最直观的信息传达方式,大大减少了文字的阅读成本,适用于短时间内讲清楚一件事,有利于传播分享。先从基于用户内容的创意众筹平台说起,Kickstarter相信,“一个好的创意,透过适当的沟通,可以快速地广为流传”。随着观众对视频表达的青睐,视频成为项目创意的主流曝光方式,大多数创意者选择深情并茂演说,使得idea本身更具说服力和感染力。Kickstarter每年都会选取年度最佳项目,制作网站的年度集锦宣传专题页,提高网站平台的品牌魅力。专题页先飞入提纲挈领的slogan和几则关键数据来撑满浏览器,缓解网页加载时间,让大视频背景动态影像得以流畅切换播放。年度项目以动态影像方式把新用户迅速带入内容,了解平台理念。

B. 序曲铺垫,身临其境

文字和图像还不足够身临其境?用视频创造场景感,增强用户的真实体验。Eleks公司创意制作的GoogleGlass概念网站是这么做的,网页前加上一段动态影像序曲,呈现沉浸式的场景。戴上GoogleGlass,通过主观镜头让用户把真实生活想象成电子游戏世界,给足用户脑补画面。序曲过后,在动态影像中加入鼠标互动,通过慢慢引导有重点的把技术信息等内容阐述清楚。增强体验的同时,也不失为提高网站停留时间的有效途径。

C. 一条好线索,影像碎片蒙太奇。

影像碎片也足以撑起一个有趣的小视频,首先需要寻找一条好线索。先举个小栗子,Google今年的国际妇女节Doodle选择动态影像突破常规的艺术插画形式,点亮搜索首页。这枚视频Doodle以世界各地的妇女的一个笑容、一句地方语祝福拼贴出一支影像串烧。亲民的路人形象与平民式镜头感拉近了用户距离,视频欢快的小节奏配乐格外小清新,令人感到简单轻松、贴近生活。

影像碎片的节奏与想要传达何种情感紧密相关,怎么形成节奏感?把相似镜头感的影像碎片,以一致画面运动速度组织起来,就能构成特有的秩序。NISSIN(日清食品) 在进入官网前加入了动态影像,通过特写慢镜头把日清食品、食材和人物满足的表情组织起来,以5秒一个片段切换和慢镜头内容形成快慢对比。视频开头的动态影像可以设置烹饪倒计时时间,作为线索,点题“速食”,并加入新鲜食物的画面让人产生等待日清速食的美好体验,唤醒用户的味觉,带着好心情进入官网。

寻找一条好线索串起碎片化影像,可使得整个创意表现的丰厚完整。再举个财大气粗的栗子,年初的Mac30年专题页企划,彰显了Apple品牌的磅礴气势。”同一时间,不同时区,使用Apple设备创造奇迹。”摄制团队在五大洲不同时区选取15个拍摄地点,以洛杉矶的摄影棚为指挥中心,同一时间用iPhone5s拍摄素材,记录世界各地的人使用Apple产品所做的超乎想像的片刻。由于同一时间拍摄与指挥中心的实时沟通和影像同步,Mac30年视频在几天时间内制作完成。从整个记录与制作团队的使用设备到被记录的内容,紧锁主题,强有力传达Apple的品牌承诺:将科技的创造力赋予每个人。

D. 故事与话题,优雅地劈情操

网页通过讲故事的方式把信息富有情感的传达给用户,是未来的趋势之一,而视频是讲故事的好手段。Mac30年之后的故事还没完,Apple在官网ipad栏目开辟专题作为品牌承诺的延续,“你的诗篇”系列故事,记录着人们对生活的热爱和激情。值得一提的是此专题已陆续持续半年了,激情不断,差不多每月会带给我们新的故事和惊喜。最近此专题跨平台,在地方电视台投放了电视广告的剪辑版本。“你的诗篇”企划最初源于年初Apple拉开的序曲,《Your Verse Anthem》(你的赞美诗)中对人生的崇高追求和真正生活的意义的解读,在Apple的品牌理念中注入生活态度。

设立一个开放式的话题展开用户互动,通过动态影像娓娓道来。Eastpak品牌广告活动网页以唯美的影像碎片记录方式表达宣传话题:#The last time you did the first thing#(最近一次做生平第一次做的事情),视频碎片轮回滚动5s左右表达一个事件。唯美的镜头让视线无法移开,动态画面阅读顺序抢先于文字并略带意识流节奏,向旅行者和爱好极限运动的年轻用户传达了一个38年老品牌的勇于突破和坚持。网页互动落地于官方Facebook留言墙,记录此话题的延展讨论。

写在最后

也许有人感叹视频的制作成本高,但创意无价。如果你有心思,不妨为产品寻觅一条好线索,抬起照相机或手机,捕捉搜集些影像碎片,故事就在身边。浮躁的互联网还有什么能吸引眼球、打动人心?出其不意和产生共鸣。

文章来源:http://isux.tencent.com/videostorytelling-on-web.html

转载于:https://www.cnblogs.com/MirageFox/p/4939579.html

4种方法教你如何用动态影像提升网页魅力相关推荐

  1. php psot传值_三种方法教你如何用PHP模拟post提交数据

    php模拟post传值在日常的工作中用到的不是很多,但是在某些特定的场合还是经常用到的. 下面,我整理了三种php模拟post传值的方法,file_get_contents.curl和socket. ...

  2. 如何利用动态影像提升网页魅力

    网页上以动态影像传达信息,从技术上早已不是难题.如何围绕主题,让其形式追随传播的内容,运用动态影像使得网页更具魅力? 科技越发达.人类越懒惰.当我们在信息大爆炸的网络中疲倦于文字和图片,动态影像通常令 ...

  3. 那个软件弹出广告_如何关闭烦人的电脑弹窗广告?5种方法教你轻松解决

    如果要问大家在使用电脑的过程中让人最反感的是什么,我想许多人的回答都会是弹窗广告.一些软件为了给自己创收,完全不顾用户的使用体验,在软件中强行加入广告弹窗模块.这些弹窗广告不仅让人在视觉上烦不胜烦,而 ...

  4. python获取屏幕文字_详解:四种方法教你对Python获取屏幕截图(PyQt , pyautogui)...

    前言: 今天为大家带来的内容是详解:四种方法教你对Python获取屏幕截图(PyQt , pyautogui)本文具有不错的参考意义,希望能够帮助到大家! Python获取电脑截图有多种方式,具体如下 ...

  5. 11 种方法教你用 Python 高效下载资源

    1.使用requests 你可以使用requests模块从一个URL下载文件. 考虑以下代码: 你只需使用requests模块的get方法获取URL,并将结果存储到一个名为"myfile&q ...

  6. 5 获取窗口位置_详解:四种方法教你对Python获取屏幕截图(PyQt , pyautogui)

    前言: 今天为大家带来的内容是详解:四种方法教你对Python获取屏幕截图(PyQt , pyautogui)本文具有不错的参考意义,希望能够帮助到大家! Python获取电脑截图有多种方式,具体如下 ...

  7. 五种方法教你永久关闭win10自动更新

    五种方法教你永久关闭win10自动更新 注意:Win10自动更新关闭后,系统长期不更新当您再次尝试将系统更新到新版本系统,可能会导致系统出错.若您担心系统出错,可以提前对系统备份. 一:Windows ...

  8. 三d眩晕可以学计算机,如何才能避免3D晕眩?3种方法教你解决!

    原标题:如何才能避免3D晕眩?3种方法教你解决! 每次帅雷雷玩起电脑 都不得不感叹 科技的发展真的是太迅速了 给我们提供了无数的便利和娱乐 但我们的身体似乎还不能很快适应他的发展 于是我们出现了 晕车 ...

  9. 七种方法教你如何获取以太坊测试网Token

    七种方法教你如何获取以太坊测试网Token 在使用以太坊测试网时,我们通常都需要获取一些测试币,这里就以MetaMask为例介绍一下怎么获取以太坊测试币. 首先介绍一种最权威且一直可以用的方法,以Ro ...

最新文章

  1. python打开excel的函数-Python读取excel文件中带公式的值的实现
  2. 服务器光信号闪红灯是什么意思,路由器光信号闪红灯是什么意思
  3. PMCAFF微分享 | 京东首席搜索专家,告诉你电商搜索你不得不知道的秘密
  4. JAVA中几个常用的方法
  5. cocos2dx基础篇(26)——场景切换CCTransitionScene
  6. 编程语言性能实测,Go 比 Python 更胜一筹?
  7. 动态规划实战12 leetcode-472. Concatenated Words
  8. Codejock Toolkit工具包专业版
  9. java jre 配置_JRE的安装及环境变量配置
  10. 360极速浏览器更换背景颜色
  11. 最好用的WIN7WIN10激活工具
  12. 帝国cms 自动生成html,帝国cms二次开发用户访问自动生成html
  13. 【Android游戏开发详细过程1】Android平台飞机大战游戏APP设计与实现
  14. 先决条件检查失败错误
  15. TIA protal与SCL从入门到精通(4)——软件单元使用
  16. 【基于深度学习的脑电图识别】应用篇:DEEP LEARNING APPROACHES FOR AUTOMATIC ANALYSIS OF EEGS
  17. python 人像素描_基于python实现把图片转换成素描
  18. android版本新 老程序不能用_微信拍一拍功能不知道怎么用?教你拍好友和拍自己...
  19. SAP中CO42/CO43间接费用计算逻辑理解
  20. 应用在开关模式电源中的光耦合器

热门文章

  1. php 5.3.5 安装_php5.3下载|php 5.3.5 VC6版下载 附安装图解 - 121下载站
  2. linux /dev目录
  3. 一个程序教你花式示爱 1——波动心形线
  4. Windows Server 2019 设置使用照片查看器查看图片
  5. bzoj4479: [Jsoi2013]吃货jyy 欧拉回路+状态压缩Dp
  6. 罗斯蒙特流量计应用领域
  7. 前后端分离项目知识汇总(阿里云Oss,EasyExcel,视频点播,SpringCloud,Redis,Nuxt)
  8. union 和 union all (记录合并)
  9. Java开发新手入职第一天
  10. 关于“微信订阅号/制作相册”