1 、視覺效果: 識別正確的模式,巧妙地使用負空間
沒有什麼比導航和滾動條的使用問題更讓訪問者焦躁的了。您必須留意 WordPress 單頁網站的排版,您需要巧妙設計您的網站的導航,讓訪問者想要通過它瞭解更多信息。使用橫杆選單或側邊欄選單也是單頁 WordPress 網站設計的一個很好的方法。它使人們更容易跳轉到感興趣的內容區。只需單擊一下即可,這比有時令人厭煩的滑鼠滾動模擬方法要好很多。
自動滾動導航鏈接也很好用。訪問者可以通過它檢視頁面滾動,而不是從一個區域跳到另一個區域。以下這些 WordPress 單頁網站以吸引人的、多用户友好的導航而流行。
Sergio Pedercini(http://sergiopedercini.com/)
這個設計師的網站使用了 3 種不同的自動滾動鏈接,美觀新穎而且可以通過點選快速到達相關內容區域。
Brainflop(https://www.brainflop.com/)
看的出來,該網站的設計者真的希望通過在頂部和左側,分別提供一個導航選單來幫助訪客更快速瀏覽他們的站點。雖然這麼設計,但是網站總體還算簡潔、美觀。
2 、行動按鈕:使用正確的行動按鈕(CTA,Call to action button),不要害怕使用它。
行動按鈕通常指向網站的核心目標,所以要善於使用它來引導訪客採取行動。易於展示美觀醒目的行動按鈕,這就是 WordPress 單頁網站的魅力所在,它通常把訪客引導至核心目標。您通常會想要將行動按鈕展示在頁面上方明顯的位置,例如,如果您正在展示一個作品集並想引導訪客檢視更多時。當還存在介紹公司服務或產品的詳請頁面時,您也可能同時需要幾個行動按鈕。
The Art of Texture(https://www.theartoftexture.com/)
該 WordPress 網站設計在首頁合適的位置上放置 2 個明顯的行動按鈕,引導訪客自由選擇他們想要檢視的視頻。
Reneza(https://reneza.com/)
當使用行動按鈕時,RenezaWordPress 網站設計師對它進行精心的設計。按鈕採用了美觀的漸變顏色,並正確地調整了位置和字型大小。
結語
結合上文《5 個提升您的 WordPress 單頁網站品質的設計要素(一)》,已經介紹了 5 個提升您的 WordPress 單頁網站品質的設計要素,以及如何正確使用它們。現在,您還需要在以後的工作中不斷練習和實踐他們,直到您完全掌握了這幾項技能。