看似簡單的一頁式網站,你真的會設計嗎?

發布日期:2018-09-25
瀏覽次數:575
  
隨著移動端和社交媒體的興起,簡單直觀、響應迅速的一頁式網站受到不少設計師和用戶的青睞。不過,一頁式網站雖然看上去很簡單,但創建起來卻遠沒有想象中那么容易。今天小飛就帶來了一些設計技巧和范例,希望能給大家幫助。



什么是一頁式網站?

一頁式網站,顧名思義,是指只使用一個HTML頁面的網站。也就是說,所有的信息內容都放在這一個頁面上,點擊導航菜單項(比如”關于’、”聯系我們”)即到達這個頁面的不同區塊,而非單獨分頁。



一頁式網站的優點:

  • 信息流完整。一頁式網站將內容完全整合在一頁當中,這使得用戶可以直觀而清晰地感知到整個信息流,從而獲得更加流暢的瀏覽體驗。
  • 交互簡單。研究表明,一頁式網站的轉化率要比多頁式網站的高37.5%。這是因為,在單頁面網站上,用戶能夠更快地瀏覽、獲取信息,不會因為其他的頁面而分心。
  • 利于移動端。相比多頁式網站,一頁式網站在移動端上的優勢也更加明顯。在小屏幕上,精簡直觀的內容、簡單自然的滾動交互更符合訪客的瀏覽習慣。
除了上面幾點外,一頁式網站還有不少好處:不用增加來回跳轉的鏈接和頁面,工作量沒那么大;頁面功能更容易實現;網站也更便于迭代和維護。


一頁式網站的缺點:

  • 承載內容有限。一頁式設計不是成長型品牌創建網站的首選,因為它的承載內容有限。如果你想要創建大量內容、信息結構復雜的網站,或是一個不大的網站(但有計劃進行拓展的話),盡量選擇多頁式網站設計。
  • 不利于SEO。一頁式網站是響應式的,能夠帶給用戶更好的移動體驗,但是它對SEO并不友好。因為你無法使用多個不同的關鍵詞和描述詞來定義不同的網頁(你只有一個頁面),所以這會在一定程度上影響網站的流量和在線影響力。


適用場景:

正如我們前面所提到的,一頁式設計的承載內容有限,能夠最大程度降低信息噪音的影響,讓用戶專注于最重要的內容。所以它經常被用來創建:
  • 個人網站;
  • 作品集;
  • 簡歷頁面;
  • 活動頁面;
  • 著陸頁;
  • 宣傳冊網站;
  • 單產品網站。





如何設計一頁式網站?


將文本分為幾個區塊

如果你決定進行一頁式網站設計,你可能沒有太多信息內容要展示。否則的話,你就會選擇多頁式設計了。雖然你網站的內容不多,但這并不意味著你可以自動避免網站信息超載的問題。你仍需要對網站信息內容進行篩選和管控,將文本分為幾個不同的區塊,提出簡單清晰、易于瀏覽的視覺結構,以確保用戶能有興趣一直滾動下去。


構建清晰的視覺層級

在網站中構建視覺層級的方法有很多,諸如對齊、顏色、字體大小、元素尺寸、間距、留白等都是不錯的技巧。而視覺層級的架構同時還需要考慮用戶瀏覽模式,這一點我們在《如何提升網頁設計的視覺層次感?這9個技巧幫您輕松搞定》就提到過。一般來說,在網站內容不多時,用戶常會使用古騰堡式。而在內容元素較多的頁面上,用戶更加傾向于F圖模式。關于用戶瀏覽模式可以點擊《如何改善網站留給用戶的第一印象?(上)》了解。

由于一頁式網站通常包含多個部分,所以我們可以同時將這兩種類型用在不同的區塊上,以讓網站的結構看上去更加多樣化。當然,類型也不能太多。




嘗試視差滾動設計

視差滾動是近年來比較流行的一種設計效果。在這種類型的網頁上,如今設計師也有了更加廣泛的探索,比如將視差滾動效果與一頁式網站結合起來。不過,如果你想在自己的一頁式網站中嘗試視差滾動效果,最好先考慮考慮下面這三個因素:

  1. 加載時間。視差滾動涉及到圖片疊加和動畫效果,這會在一定程度上減緩頁面的加載速度。你的訪客會有足夠的耐心等待頁面加載出來嗎?
  2. 響應式。視差滾動效果并不推薦用在移動網站上。當然,你可以進行一些設置,或是單獨在移動設備上進行調整。做出這些努力是值得的嗎?
  3. 用戶友好度。一些用戶天生就是不喜歡帶有視差滾動效果的網站,所以建議盡量避免在銷售頁面使用視差滾動,這對你來說是OK的嗎?



添加輔助導航菜單

很多時候,一頁式網站的交互方式就是滾動,甚至是無止境的滾動。而當用戶滾動到頁面的中間時,他們可能會覺得無所適從,特別是當你的網站結構比較復雜,包含區塊較多時。這時,我們不妨添加一些輔助的導航菜單,比如固定導航菜單(頂部/側邊欄等)、錨鏈接或”回到首頁”按鈕,以給用戶提供更加愉悅、直觀的瀏覽體驗。



使用CTA按鈕

一頁式網站中十分適合放置CTA按鈕。與多頁式網站相比,一頁式網站的結構能讓用戶更加集中于CTA按鈕。如果你的網站是為了一個特殊目的(比如聯系表單提交、APP下載或是郵件注冊等)而創建的,你就可以重點突出這一CTA按鈕,使用醒目的顏色和形式,引導用戶完成既定的操作。




總的來說,在網站上究竟是使用一頁式網站還是多頁式網站,主要取決于您的產品/服務特征、網站內容多少,以及您目標用戶的喜好。如果您想要創建一頁式網站,不妨來起飛頁看看。起飛頁是一家響應式自助建站平臺,提供了眾多設計出眾、精致美觀的一頁式網站模板!

登錄后即可發表評論,立即登錄.