互聯(lián)網(wǎng)最迷人的地方在于它會(huì)不斷進(jìn)化。每年都有新的工具和技術(shù)出現(xiàn)，以取代過(guò)時(shí)的工具和技術(shù)，并使用新的解決方案來(lái)解決各種問(wèn)題。

　　廣州網(wǎng)站設(shè)計(jì)這幾年才出現(xiàn)，直到今年才愈演愈烈。它一直站在時(shí)尚的前沿。今天就來(lái)說(shuō)說(shuō)為什么這么受歡迎。

　　什么是單頁(yè)網(wǎng)站設(shè)計(jì)？

　　定義一個(gè)網(wǎng)站是否是單頁(yè)設(shè)計(jì)非常簡(jiǎn)單。顧名思義，單頁(yè)設(shè)計(jì)就是一個(gè)網(wǎng)站只需要一個(gè)URL，輸入后只需要垂直或水平滾動(dòng)就可以瀏覽信息，不需要點(diǎn)擊。

　　選擇單頁(yè)設(shè)計(jì)的原因有很多，但有五個(gè)主要優(yōu)點(diǎn)值得設(shè)計(jì)師關(guān)注。

　　1.所有內(nèi)容都在一頁(yè)內(nèi)

　　單頁(yè)網(wǎng)站的頁(yè)面空間是有限的，所以它里面的內(nèi)容需要足夠的組織來(lái)呈現(xiàn)用戶(hù)最想看到的內(nèi)容。一頁(yè)紙的長(zhǎng)度沒(méi)有限制。即使要呈現(xiàn)的內(nèi)容很多，也不要急于堆砌圖文。合理利用留白可以帶來(lái)非常好的視覺(jué)效果。

　　需要注意在有限的頁(yè)面空間中呈現(xiàn)內(nèi)容的技巧，合理使用字體、圖像、排版、列表、信息圖表等元素值得仔細(xì)推敲。

　　當(dāng)你打算把一個(gè)傳統(tǒng)網(wǎng)站重新設(shè)計(jì)成單頁(yè)網(wǎng)站的時(shí)候，情況就變得很有意思了，因?yàn)檫@意味著你在這個(gè)傳統(tǒng)網(wǎng)站上添加了很多年的內(nèi)容，這個(gè)時(shí)候需要進(jìn)行精簡(jiǎn)整合，雜亂的信息要保持良好的秩序。這個(gè)過(guò)程就像從郊區(qū)的2層樓搬到市區(qū)的2居室。

　　重組網(wǎng)站的另一個(gè)原因是用戶(hù)喜歡簡(jiǎn)單整潔的頁(yè)面。通常，為了找到自己需要的產(chǎn)品、服務(wù)或信息，用戶(hù)需要瀏覽大量的頁(yè)面和各種文章和列表。問(wèn)題是，用戶(hù)不能仔細(xì)閱讀每一個(gè)單詞，不斷掃描文章尋找關(guān)鍵詞，最終可能會(huì)找到一個(gè)句子、一個(gè)鏈接或一張圖片。這就是單頁(yè)網(wǎng)站流行的原因：用戶(hù)不必在頁(yè)面、Tab和長(zhǎng)文之間來(lái)回切換，滾動(dòng)鼠標(biāo)滾輪到最后就可以清晰瀏覽核心內(nèi)容和關(guān)鍵信息，找到想要的信息。

　　即使你真的有很多信息，很多圖片，無(wú)數(shù)“必須”放在網(wǎng)頁(yè)上的內(nèi)容，你也有必要用心去嘗試設(shè)計(jì)一個(gè)單頁(yè)的網(wǎng)站。為什么不可以？很多時(shí)候，你至少要嘗試那些讓你感到害怕或者“看似不可行”的方案。成功了就能獲得經(jīng)驗(yàn)，失敗了就能提升技能，對(duì)嗎？

　　2.趨勢(shì)

　　無(wú)論如何，單頁(yè)設(shè)計(jì)是大勢(shì)所趨。潮流和潮流來(lái)來(lái)去去是真的，但你為什么要坐在陰影里看著它們從你眼前溜走？喜歡是放肆，愛(ài)是克制。在你愛(ài)上某個(gè)潮流之前，試一試。不要錯(cuò)過(guò)單頁(yè)設(shè)計(jì)最受歡迎的這一年。有些事情不難吧？你得到的不僅僅是一個(gè)時(shí)尚的單頁(yè)網(wǎng)站，更是一個(gè)簡(jiǎn)單愉悅的用戶(hù)體驗(yàn)。只有滾動(dòng)才能完全瀏覽的單個(gè)頁(yè)面不會(huì)讓人失望。

　　嘴唇愛(ài)好者網(wǎng)站設(shè)計(jì)

　　看看這個(gè)網(wǎng)頁(yè)設(shè)計(jì)的案例。當(dāng)時(shí)尚清新的色彩和視差滾動(dòng)在一個(gè)單頁(yè)網(wǎng)站上相遇時(shí)，感覺(jué)好奇妙。

　　3.故事

　　與用戶(hù)溝通最有效的方式之一就是講故事。比起奇怪的頁(yè)面優(yōu)化，一個(gè)清晰恰當(dāng)?shù)墓适赂孔V。如果你也喜歡用網(wǎng)站講故事，不要錯(cuò)過(guò)這個(gè)《網(wǎng)頁(yè)設(shè)計(jì)新思路！用故事來(lái)吸引用戶(hù)》，戳一下下面的圖就跳~

　　關(guān)于講故事最常見(jiàn)的誤解是，它必須以一段文字、一組圖片或一段視頻的形式存在，與設(shè)計(jì)無(wú)關(guān)。但事實(shí)并非如此。單頁(yè)網(wǎng)頁(yè)設(shè)計(jì)本身就是承載一系列內(nèi)容的優(yōu)秀載體，流動(dòng)的頁(yè)面與連貫的內(nèi)容在邏輯上是一致的。接下來(lái)，讓我們看看單頁(yè)網(wǎng)頁(yè)設(shè)計(jì)中涉及的一些網(wǎng)頁(yè)元素：

　　圖片：圖片是最重要的元素之一，可以加強(qiáng)網(wǎng)頁(yè)視覺(jué)的吸引力，促進(jìn)故事的發(fā)展，調(diào)整視覺(jué)讓用戶(hù)遠(yuǎn)離沉悶。

　　視頻：視頻是主動(dòng)輸出信息的載體，可以更清晰、更主動(dòng)地向用戶(hù)傳遞信息。視頻可以承載相當(dāng)數(shù)量的信息，不會(huì)占用太多空間。越來(lái)越多的網(wǎng)站開(kāi)始選擇使用視頻直接面對(duì)用戶(hù)。

　　音頻：音頻沒(méi)有視頻高，但無(wú)疑是一個(gè)潛力巨大的載體。當(dāng)它作為背景音樂(lè)時(shí)，可以渲染氣氛，當(dāng)它作為單獨(dú)的音頻文件播放時(shí)，也可以講故事。

　　排版：排版很重要，它決定了信息應(yīng)該如何呈現(xiàn)在網(wǎng)頁(yè)上。很多網(wǎng)站不太注重排版，至少不太注重頁(yè)面布局、文字、顏色之間的排版關(guān)系。

　　滾動(dòng)：可能你之前沒(méi)有關(guān)注過(guò)頁(yè)面滾動(dòng)，但確實(shí)是影響講故事的關(guān)鍵因素。多頁(yè)網(wǎng)站在信息呈現(xiàn)上相對(duì)碎片化，而在單頁(yè)設(shè)計(jì)下，平滑的滾動(dòng)不斷地向用戶(hù)傳遞信息，引起用戶(hù)的好奇心，一直在閱讀。這就像在讀一本引人入勝的故事書(shū)，“接下來(lái)會(huì)發(fā)生什么？”簡(jiǎn)單向下滾動(dòng)，答案在下面，就這樣！

　　紋理電影網(wǎng)站的藝術(shù)

　　這個(gè)網(wǎng)站充分利用視頻、圖片和滾動(dòng)效果來(lái)呈現(xiàn)故事。

　　4.輕松導(dǎo)航

　　導(dǎo)航是網(wǎng)頁(yè)瀏覽的基石。導(dǎo)航欄是商業(yè)項(xiàng)目網(wǎng)站和作品集展示頁(yè)面最重要的組成部分。復(fù)雜的導(dǎo)航條不僅需要花費(fèi)大量的時(shí)間進(jìn)行設(shè)計(jì)，還會(huì)讓用戶(hù)敬而遠(yuǎn)之。這就是為什么單頁(yè)設(shè)計(jì)會(huì)逐漸流行，甚至占據(jù)主流。一頁(yè)網(wǎng)站讓信息更加扁平化，最大程度降低獲取信息的難度。當(dāng)鼠標(biāo)滾動(dòng)時(shí)，所有的信息都會(huì)顯示給用戶(hù)。還有什么比這更簡(jiǎn)單的？

　　如果你是一個(gè)有創(chuàng)意的設(shè)計(jì)師，你也許可以很容易的控制水平單頁(yè)網(wǎng)站設(shè)計(jì)，甚至其他非標(biāo)準(zhǔn)的滾動(dòng)瀏覽方式，比如頁(yè)面滾動(dòng)方向，一會(huì)兒向左一會(huì)兒向下。

　　個(gè)人電腦博客網(wǎng)站

　　這個(gè)網(wǎng)站設(shè)計(jì)得賞心悅目。用戶(hù)可以直接滾動(dòng)或點(diǎn)擊來(lái)控制瀏覽節(jié)奏。內(nèi)容放在一個(gè)頁(yè)面上，但是分組呈現(xiàn)的方式減少了連續(xù)瀏覽帶來(lái)的疲勞。

　　5.適應(yīng)移動(dòng)設(shè)備

　　從某種程度上來(lái)說(shuō)，適應(yīng)移動(dòng)設(shè)備非常接近講故事的核心，導(dǎo)航是重點(diǎn)。

　　相比于響應(yīng)式設(shè)計(jì)的優(yōu)勢(shì)，你已經(jīng)可以聽(tīng)到耳朵里的繭了。我想說(shuō)的是，一頁(yè)網(wǎng)站的設(shè)計(jì)書(shū)，是響應(yīng)式設(shè)計(jì)概念的一部分。導(dǎo)航欄設(shè)計(jì)，比如鼠標(biāo)懸停下拉框，在常見(jiàn)網(wǎng)站中很常見(jiàn)，但是在響應(yīng)設(shè)計(jì)中不方便在移動(dòng)終端中正常使用，在移動(dòng)終端網(wǎng)頁(yè)中也不適合丟棄。因此，為了保持多屏幕多設(shè)備上的體驗(yàn)一致，單頁(yè)面設(shè)計(jì)的很多思路都比傳統(tǒng)網(wǎng)站有優(yōu)勢(shì)，那些簡(jiǎn)單直觀的導(dǎo)航更容易遷移到移動(dòng)頁(yè)面，使得體驗(yàn)一致，讓用戶(hù)愉悅。

　　多頁(yè)網(wǎng)站應(yīng)該重新設(shè)計(jì)成單頁(yè)網(wǎng)站嗎？

　　如果你已經(jīng)有了現(xiàn)成的網(wǎng)站，這是典型的多頁(yè)網(wǎng)站，你需要重新設(shè)計(jì)。有幾種選擇，一種是保留現(xiàn)有的結(jié)構(gòu)和框架，對(duì)網(wǎng)站的設(shè)計(jì)風(fēng)格和細(xì)節(jié)大做文章，另一種是拋棄現(xiàn)有的結(jié)構(gòu)和內(nèi)容，重新設(shè)計(jì)成單頁(yè)網(wǎng)站。這兩個(gè)選項(xiàng)之間如何選擇，主要取決于網(wǎng)站本身的結(jié)構(gòu)、內(nèi)容和發(fā)展方向。如果網(wǎng)站的結(jié)構(gòu)和內(nèi)容沒(méi)有你想象的那么重要，那么是時(shí)候讓你考慮是否跟隨設(shè)計(jì)潮流，設(shè)計(jì)自己的單頁(yè)網(wǎng)站了。