浅谈如何用动态影像提升网页魅力

2016-02-16 22:19 4 1 收藏

今天图老师小编给大家精心推荐个浅谈如何用动态影像提升网页魅力教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - 平面设计 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

A.关注内容,迅速带入

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

浅谈如何用动态影像提升网页魅力,PS教程,图老师教程网

→Kickstarter年度集锦

B. 序曲铺垫,身临其境

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

浅谈如何用动态影像提升网页魅力,PS教程,图老师教程网

→ Google Glass Experiment-Real-Life Digital Game

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

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

浅谈如何用动态影像提升网页魅力,PS教程,图老师教程网

→Google Doodle-国际妇女节(最近形势你懂的,自备梯子。)

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

浅谈如何用动态影像提升网页魅力,PS教程,图老师教程网

→NISSINGroup

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

浅谈如何用动态影像提升网页魅力,PS教程,图老师教程网

→Mac 30-years

浅谈如何用动态影像提升网页魅力,PS教程,图老师教程网

→Mac 30-years behind-the-scenes Story

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

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

浅谈如何用动态影像提升网页魅力,PS教程,图老师教程网

→Apple.com Your-verse

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

浅谈如何用动态影像提升网页魅力,PS教程,图老师教程网

→eastpak.com

写在最后

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

来源:http://www.tulaoshi.com/n/20160216/1575592.html

延伸阅读
标签: Web开发
做网站,麻烦在更新,特别是大规模更新,工作量非常大。真不知那些创意不断而又勤奋的“站长”,隔三岔五将网站来个“大换血”,是怎么忙过来的。 告诉你这个秘密吧,他们很多是在“批发”网页,并且你的机器中也有这样的“批发站”呢!这个好东东就是——模板。常见的网页制作工具:FrontPage、DreamWeaver中都有这项功能。如用DreamW...
少年如何用图片构建奇幻影像历险记   影像之于你,到底意味着什么?也许是茶余饭后的消遣,也许是赚钱的工具,也许是兴趣爱好,或者是别的什么!但是影像对于这个少年,却是他记录成长的心灵日记,这个不想长大却又倔强的大孩子,用图片构建了一部奇幻影像历险记。让我们一起走进他的影像世界,看看他究竟是如何组装创意、利用道具、制...
应用中心,顾名思义就是应用的集合,是承载各种应用的平台。其主要特点是娱乐性强、沉浸感强。它像是一个商店,里面有供人们随意挑选产品的货架,更像是一个游乐场,里面有各种各样让人眼花缭乱、流连忘返的产品。因此,如何吸引用户到我们的产品来,如何让他们在我们的产品上停留更多的时间,这些都是设计师们的必研课题。笔者经过一段时间对...
标签: flash教程
编程技术的发展真是日新月异。通过ASP等程序动态生成HTML网页似乎已不能算是最新科技。Macromedia公司的Flash技术自推出以来,已有2亿4千8百万用户,制作flash网站已是流行趋势。就像HTML页面可以用ASP动态生成一样,Flash 动画也可以使用支持COM Automation的语言(如Borland Delphi,ASP, Visual Basic 等)动态生成。该文详细介绍了如何应...
标签: 男人养生
男士养生 健身计划提升你魅力 编者按: 男人想要完美身材就必须坚持男士健身,拥有属于自己的健身计划。那么,男士养生要如何制定适合自己的健身方案呢?健身需要注意的重点是什么? 男士养生 健身计划提升你魅力 星期一 俯卧撑 我们还是回到孩提那个被罚俯卧撑的时代,动作跟那时候一样,不过...

经验教程

53

收藏

30
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部