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

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

[复制链接]
wildworld 发表于 2014-07-24 11:56:41 | 显示全部楼层 |阅读模式
科技越发达、人类越懒惰。当我们在信息大爆炸的网络中疲倦于文字和图片,动态影像通常令人为之振奋。UGC短视频社区的红火,说明用户渐渐喜爱自产视频记录和表达;即时通讯软件功能从单一的发送文字加入音视频,用户的交流方式正在改变。网页上以动态影像传达信息,从技术上早已不是难题。如何围绕主题,让其形式追随传播的内容,运用动态影像使得网页更具魅力?
- E* F9 b. x& B6 f0 ~
' U8 |, @( p! C# k0 F
  A.关注内容,迅速带入
" m) y  `- R* N. A' r

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

1 q! R. W/ D0 U; Z0 A( c5 x 0721183037213.jpg " G8 g8 x# h6 L+ h5 X+ p0 O
  →Kickstarter年度集锦2 w5 Z# z+ N- G5 g3 e( [5 r

9 P( v  P' E( t  B. 序曲铺垫,身临其境
: U- O8 a# y; D) @
: }$ O" o6 _8 Y3 N3 e" f' E8 R  |
  文字和图像还不足够身临其境?用视频创造场景感,增强用户的真实体验。Eleks公司创意制作的GoogleGlass概念网站是这么做的,网页前加上一段动态影像序曲,呈现沉浸式的场景。戴上GoogleGlass,通过主观镜头让用户把真实生活想象成电子游戏世界,给足用户脑补画面。序曲过后,在动态影像中加入鼠标互动,通过慢慢引导有重点的把技术信息等内容阐述清楚。增强体验的同时,也不失为提高网站停留时间的有效途径。) s+ k* J4 ]' d8 r0 m! k$ t# B  N$ Z
2 s1 A7 G- L+ Q. u0 ^
0721183038214.jpg
8 m" ?! w: w# D: |% A1 U  → Google Glass Experiment-Real-Life Digital Game
5 X0 y3 |2 s6 {* b
$ [( b& B% d0 P# D5 Q  R
  C. 一条好线索,影像碎片蒙太奇。 % @! Y1 [/ H" k# ^- r
* Q2 ]6 A. K- _$ \; ]# q
  影像碎片也足以撑起一个有趣的小视频,首先需要搜寻一条好线索。先举个小栗子,Google今年的国际妇女节Doodle选择动态影像突破常规的艺术插画形式,点亮搜索首页。这枚视频Doodle以世界各地的妇女的一个笑容、一句地方语祝福拼贴出一支影像串烧。亲民的路人形象与平民式镜头感拉近了用户距离,视频欢快的小节奏配乐格外小清新,令人感到简单轻松、贴近生活。
1 f8 Y, w6 ?2 Q0 _1 v, M

" _, p6 v" X+ P; R' k: S 0721183039215.jpg ( @4 y5 \& r. G0 M( ~" z! i
  →Google Doodle-国际妇女节
6 u9 a: \- i8 R8 h! h$ b

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

! O7 Q1 q: c) o 0721183039216.jpg # I4 A" o7 l" B4 o8 ?4 s4 S2 o2 e
  →NISSINGroup
3 C6 c' A" E1 s2 i- V
/ @- ]4 Q4 K- l; Q. m5 y* ~. E1 T
  搜寻一条好线索串起碎片化影像,可使得整个创意表现的丰厚完整。再举个财大气粗的栗子,年初的Mac30年专题页企划,彰显了Apple品牌的磅礴气势。”同一时间,不同时区,使用Apple设备创造奇迹。”摄制团队在五大洲不同时区选取15个拍摄地点,以洛杉矶的摄影棚为指挥中心,同一时间用iPhone5s拍摄素材,记录世界各地的人使用Apple产品所做的超乎想像的片刻。由于同一时间拍摄与指挥中心的实时沟通和影像同步,Mac30年视频在几天时间内制作完成。从整个记录与制作团队的使用设备到被记录的内容,紧锁主题,强有力传达Apple的品牌承诺:将科技的创造力赋予每个人。
! P2 l7 M# o3 f+ L. q
( q& z; ]- T0 I
0721183039217.jpg % c' D5 v! A. e+ X7 W( W* R3 C
  →Mac 30-years. U# \. s; R1 K% N

4 c4 ^  g1 x" [' E6 I 0721183040218.jpg
0 j$ r) p7 O# u$ l4 d' ~# L3 [8 j8 ~  →Mac 30-years behind-the-scenes Story2 @9 G% P# {/ L* ?$ C1 R* ~
4 x5 e# d- |9 |- D6 H( {. ~
  D. 故事与话题,优雅地劈情操/ |1 B9 ?( o' l3 `0 H

# p3 K# ?+ ^1 {9 b$ D) N  S4 o  网页通过讲故事的方式把信息富有情感的传达给用户,是未来的趋势之一,而视频是讲故事的好手段。Mac30年之后的故事还没完,Apple在官网ipad栏目开辟专题作为品牌承诺的延续,“你的诗篇”系列故事,记录着人们对生活的热爱和激情。值得一提的是此专题已陆续持续半年了,激情不断,差不多每月会带给我们新的故事和惊喜。最近此专题跨平台,在地方电视台投放了电视广告的剪辑版本。“你的诗篇”企划最初源于年初Apple拉开的序曲,《Your Verse Anthem》(你的赞美诗)中对人生的崇高追求和真正生活的意义的解读,在Apple的品牌理念中注入生活态度。
$ o% w  b8 X; E. C9 ]  |6 y
, t2 [- E) D2 h
0721183041219.jpg
4 U# t3 H# y- Q  →Apple.com Your-verse
5 T# T$ f8 ~7 i
6 C4 j& ~. q- }
  设立一个开放式的话题展开用户互动,通过动态影像娓娓道来。Eastpak品牌广告活动网页以唯美的影像碎片记录方式表达宣传话题:#The last time you did the first thing#(最近一次做生平第一次做的事情),视频碎片轮回滚动5s左右表达一个事件。唯美的镜头让视线无法移开,动态画面阅读顺序抢先于文字并略带意识流节奏,向旅行者和爱好极限运动的年轻用户传达了一个38年老品牌的勇于突破和坚持。网页互动落地于官方Facebook留言墙,记录此话题的延展讨论。5 a+ Y9 b- w; v; {3 F
7 `5 ?. y$ W7 C
0721183041220.jpg & W, C5 s2 B8 o5 i- E
  →eastpak.com
# X- {' y2 G9 F4 B

$ q. s( H! N" x0 d7 r  写在最后
: q4 x6 V% t- b+ v  L$ R) S4 E
1 o2 U1 m3 V( v
  也许有人感叹视频的制作成本高,但创意无价。如果你有心思,不妨为产品寻觅一条好线索,抬起照相机或手机,捕捉搜集些影像碎片,故事就在身边。浮躁的互联网还有什么能吸引眼球、打动人心?出其不意和产生共鸣。( L0 ]) Q, P5 e; y3 Y# P# c2 Q6 c

9 v' H' @( V/ M: n- ?  本文由 腾讯ISUX 版权所有,转载时请注明出处4 X- a) P9 p2 Q- u7 f( C

. q! n: E- s( a% T

暂时无法加载帖子列表

回复

使用道具 举报

斯万克 发表于 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 08:14 , Processed in 0.039060 second(s), 29 queries , Gzip On.

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

    Powered by Discuz! X3.5

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