萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計新招式 引爆網頁中的視頻應用

網頁設計新招式 引爆網頁中的視頻應用

   在網頁設計中使用更多的視頻,被認為是2014年的一大設計趨勢。當然有一些人會堅持大量使用文本/內容,他們認為內容是網站的根基,其他人則認為需要打破傳統,因為訪客的好奇心是不會滿足於單一的內容鋪陳的,需要為訪客的好奇心制造驚喜。

  無論如何,視頻增多文本減少的網站在過去的幾個月裡層出不窮。這樣的解決方案有其優缺點,但是至少它引爆了人們的激情。只有時間能證明一切。

  這裡收集了一些新的網頁設計的例子,它們帶來了更多的視覺沖擊,感受下。

  案例合輯

  Manaz Productions

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

網頁設計新招式 引爆網頁中的視頻應用 三聯

  Startup Framework

  網站和其產品的描述是一致的,包含著各種復雜而專業的圖像。Web頁面裡包含了大量的解釋:視頻、圖片,相比傳統的文本更具說服力。

2

  The Barstow

  網站頁面被切成上下兩個部分,每個部分都有一段視頻。兩部分在給用戶帶來舒適心情的同時也為其帶來了適當的導航。

3

  Apple 30 Years

  蘋果公司為其忠實的用戶們賦予了一個干淨的、現代的、先進的30年歷史回顧。頁面包含了很多有趣和迷人的視頻,有效地反應了本質。

5

  Garmin

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

6

  Happy

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

7

  eCards Strasbourg

  該網站旨在為用戶提供寄送電子賀卡的機會。風景如畫的背景視頻良好地烘托了氛圍,不僅有助於強調文本還積極鼓勵用戶填寫表單。

8

  Sonia

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

9

  Joost Huver

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

10

  TSC

  網站的著陸頁強烈依賴於一個影像,這也創造出巨大的影像。團隊不僅僅主頁好看,內頁也很給力。

11

  Sirai Horses

  網站明智地利用華麗的照片作為背景,包括在所有的內頁裡也一樣。它們是用戶把焦點關注在寵物上的巨大驅動力。

12

  Story and Heart

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

13

  Helio Sequence

  設計師巧妙地利用了黑暗的背景,這不僅能強調內容更能夠幫助視頻脫穎而出。

14

  Curiosity Amsterdam

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

15

  Zione Ceramica

  擁有一個精心制作的基於圖片背景的單頁網站,非常適合用專業來描述。設計師巧妙地混合了大量的視覺數據,而且保證視覺和內容接口是吻合的。

16

  Kids Love Jetlag

  網站由一個很有創造性的數字機構所制作,單頁設計,滾動過程中展示了各種視頻。

17

  Inner City

  是另一個基於圖片的網站設計。設計師通過引人入勝的照片巧妙地補充了網站的內容。

19

  Google Glass Experiment

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

20

  We are Taiga

  網站的首頁含有幾個占據了整個屏幕的視頻,並伴有簡短的描述。該機構主要為了強調他們的作品,並試圖避免文本雜亂。

21

  總結

  基於視頻的網站設計方案已經愈加流行,這種方案並不僅僅只在創意機構或者視頻制作機構中流行,它也在普通設計師和藝術家們之間普及起來,因為他們堅持著一個口號:“我的工作本身就說明了這一點”。

copyright © 萬盛學電腦網 all rights reserved