找回密码
 加入怎通
查看: 697|回复: 7

[其他] 【搜狗联盟】网页设计---如何用动态影像提升网页魅力?

[复制链接]
wildworld 发表于 2014-07-24 11:56:41 | 显示全部楼层 |阅读模式
科技越发达、人类越懒惰。当我们在信息大爆炸的网络中疲倦于文字和图片,动态影像通常令人为之振奋。UGC短视频社区的红火,说明用户渐渐喜爱自产视频记录和表达;即时通讯软件功能从单一的发送文字加入音视频,用户的交流方式正在改变。网页上以动态影像传达信息,从技术上早已不是难题。如何围绕主题,让其形式追随传播的内容,运用动态影像使得网页更具魅力?0 Z4 h6 K1 L; b' V2 [

$ `$ A0 W/ e* n) ^  A.关注内容,迅速带入
8 i. E" O9 c% B; K/ Q

+ N9 P4 I' l: v6 W1 D( i  视频,是最直观的信息传达方式,大大缩减了文字的阅读成本,适用于短时间内讲清楚一件事,有利于传播分享。先从基于用户内容的创意众筹平台说起,Kickstarter相信,“一个好的创意,透过适当的沟通,可以快速地广为流传”。随着观众对视频表达的青睐,视频成为项目创意的主流曝光方式,大多数创意者选择深情并茂演说,使得idea本身更具说服力和感染力。Kickstarter每年都会选取年度最佳项目,制作网站的年度集锦宣传专题页,提高网站平台的品牌魅力。专题页先飞入提纲挈领的slogan和几则关键数据来撑满浏览器,缓解网页加载时间,让大视频背景动态影像得以流畅切换播放。年度项目以动态影像方式把新用户迅速带入内容,了解平台理念。
' V8 r; i8 F3 y# g/ e' c
5 k2 y& n1 q7 s) t- ]5 c" t7 P
0721183037213.jpg 4 U, q' ]) z9 h6 b9 Y. [& |
  →Kickstarter年度集锦* F! f& _  W7 Q4 z7 _

+ s; G6 F3 {' Y4 ]2 j7 |9 K6 \  B. 序曲铺垫,身临其境
0 h3 w# S/ t  A( N* c: C2 h

8 o+ p' Z( M/ W: \! Y* {. K  文字和图像还不足够身临其境?用视频创造场景感,增强用户的真实体验。Eleks公司创意制作的GoogleGlass概念网站是这么做的,网页前加上一段动态影像序曲,呈现沉浸式的场景。戴上GoogleGlass,通过主观镜头让用户把真实生活想象成电子游戏世界,给足用户脑补画面。序曲过后,在动态影像中加入鼠标互动,通过慢慢引导有重点的把技术信息等内容阐述清楚。增强体验的同时,也不失为提高网站停留时间的有效途径。
1 I+ X. \: l* i- I. A) |. D
6 }, m, x" Q; E" r" ^
0721183038214.jpg ( B* P( V" A4 Y- V
  → Google Glass Experiment-Real-Life Digital Game* P- Z- x# h2 ~: r

) ^+ z' d6 p$ d, a8 }- h  C. 一条好线索,影像碎片蒙太奇。
. G" ]+ b' R  ?: R

0 _3 o  d8 ~" t# }  影像碎片也足以撑起一个有趣的小视频,首先需要搜寻一条好线索。先举个小栗子,Google今年的国际妇女节Doodle选择动态影像突破常规的艺术插画形式,点亮搜索首页。这枚视频Doodle以世界各地的妇女的一个笑容、一句地方语祝福拼贴出一支影像串烧。亲民的路人形象与平民式镜头感拉近了用户距离,视频欢快的小节奏配乐格外小清新,令人感到简单轻松、贴近生活。
2 F$ _4 [( x) O$ b! Q/ t3 w/ ~
5 X' k) F& M( F
0721183039215.jpg # W; t7 l, @/ P$ j& S
  →Google Doodle-国际妇女节. }7 B# J  n4 }0 E5 Y" G' @# ?' d
7 u6 ~2 r& [& S3 O/ n
  影像碎片的节奏与想要传达何种情感紧密相关,怎么形成节奏感?把相似镜头感的影像碎片,以一致画面运动速度组织起来,就能构成特有的秩序。NISSIN(日清食品) 在进入官网前加入了动态影像,通过特写慢镜头把日清食品、食材和人物满足的表情组织起来,以5秒一个片段切换和慢镜头内容形成快慢对比。视频开头的动态影像可以设置烹饪倒计时时间,作为线索,点题“速食”,并加入新鲜食物的画面让人产生等待日清速食的美好体验,唤醒用户的味觉,带着好心情进入官网。
9 {' Q5 ^' }6 W5 q/ p& I: `

8 |* W; t  f! z, }; @ 0721183039216.jpg 0 A6 ^" x6 i" m/ c/ S( w8 o
  →NISSINGroup
+ a. \  c3 e3 E) B6 ?) g, d- s8 t
5 i8 u! R, i* e" c" [
  搜寻一条好线索串起碎片化影像,可使得整个创意表现的丰厚完整。再举个财大气粗的栗子,年初的Mac30年专题页企划,彰显了Apple品牌的磅礴气势。”同一时间,不同时区,使用Apple设备创造奇迹。”摄制团队在五大洲不同时区选取15个拍摄地点,以洛杉矶的摄影棚为指挥中心,同一时间用iPhone5s拍摄素材,记录世界各地的人使用Apple产品所做的超乎想像的片刻。由于同一时间拍摄与指挥中心的实时沟通和影像同步,Mac30年视频在几天时间内制作完成。从整个记录与制作团队的使用设备到被记录的内容,紧锁主题,强有力传达Apple的品牌承诺:将科技的创造力赋予每个人。$ ?. I! X9 k. F; b

: H! Q+ D9 s5 S, G- m5 |; j1 x 0721183039217.jpg
/ _3 X) T3 Y2 {( z& m" p  →Mac 30-years9 i$ _7 ^- c% ~" x1 }
3 H7 G4 X. j3 |+ T. s* N
0721183040218.jpg 0 q. u, k1 i5 Y7 d2 _
  →Mac 30-years behind-the-scenes Story
' g8 {8 B/ t5 l

8 F) m! K( @& V  D. 故事与话题,优雅地劈情操9 R/ R* E3 o; W) O
2 ~8 d! u9 v- u/ m. _2 O  ^
  网页通过讲故事的方式把信息富有情感的传达给用户,是未来的趋势之一,而视频是讲故事的好手段。Mac30年之后的故事还没完,Apple在官网ipad栏目开辟专题作为品牌承诺的延续,“你的诗篇”系列故事,记录着人们对生活的热爱和激情。值得一提的是此专题已陆续持续半年了,激情不断,差不多每月会带给我们新的故事和惊喜。最近此专题跨平台,在地方电视台投放了电视广告的剪辑版本。“你的诗篇”企划最初源于年初Apple拉开的序曲,《Your Verse Anthem》(你的赞美诗)中对人生的崇高追求和真正生活的意义的解读,在Apple的品牌理念中注入生活态度。
' Y+ ^7 d8 t. f+ ^. |, A( g- y: S$ d& x

& u  v. H  Z9 H0 M) | 0721183041219.jpg
& L, J! k. b/ n; s; l% G  →Apple.com Your-verse
( Y& W* a! T/ m6 ^

+ M8 P: p, m2 V1 u* `- i  设立一个开放式的话题展开用户互动,通过动态影像娓娓道来。Eastpak品牌广告活动网页以唯美的影像碎片记录方式表达宣传话题:#The last time you did the first thing#(最近一次做生平第一次做的事情),视频碎片轮回滚动5s左右表达一个事件。唯美的镜头让视线无法移开,动态画面阅读顺序抢先于文字并略带意识流节奏,向旅行者和爱好极限运动的年轻用户传达了一个38年老品牌的勇于突破和坚持。网页互动落地于官方Facebook留言墙,记录此话题的延展讨论。
8 D( t  a' Z* K, F: y; B
3 |1 o% ^6 d6 X8 ?* f9 y- ^
0721183041220.jpg
# r& T6 g. I+ ?/ l- p, a7 W6 c3 s  →eastpak.com+ \+ Q7 r, U4 g/ b  O

+ A4 M& G. ?. b1 }9 j+ H$ U  写在最后
$ K; }! d2 G! ^6 g

; B$ n& M3 U5 X1 Q2 U! N  x  f  也许有人感叹视频的制作成本高,但创意无价。如果你有心思,不妨为产品寻觅一条好线索,抬起照相机或手机,捕捉搜集些影像碎片,故事就在身边。浮躁的互联网还有什么能吸引眼球、打动人心?出其不意和产生共鸣。4 Z5 _! T4 R; c- L1 ~2 o
- k; c+ Z8 o/ G  l2 j
  本文由 腾讯ISUX 版权所有,转载时请注明出处; B# e9 m. w+ L7 D* ^: G6 \7 [% J
' {, G' R3 r6 d9 \

暂时无法加载帖子列表

回复

使用道具 举报

斯万克 发表于 2026-01-07 00:00:35 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

博润天下 发表于 2026-01-12 15:43:23 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

≮_龍/kuk域_≯ 发表于 2026-01-19 05:16:08 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

请问哦i是 发表于 2026-07-08 03:51:55 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复

使用道具 举报

华普在线-小林 发表于 2026-07-12 08:44:41 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复

使用道具 举报

zhaohui2017 发表于 2026-07-12 23:26:49 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

1524602628 发表于 2026-09-10 13:21:03 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-9-11 13:15 , Processed in 0.061816 second(s), 29 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表