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

车宏哥哥

车宏哥哥

2016-02-16 22:19

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

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

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

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

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

→Mac 30-years behind-the-scenes Story

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

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

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

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

→Apple.com Your-verse

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

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

→eastpak.com

写在最后

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

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈如何用动态影像提升网页魅力

浅谈设计师如何用产品思维提升用户体验

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈设计师如何用产品思维提升用户体验

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

如何提升扎发魅力

女生发型扎法 美发 头发
如何提升扎发魅力

动态模糊影像的使用技巧

摄影 人像摄影 静物摄影
动态模糊影像的使用技巧

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

十二星座: 你如何提升自身魅力

十二星座 星座
十二星座: 你如何提升自身魅力

如何用代码动态添加控件

C语言教程 C语言函数
如何用代码动态添加控件

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

浅谈侧边栏交互的利与弊和解决方法

浅谈侧边栏交互的利与弊和解决方法

香港尚食尚品整套vi设计欣赏

香港尚食尚品整套vi设计欣赏
下拉加载更多内容 ↓