看這里！教你如何在頁面主次內(nèi)容之間設置合理間隔
2020年3月百度搜索發(fā)布的《百度APP移動搜索落地頁體驗白皮書5.0》中提到，“主體內(nèi)容應與廣告、相關推薦等次要內(nèi)容之間有明顯的間隔或分割線?！?/p>
那么，你知道頁面各內(nèi)容模塊之間為何要設置合理間隔嗎？
1、內(nèi)容模塊之間設置合理間隔的重要性
為了幫助用戶快速甄別主次信息，找到所需，頁面在整體的排版布局上要注意對主次內(nèi)容進行區(qū)分。而設置合理的間隔或分割線則是最有效的區(qū)分主次內(nèi)容的方式。
2、如何對各模塊的內(nèi)容進行合理的區(qū)分？
「主體內(nèi)容與次要內(nèi)容之間設置分割線」
除了主體內(nèi)容以外，內(nèi)容詳情頁中還包括評論、廣告、相關推薦等模塊。與主體內(nèi)容相比，這些內(nèi)容屬于次要信息，使用分割線進行區(qū)分能幫助用戶意識到主體內(nèi)容已結束，避免用戶在瀏覽內(nèi)容的過程中因主次內(nèi)容沒有明顯的區(qū)分而導致誤點擊。
如下圖所示，該頁面的主體內(nèi)容與廣告之間沒有設置分割線，用戶在瀏覽內(nèi)容的過程中易將廣告誤當成主體內(nèi)容，導致誤點擊。
圖片
「翻頁鍵與次要內(nèi)容之間設置明顯間隔」
不少開發(fā)者會對篇幅較長的文章設置翻頁功能，翻頁鍵屬于頁面主體內(nèi)容的一部分，與其他次要內(nèi)容（如廣告、相關推薦等）也需設置明顯的間隔，避免用戶在操作時誤點擊。
如下圖所示，該頁面的翻頁鍵與廣告之間距離過近，用戶點擊翻頁鍵時容易誤點擊到廣告。
圖片
參考案例
講了這么多標準規(guī)范，頁面內(nèi)容模塊之間如何設置間距對用戶最為友好呢？小編給大家提供幾個優(yōu)質案例進行參考。
參考案例1：正文結束后放置版權信息或者點贊評等功能，將主體內(nèi)容與廣告內(nèi)容隔開，提示用戶正文已結束
圖片
參考案例2：正文與廣告之間用分割線隔開
圖片
參考案例3：翻頁鍵與廣告有一定間距
圖片
內(nèi)容模塊之間設置合理間隔是頁面排版布局中重要的一環(huán)，它能幫助用戶快速獲取頁面的主要信息，不被其他次要內(nèi)容干擾?？赐瓯酒恼?，相信你一定學會如何在頁面主次內(nèi)容之間設置合理間隔了～
來源：百度搜索資源平臺 百度搜索學堂
