對于眾多網(wǎng)站設(shè)計(jì)師而言，是選取單頁面還是多頁面的設(shè)計(jì)，可能會極其的棘手。隨著手機(jī)端和社交媒體的興起，簡易火速響應(yīng)迅速的單頁網(wǎng)站，成為了目前網(wǎng)站設(shè)計(jì)的趨向。另一方面，傳統(tǒng)的多頁設(shè)計(jì)也因其廣泛的認(rèn)知，而被廣大客戶所認(rèn)同。

所以，真確要在二者之間做取舍，并不容易。單頁和多頁式的設(shè)計(jì)哪個更好，影響原因許多。網(wǎng)站的內(nèi)容怎樣鋪排，導(dǎo)航怎樣運(yùn)營，整體的戰(zhàn)略和需求，開始點(diǎn)，都會影響到選取的決策。不過，內(nèi)容始終是最中心的影響原因，從內(nèi)容著手，解析哪種導(dǎo)航，哪種部署更適合，是一種合理的戰(zhàn)略。

當(dāng)然，詳盡怎樣做，看下去，這篇文章會給你結(jié)論。

一、單頁網(wǎng)站

單頁網(wǎng)站，顧名思義，指的是網(wǎng)站本身并沒有采用多頁式的部署，而是將內(nèi)容都放置在單個頁面上，諸如我們常見的「關(guān)于」「聯(lián)絡(luò)我們」等分頁都是不存在獨(dú)立分頁的。

正如 Awwwards 所解釋的那樣，單頁式網(wǎng)站將內(nèi)容完全統(tǒng)籌在一頁當(dāng)中，使得整個體驗(yàn)更加流暢?？蛻衾脝雾搩?nèi)的導(dǎo)航同樣能夠火速定調(diào)，滾動瀏覽也很容易。

單頁網(wǎng)站在為客戶提供內(nèi)容的時候，其信息和內(nèi)容都是經(jīng)過挑選和管控的，確保更符合閱讀和瀏覽。這也是為何絕大多數(shù)的產(chǎn)品頁面、作品集和事件關(guān)聯(lián)的頁面會采用單頁設(shè)計(jì)。在這樣的情形下操作單頁設(shè)計(jì)可以最大程度降低信息噪音的影響，讓客戶專注于最關(guān)鍵的內(nèi)容。

1. 單頁網(wǎng)頁設(shè)計(jì)的優(yōu)勢

為何那么多人會選取單頁設(shè)計(jì)呢？的確，單頁網(wǎng)站更容易了解，拆分出來的區(qū)塊也不算多，客戶也很容易消化。

單頁設(shè)計(jì)更容易直觀地體現(xiàn)整個客戶歷程。不需要額外的頁面加持，訪客能夠直觀而清晰地感知到整個信息流，如果體現(xiàn)故事的話，起承轉(zhuǎn)合是極其的順暢的體現(xiàn)。

單頁設(shè)計(jì)的另外一個優(yōu)勢，是交互足夠簡易。研討表面，單頁網(wǎng)站比多頁網(wǎng)站的轉(zhuǎn)換率要高37.5%，客戶能夠更快地瀏覽，更快地獲得信息，不會由于頁面和復(fù)雜的交互而分心。

單頁式網(wǎng)站在手機(jī)端上的優(yōu)點(diǎn)也更加明顯。在小屏幕匹配上更加精簡直觀的內(nèi)容，加上簡易而自然的滾動交互，客戶體驗(yàn)可謂是輕易而舒適。

但是，這還不是全部。設(shè)計(jì)師從中同樣獲取不少益處：再也不用提升來回跳轉(zhuǎn)的鏈接和頁面了，工作量沒那么大，頁面功能也更容易實(shí)現(xiàn)，也便于迭代和維護(hù)。

2. 單頁網(wǎng)頁設(shè)計(jì)的劣勢

單頁網(wǎng)站的劣勢和優(yōu)勢同樣突出。單頁網(wǎng)站的缺陷緊要呈現(xiàn)在幾個不同的方面。

單頁網(wǎng)站在 SEO 上的優(yōu)點(diǎn)并不大。事實(shí)上，在網(wǎng)站排名這個事宜上，單頁網(wǎng)站先天就競爭力瑕疵，這也造成借由搜索引擎進(jìn)入網(wǎng)站的打開率相對較低。因?yàn)閮?nèi)容較少，目標(biāo)關(guān)鍵詞在單頁網(wǎng)站上常常會被忽視掉。

另外，單頁網(wǎng)站也不是發(fā)展型品牌在設(shè)計(jì)網(wǎng)站時候的首選，由于它的擴(kuò)展性是對照有限的。正如同我們所看到的那樣，單頁網(wǎng)站的關(guān)注度相對較低，不合適大量內(nèi)容的、信息構(gòu)架復(fù)雜的網(wǎng)站來操作。因此，如果你正在運(yùn)作一個不大的網(wǎng)站，但是有方案實(shí)行多方面拓展的話，盡量選取多頁網(wǎng)頁設(shè)計(jì)。

最后，網(wǎng)站本身通常只會有一個 URL地址。這本身并不存在問題，可是當(dāng)你需要利用諸如 Google Analytics 來解析網(wǎng)站數(shù)據(jù)的時候，內(nèi)容并不是通過鏈接來區(qū)分的，這使得你所獲取解析數(shù)據(jù)是極其有限的。

二、多頁網(wǎng)站

多頁網(wǎng)站包括有多個子頁面。與單頁網(wǎng)站不同，多頁網(wǎng)站的設(shè)計(jì)中需要利用導(dǎo)航來承載不同頁面的鏈接。

多頁網(wǎng)站幾乎可以承載所有類別的網(wǎng)站項(xiàng)目，諸如 Amazon 這樣的電商網(wǎng)站，諸如 Atlassian 這樣的儀表盤式的網(wǎng)站，也能夠滿足 Lynda 這樣的在線進(jìn)修網(wǎng)站的需求。

1. 多頁網(wǎng)頁設(shè)計(jì)的優(yōu)勢

和單頁網(wǎng)站相比，多頁面的網(wǎng)站的優(yōu)勢緊要呈現(xiàn)在三個方面：

首先，多頁面網(wǎng)站有著明顯更強(qiáng)的拓展性。按照需求創(chuàng)立幾乎任意數(shù)量的子頁面，設(shè)計(jì)師可以通過統(tǒng)籌來創(chuàng)作出可用的導(dǎo)航系統(tǒng)。諸如電商網(wǎng)站，會采用一個大型的自定義導(dǎo)航菜單，搭配上搜索框，客戶能夠借此抵達(dá)幾乎每一個頁面和產(chǎn)品。當(dāng)然，值得留意的是，導(dǎo)航的設(shè)計(jì)應(yīng)當(dāng)取決于網(wǎng)站的縱深，這個需要設(shè)計(jì)師仔細(xì)衡量和把控。

其次，多頁面網(wǎng)站的導(dǎo)航環(huán)節(jié)，更容易遵循。多頁面的網(wǎng)頁設(shè)計(jì)早在90年代就已經(jīng)產(chǎn)生了，客戶對于這類網(wǎng)站的操作方式早已熟悉，它們的操作已經(jīng)成為一種約定俗成的形式，遵循即可。

最后，多頁面的站點(diǎn)在 SEO 上有著更多的功能和突出的優(yōu)點(diǎn)。我們都能確立，多頁面的網(wǎng)站比單頁網(wǎng)站更容易承載更多的內(nèi)容，在搜索引擎優(yōu)化上也有更多的潛能可供挖掘，能夠承載更加多樣的營銷戰(zhàn)略。

2. 多頁網(wǎng)頁設(shè)計(jì)的缺陷

事物一直具備兩面性的。多頁網(wǎng)站的劣勢也是不能規(guī)避的問題。

多頁面網(wǎng)站需要更加頻繁、工作量更大的維護(hù)，這無論是對于設(shè)計(jì)團(tuán)隊(duì)、開發(fā)團(tuán)隊(duì)還是內(nèi)容團(tuán)隊(duì)而言，都是頗為繁重的工作。在選取單頁面還是多頁面的網(wǎng)站的時候，需要思考內(nèi)容的體量和工作量，作出合理的衡量。正如同 Undsgn 所說：「更新和維護(hù)單個頁面比處理多個頁面要容易得多，基礎(chǔ)的數(shù)學(xué)規(guī)律你是違反不了的！」尤其緊要的是，追求數(shù)量而輕視質(zhì)量對于公司而言是極為不利的。

另外一個需要留意的問題就是網(wǎng)的跳出率。按照《Search Engine Journal》的統(tǒng)計(jì)，擁有大量內(nèi)容的網(wǎng)站相對而言加載速度會更慢，客戶留意力更容易被分散，這會造成網(wǎng)站的跳出率提高。固然并非每個多頁面網(wǎng)站都會被內(nèi)容所拖累，但是內(nèi)容和信息量的提升是必然會帶來留意力的分散，這個是需要留意的。

最后，多頁面網(wǎng)頁設(shè)計(jì)在手機(jī)端上，也沒有單頁設(shè)計(jì)那么友好。和單頁不同，多頁面網(wǎng)站即使是通過響應(yīng)式設(shè)計(jì)在手機(jī)端上體現(xiàn)，在交互和界面上所耗費(fèi)的時間也是更長的，所達(dá)到的效益卻不務(wù)必理想。你會為了手機(jī)端上的統(tǒng)一性，而犧牲桌面端上的有些設(shè)計(jì)么？

三、最好修復(fù)計(jì)劃

其實(shí)今天的文章，我們的目標(biāo)是通過介紹單頁設(shè)計(jì)和多頁面設(shè)計(jì)之間的差別，讓你可以在設(shè)計(jì)上作出更好的決策。簡易總括一下：當(dāng)你的網(wǎng)站功能對照集中，關(guān)注度也較低的時候，單頁設(shè)計(jì)會極其有用，它也是手機(jī)端網(wǎng)頁的首選計(jì)劃。如果你需要復(fù)雜的、多功能、可拓展式的網(wǎng)站，那么還是采用傳統(tǒng)的多頁式設(shè)計(jì)，結(jié)合合理的導(dǎo)航設(shè)計(jì)，并且加入靠譜的 SEO戰(zhàn)略。

選取單頁還是多頁，許多時候需要靈活應(yīng)變，因地制宜，內(nèi)容始終是網(wǎng)站的靈魂，多思考客戶打開網(wǎng)站時候的操作場景，或許整個局面就很明朗了。