interactive-walks-websites-1

新的技術不斷推動網頁設計師和設計機構嘗試新的想法,巧妙的思路和天馬行空的想象在網頁中逐步被實現,那些令人難以置信的概念被化作現實,這也算是設計師的夢想照進現實吧?這些交互復雜效果擬真的網頁設計作品,就是在這樣的語境下誕生的。

完美的場景營造和新奇高端的設計和開發技巧是有著依存共生關系的。當我們談及實現方法的時候,可選的設計技巧有很多,從靜態的圖片構建的全息影像,到細膩的3D建模,設計師可以自由地選取不同的技巧來加入動態元素,構建足夠專業的場景,用豐富有趣的細節來實現令人經驗的用戶體驗。

這種強交互、多元素的場景營造,多少也算得上是一種設計趨勢,今天我們所準備的網站案例都具有這樣的特征。

Visit Laholm

Visit Laholm 的網頁設計也算得上是引人入勝了,設計師通過標志性的建筑,著名的餐廳、酒吧和賓館等場景,構建出整個城市的壯觀氣象,帶用戶重走一段奇幻之旅。

Sonny’s Smokin Showdown

Sonny’s Smokin Showdown 是一個圍繞事件來設計的網站,整體設計令人難忘。設計師巧妙地使用單色背景和紅色的復古海報來營造對比,整個項目以一種低調不招搖的方式為用戶展現了全部的內容。

Our Tam

Our Tam 的網站設計有著相當高尚的出發點,設計師旨在通過網站來呼吁大家保護塔瑪佩斯山的環境。網站借助圖片和視頻來傳播那些令人振奮的故事,精心設計的交互會引導用戶一步步走下去。

Although Project 360

雖然設計師在這個項目中使用了靜態的圖片來實現白雪皚皚的路途,但是它的整體效果還是相當不錯的,瀏覽體驗也令人難忘。整個網站充分利用了漂亮的風景圖來完成整個設計。

Concept Store Neptune

網站的整體設計和網站名字相當的搭,新奇的設計和獨特的圖像,充滿了概念化的特征。3D的環境搭建讓用戶有身臨其境的感覺,豐富的信息讓人應接不暇。

BMW Autosalon

BMW Autosalon 的網站可以帶你足不出戶參加日內瓦國際車站。這個交互復雜的網站讓你可以近乎360度無死角瀏覽那些華麗帥氣的新車。

Wellstoried

Wellstoried 網站是路虎所制作的一個宣傳網站,網站搜集了超過600個故事,講述汽車是如何主導人們的生活。通過標簽篩選,你可以看到許多夢幻般的照片,你可以留下你的評論,分享你的感受。

Iberia

這是一個堪稱無與倫比的宣傳網站,它為了宣傳一款飛行設備,網站的場景營造從地面到天空,非常漂亮。

Antonio’s Bar

Antonio’s Bar 有無數的有趣東西來吸引用戶。設計師通過令人嘆為觀止的圖片、視頻和互動性的故事來營造歡樂的氛圍。

My Austria

My Austria是一個開創性的網站,設計師通過這個網站帶你瀏覽維也納那些賞心悅目的標志性建筑,網站簡短而迷人,配備了許多令人印象深刻的動態元素。

Bilbao 360

當你通過網站“穿越”整個城市的時候,漂亮的全景式的風景和環境音會讓你對整個城市留下深刻的印象。你可以輕松的散步,也可以參觀博物館,流連于冷清的街頭。

DNB Boligreisen

DNB Boligreisen 是一個使用3D技術精心制作的網站,整個網站顯得更有深度,營造出驚人的美感。

Art Project OkeanElzy

Art Project OkeanElzy 是一個超一流的網站,將你帶入烏克蘭音樂的夢幻世界。網站帶你跟蹤他們的音樂生涯,用翔實的信息豐富音樂的內涵。

Jupiter Ascending

這是一個基于電影《木星上行》的在線游戲,這個項目不僅吸引了電影的粉絲,而且讓用戶好好地放松了一下。

Oh Deer Games

Oh Dear Games 的網站打開體驗相當不錯,繁復的插畫讓網站在美感上同其他網站區分開來。網站最大的特色是重構出了獨特的交互式的電子書瀏覽體驗,整個網站的設計方案令人著迷,不同尋常。

Audi TT

這個奧迪TT的網站設計充滿了未來派的氛圍,互動感極強。

Buttcon

Buttcon 是一個獨特的企業網站,整體設計和傳統的網站設計徹底的區分開來,壯闊的畫面和跳躍的交互設計和同類網站截然不同。

Virginia

這個關于弗吉尼亞州旅游的網站設計的相當出色,許多經典和隱藏的地標都被標注到網站上,不過這些地標并不單調,它們都是可交互式的。

Local Eyes Project

Local Eyes Project 是一個典型的視頻和一系列交互功能的組合體,用戶體驗相當迷人。

Grimouville

Grimouville 是第一個讓用戶充分體驗隱藏式交互的網站,它巧妙地帶你穿越城市,讓你從一個熟悉的項目中體驗到難忘體驗。

【技多不壓身的設計師才有高薪資!】

  1. 平面設計:《超贊!設計師完全自學指南》
  2. 交互設計:《交互設計師修煉指南!教你從零開始成為優秀交互設計師》
  3. UI設計:《超實用新手指南!零基礎如何自學UI設計?》
  4. 前端開發:《天貓高手來教你!零基礎如何系統地學習前端開發?》
  5. 摳圖技巧:《從菜鳥到高手!PHOTOSHOP摳圖全方位攻略》
  6. 配色方案:《色彩搭配速成!3個實用方法幫你全面搞定配色》
  7. DPI指南:《基礎知識學起來!為設計師量身打造的DPI指南》
  8. 交互設計自學路徑圖:《零基礎入門!給非科班生的自學路徑圖之交互設計篇》

原文地址:designmodo
原文作者:Nataly Birch
優設譯文:@陳子木

uisdc-hao

本文由優設網原創翻譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量104萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏