精美的首屏規劃能夠吸引多用户的注意力,延長他們在網站上的訪問時刻,新增多用户對網站的好感。做好網頁的首屏規劃至關重要。上回我們講到了首屏規劃的概念、重要性以及包括的佈局元素,今日 wordpress 站羣就帶大傢俱體看一下在網站規劃中終究應該怎樣做好首屏規劃,改善網站留給多用户的第一印象。
注重可讀性和視覺層次
在首屏規劃當中,要將 WordPress 網站內容或各種元素合理佈局,在視覺上構成層次進步網站的可讀性,這樣多用户在獲取資訊時會愈加快捷,首屏規劃也會愈加多用户友愛。要做到這一點,意味著我們需求細心考量導航、 Logo 和標題等元素的字型,穩重挑選佈景圖片、配色計劃,讓網站在堅持和諧共同的一起參差有致。
運用漢堡圖示
由於首屏的空間有限,漢堡圖示是近年興起的一種比較盛行的解決辦法。雖然現在關於漢堡圖示的運用還存在著一些爭議,可是它們依然遭到不少規劃師的喜愛。漢堡圖示也逐步成為首屏規劃中一個經典的互動元素,多用户也愈加熟悉漢堡圖示在網站中的人物。這種躲藏式的選單能夠讓整個頁面看上去愈加精約,給其他元素充分發揮的空間,在不同的裝置上顯現時也會愈加統一。
懸浮固定頂欄
當多用户開端向下翻滾翻頁的時分,首屏頂欄要如何處理也是一個我們需求關懷的問題。有的網頁採納傳統的站羣戰略,挑選躲藏頂欄。而懸浮固定式的頂欄也是時下盛行的一個趨勢。它為多用户供給了繼續的可互動的導航效勞,這關於許多一頁式長翻滾網站來説十分有用。當然還有一種折中的辦法,那就是當多用户向下翻滾時,導航選單縮小或變成選單按鈕,下降視覺上的權重,儲存網站中心元素。
雙層導航選單
首屏中的導航選單還能夠規劃為雙層的,已經有不少網站開端了這樣的測驗。 Bakery 這個網站就是一個栗子,上層頁頭中出現的是 Logo 和交際媒體帳號、查詢和購物車以及漢堡選單,而第二層導航則是互動的中心區域:多商店產品目錄、出售地址、新聞和特別優惠等。整個規劃視覺層次明晰,更有利於多用户體會的提高。
首屏是網站重要的站羣戰略方位。即運多用户能夠翻滾螢幕,首屏在人們心中仍是佔有很重要的方位的,不要小看首屏的作用。而關於怎樣做好首屏規劃,上面的主張僅僅輔助性的,最重要的是做好多用户查詢。每個網站的自身特色不同,方針受眾喜好多樣,滿足多用户需求、遭到多用户歡迎的網站才有可能成功。