沒(méi)有什么比導(dǎo)航和滾動(dòng)條的使用問(wèn)題更讓訪問(wèn)者焦躁的了。你必須留意單頁(yè)網(wǎng)站的排版，你需要巧妙設(shè)計(jì)你的網(wǎng)站的導(dǎo)航，讓訪問(wèn)者想要通過(guò)它了解更多信息。使用橫桿菜單或側(cè)邊欄菜單也是單頁(yè)網(wǎng)站設(shè)計(jì)的一個(gè)很好的方法。它使人們更容易跳轉(zhuǎn)到感興趣的內(nèi)容區(qū)。只需單擊一下即可，這比有時(shí)令人厭煩的鼠標(biāo)滾動(dòng)模擬方法要好很多。
 

　　自動(dòng)滾動(dòng)導(dǎo)航鏈接也很好用。訪問(wèn)者可以通過(guò)它查看頁(yè)面滾動(dòng)，而不是從一個(gè)區(qū)域跳到另一個(gè)區(qū)域。以下這些單頁(yè)網(wǎng)站以吸引人的、用戶友好的導(dǎo)航而流行。
 

　　Sergio Pedercini（http://sergiopedercini.com/）
 

　　這個(gè)設(shè)計(jì)師的網(wǎng)站使用了3種不同的自動(dòng)滾動(dòng)鏈接，美觀新穎而且可以通過(guò)點(diǎn)擊快速到達(dá)相關(guān)內(nèi)容區(qū)域。
 

 

　　Brainflop（https://www.brainflop.com/）
 

　　看的出來(lái)，該網(wǎng)站的設(shè)計(jì)者真的希望通過(guò)在頂部和左側(cè)，分別提供一個(gè)導(dǎo)航菜單來(lái)幫助訪客更快速瀏覽他們的站點(diǎn)。雖然這么設(shè)計(jì)，但是網(wǎng)站總體還算簡(jiǎn)潔、美觀。
 

 

　　2、行動(dòng)按鈕：使用正確的行動(dòng)按鈕（CTA，Call to action button），不要害怕使用它。
 

　　行動(dòng)按鈕通常指向網(wǎng)站的核心目標(biāo)，所以要善于使用它來(lái)引導(dǎo)訪客采取行動(dòng)。易于展示美觀醒目的行動(dòng)按鈕，這就是單頁(yè)網(wǎng)站的魅力所在，它通常把訪客引導(dǎo)至核心目標(biāo)。你通常會(huì)想要將行動(dòng)按鈕展示在頁(yè)面上方明顯的位置，例如，如果你正在展示一個(gè)作品集并想引導(dǎo)訪客查看更多時(shí)。當(dāng)還存在介紹公司服務(wù)或產(chǎn)品的詳請(qǐng)頁(yè)面時(shí)，你也可能同時(shí)需要幾個(gè)行動(dòng)按鈕。
 

　　The Art of Texture（https://www.theartoftexture.com/）
 

　　該網(wǎng)站設(shè)計(jì)在首頁(yè)合適的位置上放置2個(gè)明顯的行動(dòng)按鈕，引導(dǎo)訪客自由選擇他們想要查看的視頻。
 

 

　　Reneza（https://reneza.com/）
 

　　當(dāng)使用行動(dòng)按鈕時(shí)，Reneza網(wǎng)站設(shè)計(jì)師對(duì)它進(jìn)行精心的設(shè)計(jì)。按鈕采用了美觀的漸變顏色，并正確地調(diào)整了位置和字體大小。
 

 

　　結(jié)語(yǔ)
 

　　結(jié)合上文《5個(gè)提升你的單頁(yè)網(wǎng)站品質(zhì)的設(shè)計(jì)要素（一）》，已經(jīng)介紹了5個(gè)提升你的單頁(yè)網(wǎng)站品質(zhì)的設(shè)計(jì)要素，以及如何正確使用它們?，F(xiàn)在，你還需要在以后的工作中不斷練習(xí)和實(shí)踐他們，直到你完全掌握了這幾項(xiàng)技能。