網(wǎng)頁(yè)美工設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)使用單頁(yè)設(shè)計(jì)還是多頁(yè)設(shè)計(jì)

編輯：時(shí)間：2018-07-13 11:18:27

　　對(duì)于許多網(wǎng)頁(yè)設(shè)計(jì)師而言，是選擇單頁(yè)面還是多頁(yè)面的設(shè)計(jì)，可能會(huì)非常的棘手。隨著移動(dòng)端和社交媒體的興起，簡(jiǎn)單快速響應(yīng)迅速的單頁(yè)網(wǎng)站，成為了目前網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)。另一方面，傳統(tǒng)的多頁(yè)設(shè)計(jì)也因其廣泛的認(rèn)知，而被廣大用戶所認(rèn)可。

　　所以，真正要在兩者之間做取舍，并不容易。單頁(yè)和多頁(yè)式的設(shè)計(jì)哪個(gè)更好，影響因素很多。網(wǎng)站的內(nèi)容如何鋪排，導(dǎo)航如何運(yùn)作，整體的策略和需求，出發(fā)點(diǎn)，都會(huì)影響到選擇的決策。不過(guò)，內(nèi)容始終是最核心的影響因素，從內(nèi)容入手，分析哪種導(dǎo)航，哪種布局更合適，是一種合理的策略。

　　當(dāng)然，具體怎么做，看下去，這篇文章會(huì)給你答案。

　　一、單頁(yè)網(wǎng)站

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

　　正如 Awwwards 所解釋的那樣，單頁(yè)式網(wǎng)站將內(nèi)容完全整合在一頁(yè)當(dāng)中，使得整個(gè)體驗(yàn)更加流暢。用戶借助單頁(yè)內(nèi)的導(dǎo)航同樣可以快速定位，滾動(dòng)瀏覽也很容易。

　　單頁(yè)網(wǎng)站在為用戶提供內(nèi)容的時(shí)候，其信息和內(nèi)容都是經(jīng)過(guò)篩選和管控的，確保更適宜閱讀和瀏覽。這也是為什么絕大多數(shù)的產(chǎn)品頁(yè)面、作品集和事件相關(guān)的頁(yè)面會(huì)采用單頁(yè)設(shè)計(jì)。在這樣的情況下使用單頁(yè)設(shè)計(jì)能夠最大程度降低信息噪音的影響，讓用戶專注于最重要的內(nèi)容。

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

　　為什么那么多人會(huì)選擇單頁(yè)設(shè)計(jì)呢?的確，單頁(yè)網(wǎng)站更容易理解，拆分出來(lái)的區(qū)塊也不算多，用戶也很容易消化。

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

　　單頁(yè)設(shè)計(jì)的另外一個(gè)優(yōu)點(diǎn)，是交互足夠簡(jiǎn)單。研究表面，單頁(yè)網(wǎng)站比多頁(yè)網(wǎng)站的轉(zhuǎn)化率要高37.5%，用戶可以更快地瀏覽，更快地獲取信息，不會(huì)因?yàn)轫?yè)面和復(fù)雜的交互而分心。

　　單頁(yè)式網(wǎng)站在移動(dòng)端上的優(yōu)勢(shì)也更加明顯。在小屏幕匹配上更加精簡(jiǎn)直觀的內(nèi)容，加上簡(jiǎn)單而自然的滾動(dòng)交互，用戶體驗(yàn)可謂是輕松而舒適。

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

　　2. 單頁(yè)網(wǎng)站設(shè)計(jì)的缺點(diǎn)

　　單頁(yè)網(wǎng)站的缺點(diǎn)和優(yōu)點(diǎn)同樣突出。單頁(yè)網(wǎng)站的缺陷主要體現(xiàn)在幾個(gè)不同的方面。

1/3 1 2 3 下一頁(yè) 尾頁(yè)

<< 上一篇：CSS樣式中zoom的含義及用法作用

>> 下一篇：2018年下半年網(wǎng)頁(yè)設(shè)計(jì)較新流行趨勢(shì)

推薦資訊