網(wǎng)頁設(shè)計新招式:火力全開!引爆網(wǎng)頁中的視頻應(yīng)用

2014-3-3    藍(lán)藍(lán)設(shè)計的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里 

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

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

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

案例合輯 

Manaz Productions

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

1

 

Startup Framework

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

2

 

The Barstow

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

3

 

Apple 30 Years

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

5

 

Garmin

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

6

 

Happy

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

7

 

eCards Strasbourg

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

8

 

Sonia

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

9

 

Joost Huver

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

10

 

TSC

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

11

 

Sirai Horses

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

12

 

Story and Heart

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

13

 

Helio Sequence

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

14

 

Curiosity Amsterdam

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

15

 

Zione Ceramica

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

16

 

Kids Love Jetlag

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

17

 

Inner City

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

19

 

Google Glass Experiment

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

20

 

We are Taiga

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

21

 

總結(jié)

基于視頻的網(wǎng)站設(shè)計方案已經(jīng)愈加流行,這種方案并不僅僅只在創(chuàng)意機(jī)構(gòu)或者視頻制作機(jī)構(gòu)中流行,它也在普通設(shè)計師和藝術(shù)家們之間普及起來,因為他們堅持著一個口號:“我的工作本身就說明了這一點”。

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

 

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

日歷

鏈接

個人資料

存檔