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

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

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

來(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客的好奇心是不會(huì)滿足于單一的內(nèi)容鋪陳的,需要為訪客的好奇心制造驚喜。

無(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è)凸顯自己視頻制作技巧是很有必要的。

1

 

Startup Framework

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

2

 

The Barstow

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

3

 

Apple 30 Years

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

5

 

Garmin

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

6

 

Happy

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

7

 

eCards Strasbourg

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

8

 

Sonia

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

9

 

Joost Huver

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

10

 

TSC

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

11

 

Sirai Horses

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

12

 

Story and Heart

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

13

 

Helio Sequence

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

14

 

Curiosity Amsterdam

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

15

 

Zione Ceramica

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

16

 

Kids Love Jetlag

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

17

 

Inner City

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

19

 

Google Glass Experiment

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

20

 

We are Taiga

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

21

 

總結(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

分享本文至:

日歷

鏈接

個(gè)人資料

存檔