前段時間在思考為什么單屏網(wǎng)站（Single-Page website）在國外這么流行，而在國內(nèi)卻沒怎么見。偶然看到這篇文章，非常激動！分析單網(wǎng)頁網(wǎng)站和多網(wǎng)頁網(wǎng)站（Multi-Pages website）之間的差異，間接也說明為什么在國外流行而早期國內(nèi)卻火不起來的原因，并不僅僅是因為東西方的審美差異而已…文末舉了一些單網(wǎng)頁網(wǎng)站的優(yōu)秀例子(建議墻外看)，可以先體驗看看以對這個流行趨勢有一個大致的了解。
單屏網(wǎng)頁設計逐漸占滿了互聯(lián)網(wǎng)的屏幕。近段時間成為越來越突出的流行趨勢。單屏網(wǎng)頁設計在商業(yè)和社交的領域急速發(fā)展起來，一般做在線的檔案資料展示，專門為商業(yè)和服務商做廣告。那么這樣一個快速流行起來的趨勢有什么秘密呢？
這種新的網(wǎng)頁形式，可以使網(wǎng)站方去調(diào)研他們的用戶，盡力去找到他們的偏好和提升他們的用戶體驗。建一個網(wǎng)站，你應該要意識一個道理，網(wǎng)站不是僅僅為你而存在！你的觀點的荷香固然重要，因為你是網(wǎng)站的老板啊！但是如果你的網(wǎng)站不是用戶驅(qū)動的話，那你還想利用網(wǎng)站做達到商業(yè)目的話，還是省省吧。你聽過“客戶永遠是上帝”這句話嗎？它依然是真理。
用戶體驗
一個網(wǎng)站的可操作空間是另外一個關鍵的因素，影響著用戶體驗的。沒有人會等待太久。如果是因為多了那么幾秒鐘的時間而失去了一位進來網(wǎng)站瀏覽的用戶，那太可惜了。但是從網(wǎng)站的角度來說，這短短的瞬間就真的很重要了。這就是為什么單屏網(wǎng)頁跟多屏網(wǎng)頁也比更有優(yōu)勢的地方。
單屏網(wǎng)站加載速度更快一點，以及對比傳統(tǒng)的樣式，有更加簡介的架構和布局。簡潔對一個單屏網(wǎng)站來說很重要，意味著很多。更深的想一想，一個單屏的網(wǎng)站，你應該著重去思考怎樣去限制網(wǎng)扎你的篇幅和內(nèi)容的組織。
但是從另一方面來講，單屏網(wǎng)站毫無疑問是不適合一個大企業(yè)的。通常來說，一些大企業(yè)會需要多頁面的網(wǎng)站去容納大數(shù)據(jù)量。
是的，多頁面的網(wǎng)站加載速度會慢一點，而且維護也需要花費很多成本，但是這不代表說你要冒險去犧牲你早已經(jīng)有了的并且成功上限運營著的網(wǎng)站，僅僅去為了適應這個流程的趨勢呀！在你下決定要去重構網(wǎng)站之前，慎重得思考多一次。這是一個非常艱巨的任務。
假如你已經(jīng)對單屏網(wǎng)站不能滿足你的需求這個事實感到困擾，或者反過來，你已經(jīng)準備了要去做一個單屏的網(wǎng)站去實現(xiàn)你的商業(yè)計劃的時候，千萬不要輕率的做出決定。因為還有很多關鍵的評估條件可能讓你改變主意。
可用性
首先，第一個最高級別的評估因素就是網(wǎng)站的可用性。對一個網(wǎng)站主來說，把所有需要的東西都展示在一個頁面上是一個好方法，而網(wǎng)站用戶對比在多頁面的網(wǎng)站上，在單屏的網(wǎng)站，他們會也會理所當然更加愿意去去觀看視頻，聽音頻，瀏覽圖片。用戶不用在多個頁面之間輾轉(zhuǎn)，去找到他們需要的內(nèi)容。
點擊單網(wǎng)頁的菜單按鈕，網(wǎng)頁會自動得滑到下面一頁去，這是單屏網(wǎng)站另一個好的地方。那這樣，點擊次數(shù)也會減少到最低。
所以最好的是采取滾動啦！多虧了時差滾動效應（parallax effect），使得單屏網(wǎng)站有更加驚艷的展示形式。視差滾動效應不僅僅是體現(xiàn)在網(wǎng)站的瀏覽方式上。結合圖畫般的設計，合適的圖片，音頻和視頻的音效和視覺差，是歷來使用的方式，可以是用戶沉浸而且吸引他們從一個主題到下一個去。
這種驚艷的效果，可以作為一個故事陳述的方式，變成一個網(wǎng)站的普遍的瀏覽方式去讓用戶體驗一個大氣的和充滿活力的探險旅程。不管那些具有明顯視覺差的網(wǎng)站的目的是什么，都是很值得，從一開始滾動到頁面底部的。
但是要注意，不太建議僅僅為了好看的視差效果去建一個單屏的網(wǎng)站。你沒有必要去把你的典型業(yè)務超負載地擺上線。視差效果會對單屏網(wǎng)站起很大的影響作用。所以這就是兩難困境了，是否真的有必要利用視差效果去把一個網(wǎng)站做到驚艷有趣呢，還是說可以把這種效果忽略掉，為了展示在移動端的頁面上。
另一個好的理由去選擇單屏網(wǎng)站，是因為移動端的友好體驗（mobile friendliness）。我想，每個跟網(wǎng)站設計和網(wǎng)站構建有關的人，都會考慮到響應設計的全部維度。
這個單屏流行的趨勢把移動端的位置擺在跟PC端一樣重要，甚至比PC更重要。改變了網(wǎng)站設計師和網(wǎng)站開發(fā)工程師開始往不同的方向去思考?？萍甲兓?。誰知道，或許，在一些年后，我們有可能會見證到桌面時代的終結呢？
毫無疑問的是，在智能手機和平板上瀏覽網(wǎng)站比在舊PC時代會更加方便和實際。對大量的單屏網(wǎng)站的潛在用戶來說，響應性滿足了這些用戶的多樣性需求。用戶會更加享受在移動端瀏覽你的網(wǎng)站。
當然，多網(wǎng)頁網(wǎng)站也可以是響應性的。那么這兩者之間有什么差別呢？這又關乎成本的問題了。越簡單地實際，那么這就會是一個越能適應移動屏幕的解決方案。其中一個可以跟你打賭肯定的是，單網(wǎng)頁網(wǎng)站在移動端展示網(wǎng)站功能 的時候，加載頭部時會比多網(wǎng)頁網(wǎng)站更加快。
你的決定是什么
用戶永遠都會比較喜歡舒服的導航和簡約的設計。同時建一個多網(wǎng)頁的網(wǎng)站和一個單網(wǎng)頁的網(wǎng)站，或許可以實現(xiàn)。不過，從一個多網(wǎng)頁網(wǎng)站重新設計出一個單網(wǎng)頁的版本，是非常值得的，或者甚至是直接建一個單網(wǎng)頁的草稿型版本。這是一個見仁見智的問題，涉及到你的需求和品位的問題。通過那么多分析，你已經(jīng)知道了單網(wǎng)頁設計的眾多優(yōu)點和缺陷，現(xiàn)在就看你怎么實施你的決定了。
需要更多靈感來做決定嗎？當你在做決定的適合，可以去看看一些優(yōu)秀的單網(wǎng)頁網(wǎng)站的例子。這些極具靈感性的網(wǎng)站，應該能夠給你帶來在這個全新的和炫酷的網(wǎng)站設計流行趨勢中，找到你自己的定位。
1、http://www.motocms.com/website-templates/demo/54623.html
2、http://www.nuabikes.com
3、https://historyoficons.com
4、http://www.nouvelleoctavia.fr
5、http://theartoftexture.com
6、http://ltbrdg.com
7、http://thecookapp.com
8、http://satchmi.com/vinylday/
9、http://www.motocms.com/website-templates/demo/54891.html
10、http://calculit.piratesdeaudouce.com
11、http://forbetter.coffee
12、http://aquatilis.tv
