【編按】網站,內容相當重要!但在閱讀內容之前,整體視覺畫面卻是決定使用者駐足時間長短的重要關鍵。好的視覺感受有令人忘卻時間的魔法,吸引你目光的同時亦帶領你的手指頭,一頁一頁的瀏覽下去,而那些會使眼睛過敏的頁面呢?可想而知的是,右/左上角的 X 按鈕囉!

因此,在茫茫的網站中,該如何脫穎而出呢?這就來好好吸收一下以下這篇來自2014的網頁設計趨勢,帶領你一目了然的同時,感受、吸收並不知覺的加以駐足。

文章出處:視覺中國

譯者:十萬個為什麼

更為精闢的文​​字與豐富大量的媒體視覺(於網頁中大量運用影片呈現),將是2014年一項新興網頁的設計趨勢。許多人認為,這是一種具有爭議且十分冒失的展現方式,因為文字內容才是最為重要的傳遞資訊,不僅閱讀性高且更易於複製。

但,亦有一群人打破這種想法,支持以新興的酷炫手法及觀點,誘發存在於人性之中的好奇心,藉影片的多元面傳遞內容。

不管如何,相信你一定注意到近來,包含影片等豐富視覺媒體,並扔掉文字內容的網站出現得越加頻繁。毫無疑問的,這種做法有它的支持與反對者,就當前而言,雖無法斷定其是否是一種合理且有益的方式,但無可置疑的是,如此的呈現方式能讓網站看起來更現代、精美、創新及別具風味,而未來,也唯有時間才能夠發現它所存在的問題與缺陷。

在此我們收集了一些網頁設計的案例,它們皆倚靠相當大量的影片與圖片設計而成,視覺的衝擊十分豐富,且不是以常規的文字所設計而成。

 

帶有影片的網頁設計案例

Manaz Productions,正如前述,此網站以大量的視覺呈現近乎全部的訊息。因這是一家影片製作公司,所以這種呈現方式並不令人感到驚奇,也因如此,設計師僅用了足以展現公司技術與經驗的影片來展現網站的整體架構。

 Designmodo 的 Startup Framework,這個網站同它所展示的產品宗旨一樣,散發著專業與老練的形象。這個頁面包含很多解釋與描述性的視覺信息,包括影片與圖片,如此的呈現方式自然比單純的文字敘述更引人矚目。

The Barstow,此網站被優雅地分割為兩半,每一半都帶有一段豪放的影片。它們除了有著顯著的引導作用,也有助於將觀看者帶入更為恰當的氛圍中。

Winshape Camps,有著夢幻般氣氛的趣味網頁設計,主頁包含了一段全屏影片的介紹,以半透明式的漸變色彩融合影片的的呈現方式,讓網頁呈現出別於一般的歡樂和諧。

Apple 30 Years,這家公司呈現於使用者一個乾淨、現代、精緻的頁面作為它30週年的紀念,其中包含了許多有趣迷人的影片,聰明地展現出了公司30年的精隨。

Garmin,這是個將網站視覺畫面利用的甚為巧妙的促銷網站,透過網站中文字與圖片相互的配合,呈現出了個相當吸引人的畫面設計。

Happy,乍看之下,這就是一個普通的單頁設計師網站 。然而,它利用一種相當創新的方式吸引用戶的注意,藉由播放一段24小時不間斷的音樂影片,展示著這精心設計的頁面。

eCards Strasbourg,此網站讓使用者有機會發送特殊的電子卡片。電影風格的別緻背景相當討人喜愛,不僅強調了文字,也積極地鼓勵著用戶填寫表單。

Sonia,適用於所有時尚主題的網站,利用大量圖片、影片、甚至電影短片等為呈現的促銷元素。

Joost Huver,運用大量圖片呈現出視覺靚麗且勻稱的設計,設計師以簡練的方式巧妙地創造出一個精簡卻內容豐富的單頁式網站。

TSC,這個網站利用絕妙的圖片來創造視覺的衝擊,網站用相當多不可思議的圖片與照片來構築整體的視覺,不僅僅是首頁,甚至是內頁的部分亦相當精彩。

Sirai Horses,聰明地利用華麗的攝影圖片作背景,吸引著使用者目光的同時,亦將所有的內頁也以此設計方式呈現。

Story and Heart,主視覺頁面以一段段使人印象深刻的短影片做連結,加強補足了所欲呈現的內容。與 Startup Framework 的例子有點相近,藉不刻意強調的刻意設計方式,將所要呈現的內容藉影片背景讓人在第一時刻就有所接收。

Helio Sequence,以暗色為背景襯托出明亮色澤的元素,乾淨的深色背景不僅強調了內容,也將網站營造出一分更加突出的氛圍。

Curiosity Amsterdam,主視覺畫面以一組令人難以置信的短影片、令人印象深刻的背景,以及標語「Curiousity. Creating Interest」作呈現。藉它強勢的視覺內容,誘發使用者們的興趣。

Zione Ceramica,一個以優美圖片呈現出極致工藝的單頁式網站,大量專業的攝影圖片在設計精巧的呈現中,創造出了一個整體視覺優良、易於閱讀且視覺感相當豐富的網站。

Kids Love Jetlag,以迷人的全屏輪播圖與影片創造出的一個屬於創意數字機構的呈現頁面。

Geox,以原創影片為公司所欲展示的產品一一演出屬於它們的優勢,不藉文字輕描淡謝的寫出來,帶動起了促銷網站新穎絕妙的創意!

Inner City,又一個以圖片呈現的一流網站,設計師巧妙地運用迷人的圖片取代一般常規的內容補充。

Google Glass Experiment,先進的交互式網站,藉由不斷變化的影片,傳達出其充滿活力與能量的形象,此外,就由影片呈現出新產品所擁有的特色。

We are Taiga,網站首頁僅以一組全屏影片和簡單的介紹做呈現,主要是為加強作品,同時避免過多的文字造成視覺的雜亂感。

結論

藉影片呈現網站的方案,正飛快地成長中,那些久經考驗、大家習以為常的文字佈局將不再受到矚目。這種方式將不僅於創意機構或影片相關的公司間盛行,同時亦受到某些設計師與藝術家們的熱愛,因為他們相信著「我的作品,它會說話」。

 

原文來源:designmodo.com │原文標題:Less Text more Multimedia – New Approach in
誠摯邀請你成為好朋友-->
        

About The Author

ㄇㄞˋ點子特搜編輯

藉由靈感的蒐集,並結合你與身俱來的創意,可以變得更美好也充滿趣味!! 麥點子將資訊整合,並透過編輯夥伴的創意,為大家挖掘、淘選、遞送來自世界的創意與設計訊息,在你的心田上種下一顆顆充滿靈感的「麥子」。 設計雖說是門專業技能,但設計感與美感是可以透過每天一點一滴累積而成的,藉由麥點子每天的文章傳遞,相信大家都都能夠從中獲得靈感,提升生活品味並讓處處充滿樂趣與希望! 因為麥點子夥伴們就是這樣子的一群人

Related Posts

留下你的看法: