三款頗具臨場感的網站設計

标签: 創新與應用 design ivplus website | 发表时间:2011-10-08 10:00 | 作者:Genie Chen Cary
出处:http://www.techorange.com

全滿版網站至今已屢見不鮮,特別是在Flash網站的應用更是廣泛
超能力設計戰隊這邊就經常接觸這類型的專案
但….如果場景可以跟著使用者接觸捲軸移動呢?

今天要介紹大家三款頗具臨場感的網站設計,以HTML5作為開發基礎。
畫面過場和視覺的質感非常不錯

如果是這樣全滿版的設計,你會想到怎麼應用呢?
我阿~我倒是很希望有一天台灣的夜市或博物館(展演空間)也能做出這樣酷的導覽網站
我想應該會很新奇吧?!

 

1) New Zealand 100% Pure http://www.newzealand.com/int/
採上下捲動的方式,右方的Google Map也會同步定位。酷吧?!

 

2) VIA BUS STOP MUSEUM http://www.viabusstop.com/museum.html
把百貨公司專櫃擺到網站上,透過精緻的轉場也能讓看似普通的網站變得生動有意思。

 

3) 360° Langstrasse Zürich http://www.360langstrasse.sf.tv/page/
我最喜歡這個網站。除了採第一人稱的角度呈現畫面外,程式在Loading圖片也是相當流暢。
試著把畫面捲到任一個場景上,然後停下來幾秒鐘,留意看看有什麼特殊之處?
原來….他把動態模糊帶到畫面上了,既不突兀也能讓畫面多了預留讀取的時間,超酷!!


 

( 全文轉載自:innovation plus creative lab )

 

 

相关 [創新與應用 design ivplus website ] 推荐:

因噎廢食的第三方支付規範,台灣業者只好自立自強

- DuckHugh - TechOrange
相較於對岸大幅開放第三方支付經營許可,電子商務起步更早的台灣,反而讓有意提供消費者對消費者(C2C)拍賣/購物服務的業者,必須想盡辦法避開綁手綁腳的法律規範,來求得一線生機. 繼今(2011)年七月宣布推出名為「安心刷卡通」的「信用卡代收貨款」服務之後,台灣網購業者飛翔駱駝,即將在本週三(8/17),和中國大陸的第三方支付工具業者支付寶,簽訂合作備忘錄.

網站上線之前需要檢查的 13 個問題

- 幻幽 or A書 - TechOrange
1、用了 Google 分析等統計工具了嗎. 你應該跟蹤每個頁面的訪問情況,哪些受歡迎,哪些掙得錢多. 2、用了 Pagespeed 和 Yslow 了嗎. 70% 使用者看得到的速度提升都是通過用戶端優化完成的. 這兩個工具可以幫你瞭解你的網站是否符合最佳慣例,並提供改進建議. 3、通過 feedbackarmy.com 和 usertesting.com 進行可用性測試了嗎.

三款頗具臨場感的網站設計

- Cary - TechOrange
全滿版網站至今已屢見不鮮,特別是在Flash網站的應用更是廣泛. 超能力設計戰隊這邊就經常接觸這類型的專案. 但….如果場景可以跟著使用者接觸捲軸移動呢?. 今天要介紹大家三款頗具臨場感的網站設計,以HTML5作為開發基礎. 畫面過場和視覺的質感非常不錯. 如果是這樣全滿版的設計,你會想到怎麼應用呢?.

下一個 YouTube ?來 SoundCloud 分享你的聲音吧!

- Jeshuang - TechOrange
現在 SoundCloud 的用戶約有 750 萬人,但是其中 500 萬人是近 12 個月註冊的;可見近來有愈來愈多的人喜歡做聲音分享這件事. 但 SoundCloud 到底賦予了分享聲音這件事什麼樣的元素,才讓人們喜歡這項服務呢. 讓聲音具有可視性和時間點註解功能,應該可說是最重要的元素;現在 SoundCloud 上的每個錄音都有一個視覺化的時間軸,使用者可以在時間軸上的任何地方留下評論,讓其他用戶知道這段聲音最值得聆聽的部份是哪;例如,在一段 5 分鐘錄音的 1:05 處記下標記「這裡最好笑」,其他用戶就可以選擇只聽這個特定部分.

新創公司 Lytro 革命性 focus-free 相機發表

- Jeshuang - TechOrange
還記得在今年 6 月時,TO 就以<新創公司 Lytro 要推相機新革命:先拍照,後對焦>一文介紹了 Lytro 革命性 focus-free 相機這項創新產品的概念. 就在幾個月後的今天,Lytro 正式發表了他們的作品- focus-free 相機;這台相機利用光場感應技術,能蒐集來自各個角度的光的顏色與強度,之後你可以在上傳電腦後,再以點擊照片的方式,便可任意改變照片的對焦點,再也不會出現失焦的問題了.

下一個 YouTube ?來 SoundCloud 分享你的聲音吧!

- Jeshuang - TechOrange
現在 SoundCloud 的用戶約有 750 萬人,但是其中 500 萬人是近 12 個月註冊的;可見近來有愈來愈多的人喜歡做聲音分享這件事. 但 SoundCloud 到底賦予了分享聲音這件事什麼樣的元素,才讓人們喜歡這項服務呢. 讓聲音具有可視性和時間點註解功能,應該可說是最重要的元素;現在 SoundCloud 上的每個錄音都有一個視覺化的時間軸,使用者可以在時間軸上的任何地方留下評論,讓其他用戶知道這段聲音最值得聆聽的部份是哪;例如,在一段 5 分鐘錄音的 1:05 處記下標記「這裡最好笑」,其他用戶就可以選擇只聽這個特定部分.

為什麼大部份的電腦聲音是女聲?

- Cary - TechOrange
你有想過,為何大部份的電腦聲音都是預設女聲呢. 從 GPS 到 Siri,甚至是其他語音控制系統如 Microsoft 的 Tellme 與 Android 的 Iris,都是女聲為主. 我們可以從生物學、心理學,甚至是歷史與文化的角度去看. 首先,以生物學來說,史丹佛心理學教授 Clifford Nass 表示,這可能跟子宮有關.

網路世界新語言-Dart

- chris - TechOrange
網際網路世界龍頭的 Google 多年來致力於開發網路產品和服務,近日又大動作的在丹麥的 Goto 研討會上,預先介紹了一個可能顛覆網頁程式設計語言的程式語言 Dart. Dart 就像是一般的物件導向語言一樣,有著類別、函式庫等開發工具,主要是應用在結構化的網站設計上. 而其延續其它語言的特性,讓程式設計師移植語言的陣痛期短暫,使用時甚至會驚訝 Dart 程式碼竟然可以如此精簡.