信息流作為智能小程序獲取流量、凸顯內(nèi)容差異化價(jià)值的核心渠道，其落地頁(yè)的用戶體驗(yàn)直接影響用戶留存與轉(zhuǎn)化效果。百度智能小程序官方針對(duì)信息流落地頁(yè)的主流呈現(xiàn)形式，系統(tǒng)梳理并提供了詳盡的體驗(yàn)指引，旨在通過(guò)標(biāo)準(zhǔn)化設(shè)計(jì)提升內(nèi)容觸達(dá)效率。

遵循體驗(yàn)優(yōu)化規(guī)范，小程序可實(shí)現(xiàn)多重目標(biāo)：在用戶體驗(yàn)層面，實(shí)驗(yàn)數(shù)據(jù)顯示，用戶在信息流連續(xù)瀏覽中，面對(duì)未規(guī)范化的落地頁(yè)易產(chǎn)生強(qiáng)烈的跳出感與心理不適感。通過(guò)本文指引落地頁(yè)的樣式與結(jié)構(gòu)設(shè)計(jì)，可有效降低用戶的認(rèn)知負(fù)荷，打造流暢一致的瀏覽路徑，進(jìn)而延長(zhǎng)用戶閱讀時(shí)長(zhǎng)，提升內(nèi)容粘性。在流量獲取層面，符合信息流落地頁(yè)體驗(yàn)規(guī)范的小程序，將獲得平臺(tái)優(yōu)先分發(fā)的機(jī)會(huì)，觸達(dá)更多潛在用戶，形成用戶體驗(yàn)與流量的正向循環(huán)。

一、長(zhǎng)圖文落地頁(yè)體驗(yàn)規(guī)范

長(zhǎng)圖文類型的信息流落地頁(yè)因內(nèi)容承載豐富，成為信息分發(fā)中最常見(jiàn)的資源形式。其體驗(yàn)規(guī)范聚焦于結(jié)構(gòu)化布局與視覺(jué)一致性：

整體框架結(jié)構(gòu)規(guī)范需遵循固定布局邏輯，從上至下依次為框架區(qū)、標(biāo)題區(qū)、來(lái)源區(qū)、正文區(qū)及推薦區(qū)等核心模塊，不可隨意調(diào)整模塊位置。其中，框架、標(biāo)題、來(lái)源及正文為必備模塊，其他輔助模塊可根據(jù)內(nèi)容需求靈活插拔，確保用戶對(duì)信息結(jié)構(gòu)的認(rèn)知連貫性，減少因布局混亂引發(fā)的跳出行為。

頂部框架內(nèi)容規(guī)范強(qiáng)調(diào)視覺(jué)識(shí)別度。框架建議采用默認(rèn)白色背景，提升標(biāo)題與內(nèi)容的層次感；框架標(biāo)題需完整展示小程序名稱，字?jǐn)?shù)嚴(yán)格控制在8字以內(nèi)，避免因字符截?cái)鄬?dǎo)致信息缺失，影響用戶對(duì)小程序主體的辨識(shí)。

正文內(nèi)容區(qū)規(guī)范對(duì)細(xì)節(jié)提出精細(xì)化要求：標(biāo)題字號(hào)統(tǒng)一為72px，行距36px，采用中粗體增強(qiáng)視覺(jué)權(quán)重；作者頭像尺寸為105x105px，名稱字號(hào)48px（黑色#000000），發(fā)布時(shí)間等輔助信息字號(hào)36px（灰色#999999），確保信息層級(jí)清晰；正文文字字號(hào)57px，行距33px，中粗體保障閱讀舒適度；圖片需通欄展示（寬度=屏幕寬度，高度自適應(yīng)），文字與圖片邊距分別為51px與0px，段落間距108px，正文與圖片間距90px，圖片間間距60px，通過(guò)標(biāo)準(zhǔn)化間距營(yíng)造疏密有致的閱讀節(jié)奏。

相關(guān)推薦區(qū)規(guī)范采用左文右圖列表樣式，圖片比例3:2，列表標(biāo)題字號(hào)57px（黑色#000000），輔助信息字號(hào)36px（灰色#999999）。為降低開(kāi)發(fā)成本，官方提供“page-feed信息流模板”，支持開(kāi)發(fā)者快速調(diào)用標(biāo)準(zhǔn)化樣式，實(shí)現(xiàn)高效落地頁(yè)搭建。

評(píng)論區(qū)與互動(dòng)區(qū)是提升用戶參與度的關(guān)鍵。實(shí)驗(yàn)表明，無(wú)評(píng)論區(qū)的小程序落地頁(yè)用戶接受度顯著降低。官方一站式互動(dòng)組件涵蓋互動(dòng)bar、評(píng)論列表及詳情頁(yè)、數(shù)據(jù)存儲(chǔ)等能力，助力開(kāi)發(fā)者快速構(gòu)建用戶交流場(chǎng)景，增強(qiáng)內(nèi)容互動(dòng)生態(tài)。

廣告區(qū)需遵循內(nèi)容分割原則，可在文章末尾及推薦區(qū)插入廣告，但必須與正文保持明顯視覺(jué)區(qū)分（如標(biāo)注分割線），推薦區(qū)廣告樣式需與列表樣式對(duì)齊，避免干擾用戶閱讀主線內(nèi)容。

二、視頻落地頁(yè)體驗(yàn)規(guī)范

視頻類型落地頁(yè)憑借動(dòng)態(tài)視覺(jué)優(yōu)勢(shì)，在信息流中具有更高的內(nèi)容吸引力，其規(guī)范側(cè)重于播放體驗(yàn)與結(jié)構(gòu)清晰度：

整體框架結(jié)構(gòu)規(guī)范采用固定布局，自上而下依次為框架區(qū)、視頻播放區(qū)、標(biāo)題區(qū)、輔助信息區(qū)、作者信息區(qū)及推薦區(qū)，模塊位置不可變更，其中框架、視頻、標(biāo)題、輔助信息及作者信息為必備模塊，確保用戶對(duì)視頻內(nèi)容的瀏覽路徑符合認(rèn)知習(xí)慣。

頂部框架內(nèi)容規(guī)范與長(zhǎng)圖文保持一致：建議使用白色框架（不可透明），標(biāo)題展示小程序名稱且不超過(guò)8字，避免框架與視頻內(nèi)容重疊影響觀看體驗(yàn)。

當(dāng)前視頻區(qū)規(guī)范對(duì)播放器尺寸與互動(dòng)功能提出明確要求：橫向視頻采用16:9比例（video組件），豎向視頻最低高度≥屏幕寬度，最高高度≤屏幕高度的78%，保障視頻在不同設(shè)備上的完整展示；標(biāo)題文字字號(hào)57px，行距24px（中粗體，黑色#000000），輔助信息字號(hào)36px（灰色#999999），互動(dòng)按鈕采用全圓角描邊膠囊樣式，提升操作便捷性；作者頭像105x105px，名稱字號(hào)48px（黑色#000000），輔助信息字號(hào)36px（灰色#999999），與名稱間距21px，強(qiáng)化創(chuàng)作者身份認(rèn)同。

相關(guān)推薦區(qū)規(guī)范支持大圖或左文右圖兩種樣式，視頻封面尺寸統(tǒng)一為16:9，列表標(biāo)題字號(hào)51px（黑色#000000），輔助信息字號(hào)36px（灰色#999999），同樣可通過(guò)“page-feed信息流模板”快速實(shí)現(xiàn)。

評(píng)論區(qū)與廣告區(qū)規(guī)范與長(zhǎng)圖文落地頁(yè)保持邏輯一致，需設(shè)置評(píng)論區(qū)提升用戶互動(dòng)，廣告插入需明確分割且樣式對(duì)齊，保障內(nèi)容主次分明。

三、多維供給體系：高效落地方案

為降低開(kāi)發(fā)者體驗(yàn)優(yōu)化門(mén)檻，官方構(gòu)建了多維供給體系，涵蓋四種開(kāi)發(fā)方式：

- 規(guī)范文檔：提供詳細(xì)設(shè)計(jì)標(biāo)準(zhǔn)，支持高度定制化開(kāi)發(fā)，但成本較高；

- 圖文詳情頁(yè)模板：內(nèi)置符合體驗(yàn)規(guī)范的樣式，通過(guò)開(kāi)發(fā)者工具半自動(dòng)調(diào)用，平衡開(kāi)發(fā)效率與定制需求；

- 信息流統(tǒng)一模板：通過(guò)平臺(tái)授權(quán)配置生成標(biāo)準(zhǔn)化模板，實(shí)現(xiàn)全自動(dòng)落地頁(yè)搭建，開(kāi)發(fā)成本低；

- 發(fā)文工具：支持內(nèi)容管理平臺(tái)編輯后發(fā)布，內(nèi)容自動(dòng)符合體驗(yàn)規(guī)范，且獲得信息流高權(quán)重分發(fā)，需達(dá)到質(zhì)量準(zhǔn)入標(biāo)準(zhǔn)。

開(kāi)發(fā)者可根據(jù)自身定制能力、開(kāi)發(fā)成本及運(yùn)營(yíng)需求，選擇最優(yōu)方案實(shí)現(xiàn)落地頁(yè)體驗(yàn)升級(jí)。