免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

百度智能小程序應該如何布局更美觀?小程序布局方法(1)

2023-02-09    分類: 網站建設

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

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

頁面布局

基礎布局

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

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

正確案例

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

錯誤案例

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

錯誤案例

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

透明框架布局適配

1. 小程序框架

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

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

圖1是默認框架。

圖2是透明框架。

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

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

正確案例

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

錯誤案例

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

2. 小游戲框架

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

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

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

正確案例

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

錯誤案例

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

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

百度智能小程序應該如何布局更美觀?小程序布局方法(2)

百度智能小程序應該如何布局更美觀?小程序布局方法(3)

百度智能小程序應該如何布局更美觀?小程序布局方法(4)

百度智能小程序應該如何布局更美觀?小程序布局方法(5)

網站名稱:百度智能小程序應該如何布局更美觀?小程序布局方法(1)
文章轉載:http://m.newbst.com/news28/236278.html

成都網站建設公司_創新互聯,為您提供做網站靜態網站網站策劃品牌網站制作微信公眾號搜索引擎優化

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

微信小程序開發