你一定也會(huì)被密密麻麻的新窗口弄的煩躁不已吧！當(dāng)你想找之前的瀏覽過的某一個(gè)頁面卻又不知所措的時(shí)候，你是不是會(huì)期望所有的網(wǎng)站頁面都能井然有序的排列著，或者說一個(gè)網(wǎng)站只需要打開一個(gè)窗口，所有的內(nèi)容都能在單頁上實(shí)現(xiàn)。
 
單頁網(wǎng)頁設(shè)計(jì)，是一種布局和結(jié)構(gòu)都很簡(jiǎn)單的頁面。如今創(chuàng)意十足的網(wǎng)站越來越多，用戶對(duì)此漸漸審美疲勞，而單頁網(wǎng)頁設(shè)計(jì)正讓我們的視覺體驗(yàn)在現(xiàn)代感中慢慢返璞歸真。單頁設(shè)計(jì)雖然不是什么新鮮事，但隨著趨勢(shì)變化，單頁網(wǎng)頁設(shè)計(jì)似乎越來越被我們所需要，這也意味著我們的瀏覽體驗(yàn)將更有效率和條理。
 
開優(yōu)網(wǎng)絡(luò)為大家羅列了一些單頁網(wǎng)站的設(shè)計(jì)案例，希望能從中有所收獲。
 
1.這個(gè)網(wǎng)站以天空星座為主題，再用色彩營造出一種神秘的氣氛，但其特點(diǎn)并不在此，而是在網(wǎng)站的導(dǎo)航設(shè)計(jì)中。大多數(shù)單頁網(wǎng)頁的導(dǎo)航會(huì)設(shè)置在頂部，或是首屏的底部，很少會(huì)放在側(cè)邊。由于單頁式的網(wǎng)頁設(shè)計(jì)想要體現(xiàn)的就是大氣整潔，所以肯定會(huì)選用寬屏，而側(cè)邊導(dǎo)航又會(huì)減少頁面的視覺寬度，因此側(cè)邊導(dǎo)航很少會(huì)在單頁網(wǎng)頁中出現(xiàn)。用戶點(diǎn)擊導(dǎo)航后，頁面就會(huì)隨之變化，簡(jiǎn)潔明了。
 

 
2.這是一個(gè)小學(xué)的介紹網(wǎng)站，顯示的案例是網(wǎng)站的整個(gè)頁面。網(wǎng)站整體簡(jiǎn)短可愛，手繪的設(shè)計(jì)風(fēng)格和鮮亮的黃色更是充滿了童趣。為了不讓頁面顯得過于臃腫，設(shè)計(jì)師把導(dǎo)航拆分為上導(dǎo)航和側(cè)邊導(dǎo)航，在這樣的情境中倒也不顯得拖沓，反而讓頁面變得比較飽滿，在視覺上也很舒適，沒有空洞感。
 

 
3.Sphere無論從內(nèi)容上、設(shè)計(jì)上還是效果上都屬于的非常簡(jiǎn)潔的網(wǎng)站。單頁網(wǎng)頁這樣的設(shè)計(jì)形式相比較于其他的設(shè)計(jì)形式本來就偏單調(diào)，所以，通常情況下會(huì)使用一些前端效果來表現(xiàn)他的與眾不同。但這個(gè)網(wǎng)站卻完全沒有，只用了一張超大的高清圖片作為背景，讓用戶能專注于網(wǎng)站內(nèi)容之中。
 

 
4.單頁網(wǎng)頁設(shè)計(jì)在國內(nèi)還比較少的被利用和接受，只是顯示了一種趨勢(shì)，而在國外市場(chǎng)中卻并不少見，或者說介紹性質(zhì)的網(wǎng)站都會(huì)使用單頁網(wǎng)頁的設(shè)計(jì)手法。但這種常見僅限于官網(wǎng)性質(zhì)的網(wǎng)站設(shè)計(jì)中，單頁式的電商網(wǎng)站卻還是顯得格外出跳，下面的案例就是其中之一。
 

 
5.這個(gè)單頁網(wǎng)站一共由六個(gè)頁面組成，每個(gè)頁面都有不同的主色和人物，每換一個(gè)頁面都讓用戶換一種不同的心情。
 

 
6.這是一個(gè)會(huì)令瀏覽者有無限遐想的網(wǎng)站，無論背景還是整體的瀏覽體驗(yàn)，網(wǎng)站中的每個(gè)細(xì)節(jié)都充滿了文藝的氣息。
 

 
7.又是一個(gè)童真有趣的網(wǎng)站，該網(wǎng)站從全局來看各方面都顯得很和諧融洽，雖然在色彩上很鮮亮，但完全沒有一種浮躁感。單頁網(wǎng)頁設(shè)計(jì)的一大好處就是讓用戶在瀏覽的時(shí)候更有連貫性，能對(duì)網(wǎng)站的各個(gè)元素即使作出反饋和理解。
 

 
8.這是一個(gè)節(jié)日網(wǎng)站，各種細(xì)節(jié)設(shè)計(jì)都讓人愛不釋手，比如小巧可愛的“scroll”按鈕，以及人物之間的切換，網(wǎng)站抓喲表現(xiàn)出一種比較滑稽的風(fēng)格。
 

 
9.這是一個(gè)展示型官方網(wǎng)站，使用了《2014年全球網(wǎng)站設(shè)計(jì)的15個(gè)趨勢(shì)》中提到的“超長網(wǎng)頁設(shè)計(jì)”手法。超長網(wǎng)頁設(shè)計(jì)有其獨(dú)特的地方，是用戶體驗(yàn)較好的一種設(shè)計(jì)方式。這個(gè)網(wǎng)站主要用線條來連接網(wǎng)站中元素，讓整體看起來既自由又不散漫。
 

 
10.這個(gè)網(wǎng)站采用了橫向切換頁面的方法，這在單頁式網(wǎng)頁設(shè)計(jì)中也是比較少見的。如果網(wǎng)站的主要作用是商品展示，那使用橫向的圖片切換就是個(gè)不錯(cuò)的選擇。
 

 
單頁網(wǎng)頁設(shè)計(jì)的優(yōu)點(diǎn)不僅是大氣整潔，更是提升用戶體驗(yàn)的另一種體現(xiàn)。