來(lái)源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請(qǐng)點(diǎn)這里　

在網(wǎng)頁(yè)設(shè)計(jì)中使用更多的視頻，被認(rèn)為是2014年的一大設(shè)計(jì)趨勢(shì)。當(dāng)然有一些人會(huì)堅(jiān)持大量使用文本/內(nèi)容，他們認(rèn)為內(nèi)容是網(wǎng)站的根基，其他人則認(rèn)為需要打破傳統(tǒng)，因?yàn)樵L(fǎng)客的好奇心是不會(huì)滿(mǎn)足于單一的內(nèi)容鋪陳的，需要為訪(fǎng)客的好奇心制造驚喜。

無(wú)論如何，視頻增多文本減少的網(wǎng)站的界面設(shè)計(jì)在過(guò)去的幾個(gè)月里層出不窮。這樣的解決方案有其優(yōu)缺點(diǎn)，但是至少它引爆了人們的激情。只有時(shí)間能證明一切。

藍(lán)藍(lán)設(shè)計(jì)這里收集了一些新的網(wǎng)頁(yè)設(shè)計(jì)的例子，它們帶來(lái)了更多的視覺(jué)沖擊，感受下。

案例合輯 

Manaz Productions

該網(wǎng)站毫不猶豫地提供了大量視頻而故意削弱了文本量，其實(shí)并不奇怪，因?yàn)檫@個(gè)公司就是視頻制作商，著陸頁(yè)凸顯自己視頻制作技巧是很有必要的。

Startup Framework

網(wǎng)站和其產(chǎn)品的描述是一致的，包含著各種復(fù)雜而專(zhuān)業(yè)的圖像。Web頁(yè)面里包含了大量的解釋?zhuān)阂曨l、圖片，相比傳統(tǒng)的文本更具說(shuō)服力。

The Barstow

網(wǎng)站頁(yè)面被切成上下兩個(gè)部分，每個(gè)部分都有一段視頻。兩部分在給用戶(hù)帶來(lái)舒適心情的同時(shí)也為其帶來(lái)了適當(dāng)?shù)膶?dǎo)航。

Apple 30 Years

蘋(píng)果公司為其忠實(shí)的用戶(hù)們賦予了一個(gè)干凈的、現(xiàn)代的、先進(jìn)的30年歷史回顧。頁(yè)面包含了很多有趣和迷人的視頻，有效地反應(yīng)了本質(zhì)。

Garmin

是一個(gè)廣告網(wǎng)站，在最好的光照條件下巧妙地展示了產(chǎn)品。該網(wǎng)站做到了文本和圖片完美的融合，它們互相支持相輔相成。

Happy

乍一看這是一個(gè)非常常規(guī)的網(wǎng)站，然而它用了一個(gè)非常創(chuàng)新的方法來(lái)吸引用戶(hù)的注意力。網(wǎng)站為游客們提供了24小時(shí)的流行趨勢(shì)視頻游覽，良好地展示了它們的產(chǎn)品。

eCards Strasbourg

該網(wǎng)站旨在為用戶(hù)提供寄送電子賀卡的機(jī)會(huì)。風(fēng)景如畫(huà)的背景視頻良好地烘托了氛圍，不僅有助于強(qiáng)調(diào)文本還積極鼓勵(lì)用戶(hù)填寫(xiě)表單。

Sonia

所有合適的時(shí)尚元素都集中在網(wǎng)站上，它還利用大量的宣傳材料代表（比如專(zhuān)業(yè)的圖片和視頻，甚至短片）來(lái)營(yíng)造產(chǎn)品效果。

Joost Huver

擁有精彩而均衡的設(shè)計(jì)。主要是圖像填充。設(shè)計(jì)師很巧妙地把最小的方法在這個(gè)單頁(yè)網(wǎng)站上做出實(shí)踐。

TSC

網(wǎng)站的著陸頁(yè)強(qiáng)烈依賴(lài)于一個(gè)影像，這也創(chuàng)造出巨大的影像。團(tuán)隊(duì)不僅僅主頁(yè)好看，內(nèi)頁(yè)也很給力。

Sirai Horses

網(wǎng)站明智地利用華麗的照片作為背景，包括在所有的內(nèi)頁(yè)里也一樣。它們是用戶(hù)把焦點(diǎn)關(guān)注在寵物上的巨大驅(qū)動(dòng)力。

Story and Heart

網(wǎng)站的著陸頁(yè)面包含一個(gè)驚人的視頻背景,能夠有效地補(bǔ)充內(nèi)容,同時(shí)吸引用戶(hù)的注意力。就像上面第二個(gè)例子中,利用視頻作為背景的選擇是相當(dāng)可預(yù)測(cè)的,因?yàn)樵摼W(wǎng)站提供了一個(gè)電影社區(qū)。

Helio Sequence

設(shè)計(jì)師巧妙地利用了黑暗的背景，這不僅能強(qiáng)調(diào)內(nèi)容更能夠幫助視頻脫穎而出。

Curiosity Amsterdam

歡迎部分使用了一組引人注目的短片和圖片，支撐起一個(gè)詞匯“Curiosity. Creating Interest（好奇心，創(chuàng)造利益）”。該網(wǎng)站通過(guò)其流行的視覺(jué)內(nèi)容絕對(duì)能夠煽起一般用戶(hù)的興趣。

Zione Ceramica

擁有一個(gè)精心制作的基于圖片背景的單頁(yè)網(wǎng)站，非常適合用專(zhuān)業(yè)來(lái)描述。設(shè)計(jì)師巧妙地混合了大量的視覺(jué)數(shù)據(jù)，而且保證視覺(jué)和內(nèi)容接口是吻合的。

Kids Love Jetlag

網(wǎng)站由一個(gè)很有創(chuàng)造性的數(shù)字機(jī)構(gòu)所制作，單頁(yè)設(shè)計(jì)，滾動(dòng)過(guò)程中展示了各種視頻。

Inner City

是另一個(gè)基于圖片的網(wǎng)站設(shè)計(jì)。設(shè)計(jì)師通過(guò)引人入勝的照片巧妙地補(bǔ)充了網(wǎng)站的內(nèi)容。

Google Glass Experiment

谷歌眼鏡實(shí)驗(yàn)室使用了大量充滿(mǎn)活力的視頻展示出網(wǎng)站的先進(jìn)性，提供給人們一個(gè)新產(chǎn)品的產(chǎn)生是有巨大可能性的印象。

We are Taiga

網(wǎng)站的首頁(yè)含有幾個(gè)占據(jù)了整個(gè)屏幕的視頻，并伴有簡(jiǎn)短的描述。該機(jī)構(gòu)主要為了強(qiáng)調(diào)他們的作品，并試圖避免文本雜亂。

總結(jié)

基于視頻的網(wǎng)站設(shè)計(jì)方案已經(jīng)愈加流行，這種方案并不僅僅只在創(chuàng)意機(jī)構(gòu)或者視頻制作機(jī)構(gòu)中流行，它也在普通設(shè)計(jì)師和藝術(shù)家們之間普及起來(lái)，因?yàn)樗麄儓?jiān)持著一個(gè)口號(hào)：“我的工作本身就說(shuō)明了這一點(diǎn)”。

你認(rèn)為“多媒體少文本”的設(shè)計(jì)趨勢(shì)能夠征服網(wǎng)絡(luò)嗎？它們有什么好處？說(shuō)說(shuō)你的看法唄~

原文地址：designmodo
優(yōu)設(shè)網(wǎng)翻譯：@sheisjane