剔除審美疲勞~簡單、大氣的單頁網站設計!
這個網站以天空星座為主題,再用色彩營造出一種神秘的氣氛,但其特點并不在此,而是在網站的導航設計中。大多數單頁網頁的導航會設置在頂部,或是首屏的底部,很少會放在側邊。由于單頁式的網頁設計想要體現的就是大氣整潔,所以肯定會選用寬屏,而側邊導航又會減少頁面的視覺寬度,因此側邊導航很少會在單頁網頁中出現。用戶點擊導航后,頁面就會隨之變化,簡潔明了。

這是一個小學的介紹網站,顯示的案例是網站的整個頁面。網站整體簡短可愛,手繪的設計風格和鮮亮的黃色更是充滿了童趣。為了不讓頁面顯得過于臃腫,設計師把導航拆分為上導航和側邊導航,在這樣的情境中倒也不顯得拖沓,反而讓頁面變得比較飽滿,在視覺上也很舒適,沒有空洞感。

Sphere無論從內容上、設計上還是效果上都屬于的非常簡潔的網站。單頁網頁這樣的設計形式相比較于其他的設計形式本來就偏單調,所以,通常情況下會使用一些前端效果來表現他的與眾不同。但這個網站卻完全沒有,只用了一張超大的高清圖片作為背景,讓用戶能專注于網站內容之中。

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

這個單頁網站一共由六個頁面組成,每個頁面都有不同的主色和人物,每換一個頁面都讓用戶換一種不同的心情。

這是一個小學的介紹網站,顯示的案例是網站的整個頁面。網站整體簡短可愛,手繪的設計風格和鮮亮的黃色更是充滿了童趣。為了不讓頁面顯得過于臃腫,設計師把導航拆分為上導航和側邊導航,在這樣的情境中倒也不顯得拖沓,反而讓頁面變得比較飽滿,在視覺上也很舒適,沒有空洞感。

Sphere無論從內容上、設計上還是效果上都屬于的非常簡潔的網站。單頁網頁這樣的設計形式相比較于其他的設計形式本來就偏單調,所以,通常情況下會使用一些前端效果來表現他的與眾不同。但這個網站卻完全沒有,只用了一張超大的高清圖片作為背景,讓用戶能專注于網站內容之中。

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

這個單頁網站一共由六個頁面組成,每個頁面都有不同的主色和人物,每換一個頁面都讓用戶換一種不同的心情。
這是一個會令瀏覽者有無限遐想的網站,無論背景還是整體的瀏覽體驗,網站中的每個細節都充滿了文藝的氣息。
又是一個童真有趣的網站,該網站從全局來看各方面都顯得很和諧融洽,雖然在色彩上很鮮亮,但完全沒有一種浮躁感。單頁網頁設計的一大好處就是讓用戶在瀏覽的時候更有連貫性,能對網站的各個元素即使作出反饋和理解。
這是一個節日網站,各種細節設計都讓人愛不釋手,比如小巧可愛的“scroll”按鈕,以及人物之間的切換,網站抓喲表現出一種比較滑稽的風格。
這是一個展示型官方網站,使用了《2014年全球網站設計的15個趨勢》中提到的“超長網頁設計”手法。超長網頁設計有其獨特的地方,是用戶體驗較好的一種設計方式。這個網站主要用線條來連接網站中元素,讓整體看起來既自由又不散漫。
這個網站采用了橫向切換頁面的方法,這在單頁式網頁設計中也是比較少見的。如果網站的主要作用是商品展示,那使用橫向的圖片切換就是個不錯的選擇。
單頁網頁設計的優點不僅是大氣整潔,更是提升用戶體驗的另一種體現。