隨著扁平化、簡(jiǎn)單內(nèi)容事物的增多。單頁(yè)網(wǎng)站的受歡迎程度呈直線上升。這種頁(yè)面設(shè)計(jì)方法并不適用于每個(gè)項(xiàng)目，但有時(shí)它是合適的，是有意義的。例如，當(dāng)沒(méi)有很多內(nèi)容，而且你知道的內(nèi)容在未來(lái)不會(huì)增長(zhǎng)很多，那么制作成單頁(yè)網(wǎng)站的形式是很好的選擇。下面魚(yú)爪網(wǎng)就給大家說(shuō)說(shuō)單頁(yè)網(wǎng)站設(shè)計(jì)的五個(gè)技巧。

1、將內(nèi)容分割成塊

當(dāng)你打算通過(guò)一個(gè)單頁(yè)來(lái)講述一個(gè)故事的時(shí)候，千萬(wàn)要注意一點(diǎn)：不要讓故事太拖沓，不要讓信息過(guò)載。所以，合理切割內(nèi)容很重要，不要讓過(guò)多內(nèi)容擠壓在一個(gè)區(qū)塊。從頭到尾都需要盡量保持媒體內(nèi)容的清晰利落，在設(shè)計(jì)內(nèi)容結(jié)構(gòu)的時(shí)候，需要保持邏輯通順和順序清晰，

另外一種保持用戶吸引力的方法，就是使用圖文搭配的方式來(lái)講故事。故事會(huì)將核心內(nèi)容以更易于接受的方式表達(dá)出來(lái)，它的自然邏輯會(huì)吸引用戶讀下去，嚴(yán)格來(lái)說(shuō)，它在內(nèi)容營(yíng)銷的范疇以內(nèi)。這并不是意味著你需要聘請(qǐng)一個(gè)寫(xiě)手來(lái)幫你來(lái)寫(xiě)故事，你需要做的是專注內(nèi)容和它感性的一面，并嘗試讓你的網(wǎng)頁(yè)更加人性化。

2、設(shè)計(jì)快速訪問(wèn)導(dǎo)航欄

單頁(yè)網(wǎng)站通常是用滾動(dòng)的方式來(lái)瀏覽更多內(nèi)容的，很多網(wǎng)站干脆是從頭滾到尾。用戶打開(kāi)網(wǎng)頁(yè)，仿佛潛入內(nèi)容的海洋，壓根不知道網(wǎng)頁(yè)的盡頭在哪里，這種設(shè)計(jì)的潛在危險(xiǎn)在于，它可能會(huì)降低用戶心理上的安全感。于是，一種比較合理的解決方案就出現(xiàn)了：將傳統(tǒng)的導(dǎo)航欄設(shè)計(jì)融入單頁(yè)設(shè)計(jì)。導(dǎo)航欄在網(wǎng)頁(yè)的頂部或者兩側(cè)常駐停留，隨著滾動(dòng)而改變，同時(shí)提醒用戶TA在什么位置，同時(shí)確保了易用性和內(nèi)心的潛在訴求。

當(dāng)網(wǎng)頁(yè)足夠長(zhǎng)的時(shí)候，加上導(dǎo)航、回到頂部按鈕甚至滾動(dòng)條都可以強(qiáng)化用戶體驗(yàn)。

3、號(hào)召用戶行動(dòng)

當(dāng)你問(wèn)數(shù)字媒體營(yíng)銷者影響轉(zhuǎn)化率重要的因素是什么的時(shí)候，答案通常是“號(hào)召行動(dòng)起來(lái)”(CTA)。當(dāng)然，這種精心策劃的CTA行為僅僅只是網(wǎng)站設(shè)計(jì)的一部分。為了特定的目標(biāo)，號(hào)召用戶行動(dòng)的CTA行為其實(shí)無(wú)處不在，吸引用戶下載APP，引導(dǎo)用戶體驗(yàn)DEMO，勾引用戶注冊(cè)、填寫(xiě)表格，等等。這是一個(gè)酒香也怕巷子深的時(shí)代，會(huì)哭的孩子有奶吃，會(huì)吆喝才能吸引更多用戶。

4、保持簡(jiǎn)約，避免枯燥

傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)中，很重要一個(gè)組成部分是設(shè)計(jì)網(wǎng)站主題，并且為內(nèi)頁(yè)準(zhǔn)備若干模板，應(yīng)對(duì)不同的需求。設(shè)計(jì)單頁(yè)網(wǎng)站的時(shí)候，你需要面臨更多的挑戰(zhàn)，但是這也意味著 你有著更大的創(chuàng)作空間。隨著近年來(lái)CSS3，HTML5和JavaScript的快速發(fā)展，單頁(yè)設(shè)計(jì)可以在保持簡(jiǎn)約的同時(shí)，還能引人入勝。那些靈動(dòng)而漂亮 的的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)效果都是細(xì)節(jié)，但是哪個(gè)體驗(yàn)優(yōu)異的網(wǎng)站不是這些精致的細(xì)節(jié)組成的呢?

5、保持輕量級(jí)

一個(gè)緩慢而加載時(shí)間漫長(zhǎng)的單頁(yè)網(wǎng)站是失敗的。由于單頁(yè)網(wǎng)站上的內(nèi)容都集中在一個(gè)頁(yè)面上，所以通常單頁(yè)網(wǎng)站會(huì)比其他的網(wǎng)站來(lái)的更重，更講究?jī)?nèi)容加載的技巧。如此一來(lái)，你又需要精打細(xì)算了。一些不必要的動(dòng)畫(huà)效果和無(wú)關(guān)緊要的設(shè)計(jì)元素，你需要酌情移除，這樣可以顯著縮減加載時(shí)間，提高瀏覽體驗(yàn)。節(jié)省用戶的網(wǎng)頁(yè)加載時(shí)間是你的首要任務(wù)，加載慢不僅會(huì)影響網(wǎng)站的搜索引擎優(yōu)化，還會(huì)讓你持續(xù)流失目標(biāo)用戶。所以，保持用戶輕量級(jí)是很有必要的。

總之，假如你的網(wǎng)站只有少數(shù)頁(yè)面，單頁(yè)網(wǎng)站或許是好的選擇。將一切濃縮在一個(gè)頁(yè)面上，能讓網(wǎng)站整體具有更現(xiàn)代的外觀，如果內(nèi)容精簡(jiǎn)，那么單頁(yè)網(wǎng)站設(shè)計(jì)可以讓它看起來(lái)更豐富。對(duì)各種網(wǎng)站來(lái)說(shuō)，單頁(yè)設(shè)計(jì)都是非常棒的選擇。盡管它們不是小型網(wǎng)站的設(shè)計(jì)方案，對(duì)很多項(xiàng)目而言它都是值得考慮的。思考使用單頁(yè)設(shè)計(jì)的理由，然后也思考不用的理由，再做決定。