單頁網站也并非是單純的長(cháng)頁面形式，還(hái)可以是滾動式的單頁網站，它是對網站導航，頁面布局，内容排布等各大元素的獨特設計方法，能(néng)夠讓頁面看(kàn)起來更加簡潔。

　　雖然說，用戶在浏覽網站時已經習慣了利用鼠标将網頁向下(xià)拉動的浏覽方式，但是對于滾動模式的單頁網站依然是個(gè)挑戰，畢竟這種隐形的網站導航有時候會(huì)讓用戶感到(dào)迷茫，對整個(gè)網站的體驗效果産生(shēng)一(yī)定的影響。

　　不過，滾動式的單頁網站設計得好必定是獲得用戶青睐的一(yī)類網站，它擺脫了頁面的滾動條，導航中複雜(zá)的下(xià)拉框和内容頁面，讓用戶在向下(xià)滾動頁面浏覽的過程中自(zì)然地發現網站更多(duō)的内容，另外，運用在手機(jī)網站中更加符合兼容條件(jiàn)，減少普通(tōng)網站建設的繁瑣程序，帶給用戶不一(yī)樣的體驗。奇億小(xiǎo)編分享一(yī)些滾動式單頁網站，從(cóng)這些優秀的網站中學習到(dào)此類網站的精妙之處。

　　1、以下(xià)網站在做滾動式的網站時，最先考慮到(dào)的是導航欄的處理，為(wèi)了讓頁面看(kàn)起來更加清晰，将導航欄隐藏在了網站的左上(shàng)角，另外避免用戶在頁面中迷失了方向，特地設置了向下(xià)滾動模樣的箭頭，提醒用戶向下(xià)滾動即可繼續浏覽網站内容。

　　2、相(xiàng)比起上(shàng)個(gè)網站來說，下(xià)面的單頁網站建設中并沒有明顯的提示用戶向下(xià)滾動翻頁，也沒有導航，但是采用了一(yī)個(gè)特殊的圖形，即是帶十字的菱形框，通(tōng)常在用戶的意識中，這是一(yī)個(gè)“添加”内容的示意框，相(xiàng)信在用戶看(kàn)到(dào)的時候一(yī)定會(huì)好奇，從(cóng)而進行點擊，這就(jiù)形成了導航的指引，整個(gè)頁面簡單而奢華。

　　3、這個(gè)網站的視覺沖擊是極強的，下(xià)面的小(xiǎo)箭頭提醒了用戶繼續往下(xià)閱讀(dú)，當鼠标滾動一(yī)次，頁面就(jiù)會(huì)出現一(yī)個(gè)版塊的内容，每一(yī)個(gè)類别的分配明朗，浏覽方便又(yòu)不失内容的豐富，總之小(xiǎo)編是非常喜歡該網站的設計，小(xiǎo)夥伴可以搜索進入網站感受下(xià)。

　　4、還(hái)有一(yī)類滾動式的網站設計則是通(tōng)過我們熟悉的提示翻頁進度的小(xiǎo)圓點來指引用戶浏覽，這種設計在保證整體頁面美觀大方的前提下(xià)，又(yòu)能(néng)讓用戶一(yī)目了然。

　　5、說到(dào)滾動式的網頁，許多(duō)人會(huì)自(zì)然而然地認為(wèi)是向下(xià)滾動的模式，其實不然，還(hái)有橫向滾動式的網頁設計，能(néng)帶給用戶不一(yī)樣的視覺效果。

　　滾動式的單頁網站建設可以算(suàn)得上(shàng)是一(yī)種個(gè)性化網站，充滿創意，但是，相(xiàng)對比起普通(tōng)網站的常規狀态來說，在優化或者用戶體驗上(shàng)會(huì)存在著(zhe)不足之處，因此，把這種單頁網站真正建設好，下(xià)一(yī)些苦功夫是必須的。

    原文标題：滾動式的單頁網站建設賞析

    原文地址：http://www.studstu.com