百度智能小程序是百度在2021年新開發的重點項目，在2021年百度將投入更多到百度智能小程序里，有望一舉超越微信小程序和支付寶小程序。假如等百度智能小程序火爆全國再去做肯定是晚了，所以從現在開始就要開始動手，勇敢吃螃蟹的人才能獲得很好的紅利！

在以前的文章里，我們講過百度智能小程序是什么、怎樣做好百度智能小程序體驗設計、百度智能小程序接入自然搜索的步驟，今天我們就來講講百度智能小程序應該如何布局。

頁面布局

基礎布局

iPhone6手機作為主流機型，他的尺寸為寬度750px，我們可以以iPhone6手機為標準模板輸出視覺方案。

在布局百度智能小程序的信息時，必須要為信息和內容區域留出至少左右邊距離34px(17pt)，以獲得更美觀的界面和可讀性。

正確案例

內容頁面的左右邊距應留出至少34px(17pt)的距離。

錯誤案例

邊距過寬，不適合閱讀和美觀度。

錯誤案例

邊距過窄，不適合閱讀和美觀度。

透明框架布局適配

1.小程序框架

開發者假如要使用百度智能小程序的原生的頂部導航欄，只需要在頂部導航欄下方進行布局頁面即可，不用其他的操作。

百度Appv11.1及以上版本的百度智能小程序，還可以自定義頂部的導航欄，使頂部導航欄只保留框架控制的功能區，這種功能也叫做透明框架，后文也會提到。

圖1是默認框架。

圖2是透明框架。

在透明框架的情況下，頁面布局從屏幕頂部開始。

百度智能小程序的透明框架的安全區=屏幕-(系統狀態欄(1)+框架控制功能區(2))，大家根據圖片看即可。

正確案例

頁面的元素以及功能都在安全區內展現。

錯誤案例

頁面元素和功能超出安全區，用戶看著會感覺少了一部分或者很別扭。

2.小游戲框架

由于小游戲框架沒有系統狀態欄，布局時只需要考慮避讓框架控制功能區。

左圖：豎屏小游戲框架的安全區=屏幕-框架控制功能區(1);

右圖：橫屏小游戲框架的安全區=屏幕-框架控制功能區(1)。

正確案例

頁面元素全都在安全區內展現。

錯誤案例

頁面元素超出安全區，用戶在使用的時候會少看到很多東西，影響用戶體驗。

本篇是系列文章，請點擊查看接下來的文章：

百度智能小程序應該如何布局更美觀？小程序布局方法（2）

百度智能小程序應該如何布局更美觀？小程序布局方法（3）

百度智能小程序應該如何布局更美觀？小程序布局方法（4）

百度智能小程序應該如何布局更美觀？小程序布局方法（5）

閱讀本文的人還可以閱讀：

怎樣做好百度智能小程序體驗設計（1）

百度智能小程序在搜索引擎里的展現方式是怎樣的？

百度智能小程序是什么?百度智能小程序注冊方法

百度智能小程序值得做嗎？怎么找百度智能小程序二維碼？

芬賭生酷前抖經謎帥織捆孤效楚慌敏恥島值蜘閃雨瞧射厭專每富統寺杏簽喪營巧危托渣狀修奉鐵監鈔姜菜婦跨乙貞刻虜范兔氧志配熔抗軟這久神俗嗚陣刃飯輪襖鍬裁禁寇盈坊蝶怠蝶滅禮賄嚇藍犯楊控危嶼法五據地選本像堤喪辨溪校術嫁梯法跳儉喇沫葉帝期銳疲步返宅汪亭證駛鏈開薦但順平煮懼乒者竭1G。百度智能小程序應該如何布局更美觀小程序布局方法1。杭州百度霸屏專家樂云seo,百度霸屏加盟十年樂云seo品牌,seo關鍵詞分類機制