**[国外设计第32期]**

更少的文字,更多的富媒体——在网页设计中运用视频来达到特定效果,这算是2014年的一项新兴网页设计趋势。有些人坚持认为,这是一种有争议且冒失的展现方式,因为内容(文字)为王。其他人则打破这种共识,拥护更为激进的观点,他们的依据是人类好奇心的力量,和对更加炫酷的信息获取方式的喜爱。

不管怎样,你一定会注意到近的几个月来,包含视频等富媒体,并扔掉文字内容的网站,出现得越来越频繁。毫无疑问,这种做法有它的支持者与反对者,而且也难以断言,它是否是一种合理而有益的方式,能让网站看起来更现代、精美和创新。然而它当然也别具风味。只有时间能够展现它所有的“缺陷”,最终得出积极的结论。

在此我们收集了一些网页设计案例,它们更多依靠视频与图片制造视觉冲击,而非常规文字所构成的大量信息。

## 带有视频的网页设计案例

Manaz Productions,正如之前例子一样,这个网站只包含了视觉信息,几乎没有文字。使用这种方式并不令人感到惊奇,因为这个网站代表着一家视频制作公司。因此,设计师仅仅使用了能够展现这家公司能力与经验的视频,来构成这个着陆页。

[![Manaz Productions](http://designmodo.com/wp-content/uploads/2014/02/Manaz-Productions.jpg)](http://www.manazproductions.com/)

Designmodo的Startup Framework,这个网站同它所展示的产品宗旨一样,散发着专业与老练的形象。这个页面包含很多解释与描述性的视觉信息,包括视频与图片,自然比单纯的文字更加引人瞩目。

[![Startup by Designmodo](http://designmodo.com/wp-content/uploads/2014/02/Startup-by-Designmodo.jpg)](http://designmodo.com/startup/)

The Barstow,网站被优雅地切分为两半,每一半都有一段豪放的视频。它们起着显著的引导作用,也有助于将用户带入恰当的氛围。

[![The Barstow](http://designmodo.com/wp-content/uploads/2014/02/The-Barstow.jpg)](http://www.ridebarstow.com/)

Winshape Camps有着梦幻般欢乐有趣的网页设计。主页包含了一段全屏视频介绍,也有效地与炫丽的半透明渐变背景融合,成为功能的一部分。

[![Winshape Camps](http://designmodo.com/wp-content/uploads/2014/02/Winshape-Camps.jpg)](http://www.winshape.org/camps/)

Apple 30 Years,这家公司献给它的忠实用户一个干净、现代、精致的页面,作为它30周年纪念。这个页面主要包含很多有趣迷人的视频,有力地展现了它的精髓。

[![Apple 30 Years](http://designmodo.com/wp-content/uploads/2014/02/Apple-30-Years.jpg)](http://www.apple.com/30-years/)

Garmin,这是一个促销网站,用最佳位置巧妙地展现了它的广告商品。这个网站的文字与图片相互支撑,结合地非常好,值得夸耀。

[![Garmin](http://designmodo.com/wp-content/uploads/2014/02/Garmin.jpg)](http://sites.garmin.com/virb/)

Happy,乍看之下,这就是一个普通的单页网站,推销着它的设计者。然而,它利用一种相当创新的方式吸引用户的注意,通过播放一段24小时不间断的音乐视频,展示着这件精心设计的产品的全部力量。

[![Happy](http://designmodo.com/wp-content/uploads/2014/02/Happy.jpg)](http://24hoursofhappy.com/)

eCards Strasbourg,这个网站让用户有机会发送特殊的电子卡片。相当讨人喜爱的别致背景是电影的风格,不仅强调了文字,也积极地鼓励着用户填写表单。

[![eCards Strasbourg](http://designmodo.com/wp-content/uploads/2014/02/eCards-Strasbourg.jpg)](http://ecards.strasbourg.eu/)

Sonia,适用于所有时尚主题的网站,它也利用了大量以图片、视频、甚至电影短片为代表的促销元素。

[![Sonia](http://designmodo.com/wp-content/uploads/2014/02/Sonia.jpg)](http://ss14.soniaby.com/fr/looks)

Joost Huver的网页设计靓丽而匀称,主要运用了大量图片。设计师通过最简练的方式,巧妙地创造一个相当精简却内容丰富的单页网站。

[![Joost Huver](http://designmodo.com/wp-content/uploads/2014/02/Joost-Huver.jpg)](http://www.joosthuver.com/)

TSC,这个网站强烈依赖绝妙的图片来创造视觉冲击。网站团队使用很多不可思议的图片与照片来构建网站,不仅仅是首页,还有其他内页。

[![TSC](http://designmodo.com/wp-content/uploads/2014/02/TSC.jpg)](http://site.top-secret.be/)

Sirai Horses,这个网站很聪明地使用了华丽的专业摄影图片作为背景,伴随着它所有的内页。它们担任着主要的视觉引导力量,将用户的注意力聚焦在宠物身上。

[![Sirai Horses](http://designmodo.com/wp-content/uploads/2014/02/Sirai-Horses.jpg)](http://siraihorses.com/)

Story and Heart,这个网站的着陆页包含了一段令人吃惊的视频作为背景,有效地补足了内容,与此同时也抓住了用户的注意力。很像第2个例子,选择四两拨千斤的视频作为背景,可以让人轻易预知网站内容,因为它代表着一个电影制作社区。

[![Story and Heart](http://designmodo.com/wp-content/uploads/2014/02/Story-and-Heart.jpg)](http://www.storyandheart.com/)

Helio Sequence,设计师运用了暗色调,它以突出亮色元素著称。在这个例子中,干净的深色背景不仅强调了内容,也令视频更加突出。

[![Helio Sequence](http://designmodo.com/wp-content/uploads/2014/02/Helio-Sequence.jpg)](http://www.heliosequence.com/)

Curiosity Amsterdam,欢迎页面部分包含了一组令人难以置信的短视频,还有令人印象深刻的背景,主要用于支撑标语“Curiousity. Creating Interest”。通过它强势的视觉内容,这个网站绝对能够激起用户的兴趣。

[![Curiosity Amsterdam](http://designmodo.com/wp-content/uploads/2014/02/Curiosity-Amsterdam.jpg)](http://www.curiosityamsterdam.com/)

Zione Ceramica有一个工艺精良基于图片的单页网站,以大量专业摄影图片为主。设计师巧妙地将多种视觉信息组合起,但整体界面组织良好,便于快速浏览。

[![Zione Ceramica](http://designmodo.com/wp-content/uploads/2014/02/Zione-Ceramica.jpg)](http://zioneceramica.es/)

Kids Love Jetlag,这个网站属于一家创意数字机构,使用了迷人的全屏轮播图和颇具争议的视频。

[![Kids Love Jetlag](http://designmodo.com/wp-content/uploads/2014/02/Kids-Love-Jetlag.jpg)](http://kidslovejetlag.com/)

Geox是个完美无瑕的促销网站,背后有着新颖绝妙的创意。为了展示使用Geox产品的所有优势,这家公司没有一条条列出它的好处,而是创作了一段原创视频。

[![Geox](http://designmodo.com/wp-content/uploads/2014/02/Geox.jpg)](http://amphibiox.geox.com/amphibiox2013/en_GB/home)

Inner City又是一个基于图片的一流网站,设计师巧妙地运用迷人的图片,作为常规内容的补充。

[![Inner City](http://designmodo.com/wp-content/uploads/2014/02/Inner-City.jpg)](http://www.innercityprojects.net/)

Google Glass Experiment是个先进的交互式网站,通过变化的视频,传达出了充满活力与能量的形象。这些视频则成为了新产品中潜藏的巨大可能的有力证明。

[![Google Glass Experiment](http://designmodo.com/wp-content/uploads/2014/02/Google-Glass-Experiment1.jpg)](http://glass.eleks.com/)

We are Taiga,网站首页只包含了一组全屏视频,和简单的介绍。这家公司主要强调他们的作品,正力图避免所有杂乱的文字。

[![We are Taiga](http://designmodo.com/wp-content/uploads/2014/02/We-are-Taiga.jpg)](http://wearetaiga.com/)

基于视频的网站方案,正在飞快地聚齐人气,那些久经考验、大家习以为常的文字布局却没有。这种方式不仅在创意机构或视频相关公司间盛行,也受到一些设计师与艺术家们的追捧,他们信奉“我的作品自己会说话”。

[原文链接][0]

[0]: http://designmodo.com/more-videos-web-design/