這個網(wǎng)站以天空星座為主題，再用色彩營造出一種神秘的氣氛，但其特點并不在此，而是在網(wǎng)站的導(dǎo)航設(shè)計中。大多數(shù)單頁網(wǎng)頁的導(dǎo)航會設(shè)置在頂部，或是首屏的底部，很少會放在側(cè)邊。由于單頁式的網(wǎng)頁設(shè)計想要體現(xiàn)的就是大氣整潔，所以肯定會選用寬屏，而側(cè)邊導(dǎo)航又會減少頁面的視覺寬度，因此側(cè)邊導(dǎo)航很少會在單頁網(wǎng)頁中出現(xiàn)。用戶點擊導(dǎo)航后，頁面就會隨之變化，簡潔明了。
這是一個小學(xué)的介紹網(wǎng)站，顯示的案例是網(wǎng)站的整個頁面。網(wǎng)站整體簡短可愛，手繪的設(shè)計風(fēng)格和鮮亮的黃色更是充滿了童趣。為了不讓頁面顯得過于臃腫，設(shè)計師把導(dǎo)航拆分為上導(dǎo)航和側(cè)邊導(dǎo)航，在這樣的情境中倒也不顯得拖沓，反而讓頁面變得比較飽滿，在視覺上也很舒適，沒有空洞感。
Sphere無論從內(nèi)容上、設(shè)計上還是效果上都屬于的非常簡潔的網(wǎng)站。單頁網(wǎng)頁這樣的設(shè)計形式相比較于其他的設(shè)計形式本來就偏單調(diào)，所以，通常情況下會使用一些前端效果來表現(xiàn)他的與眾不同。但這個網(wǎng)站卻完全沒有，只用了一張超大的高清圖片作為背景，讓用戶能專注于網(wǎng)站內(nèi)容之中。
單頁網(wǎng)頁設(shè)計在國內(nèi)還比較少的被利用和接受，只是顯示了一種趨勢，而在國外市場中卻并不少見，或者說介紹性質(zhì)的網(wǎng)站都會使用單頁網(wǎng)頁的設(shè)計手法。但這種常見僅限于官網(wǎng)性質(zhì)的網(wǎng)站設(shè)計中，單頁式的電商網(wǎng)站卻還是顯得格外出跳，下面的案例就是其中之一。
這個單頁網(wǎng)站一共由六個頁面組成，每個頁面都有不同的主色和人物，每換一個頁面都讓用戶換一種不同的心情。
這是一個會令瀏覽者有無限遐想的網(wǎng)站，無論背景還是整體的瀏覽體驗，網(wǎng)站中的每個細(xì)節(jié)都充滿了文藝的氣息。
又是一個童真有趣的網(wǎng)站，該網(wǎng)站從全局來看各方面都顯得很和諧融洽，雖然在色彩上很鮮亮，但完全沒有一種浮躁感。單頁網(wǎng)頁設(shè)計的一大好處就是讓用戶在瀏覽的時候更有連貫性，能對網(wǎng)站的各個元素即使作出反饋和理解。
這是一個節(jié)日網(wǎng)站，各種細(xì)節(jié)設(shè)計都讓人愛不釋手，比如小巧可愛的“scroll”按鈕，以及人物之間的切換，網(wǎng)站抓喲表現(xiàn)出一種比較滑稽的風(fēng)格。
這是一個展示型官方網(wǎng)站，使用了《2014年全球網(wǎng)站設(shè)計的15個趨勢》中提到的“超長網(wǎng)頁設(shè)計”手法。超長網(wǎng)頁設(shè)計有其獨特的地方，是用戶體驗較好的一種設(shè)計方式。這個網(wǎng)站主要用線條來連接網(wǎng)站中元素，讓整體看起來既自由又不散漫。
這個網(wǎng)站采用了橫向切換頁面的方法，這在單頁式網(wǎng)頁設(shè)計中也是比較少見的。如果網(wǎng)站的主要作用是商品展示，那使用橫向的圖片切換就是個不錯的選擇。
單頁網(wǎng)頁設(shè)計的優(yōu)點不僅是大氣整潔，更是提升用戶體驗的另一種體現(xiàn)。
關(guān)注我們
微信小程序
抖音小程序