网站建设
苏州SEO关键词优化一站式服务

百度的智能小程序应该如何布局得更漂亮?小程序布局方法(2)

百度智能小程序是百度在2018年新开发的一个关键项目。 百度将在2019年加大对百度智能小程序的投资,预计将一举超越微信小程序和支付宝小程序。如果我们等待百度的智能小程序在全国范围内流行起来,那肯定为时已晚,所以从现在开始我们将开始这样做。 只有勇敢吃螃蟹的人才能得到最好的回报。!

在之前的文章中,我们谈到了什么是百度智能小程序,如何做好百度智能小程序体验设计,以及百度智能小程序如何访问自然搜索步骤。 今天我们将讨论百度智能小程序应该如何布局。

全屏改编


1。 小程序框架

刘海已经成为当今手机的主流趋势。 开发人员只需要在顶部导航栏的底部布局页面。 百度智能应用官员将适应不同的刘海屏幕模型,以促进开发者的发展。

8.png

然而,百度智能小程序只能适用于普通版本。如果开发人员使用透明的框架,他们需要调整自己。

9.png

左侧:bangs iPhone安全区域=屏幕-(系统状态栏(1)+框架控制功能区域(2)+底部指示区域(3))

苹果手机刘海的平均高度是44pt,我们可以参考一下。

右侧:刘海安卓手机安全区=屏幕-(系统状态栏(1)+框架控制功能区(2))

安卓手机上刘海的高度=系统状态栏的高度,我们可以参考这个值。

正确案例

正确考虑状态栏的高度,页面的元素和功能会显示在安全区域。

10-1.png

错误案例

页面的元素和功能超出了安全区域,导致元素重叠,用户在查看它们时会感觉不太舒服。

10-2.png

2。小游戏框架


垂直屏幕游戏

11.png

左侧:刘海iPhone安全区域=屏幕-(顶部刘海(1)+框架控制功能区域(2)+底部指示器区域(3))

右侧:刘海安卓手机安全区域=屏幕-(刘海顶部区域(1)+框架控制功能区域(2))

水平屏幕游戏

12.png

左侧:刘海iPhone安全区域=屏幕-(顶部刘海(1)+框架控制功能区域(2)+底部指示器区域(3))

右侧:刘海安卓手机安全区域=屏幕-(刘海顶部区域(1)+框架控制功能区域(2))

3。注意:刘海适合放在苹果手机的底部

默认情况下,刘海的底部是透明的,高度为34pt。如果开发人员使用bangs iPhone百度智能小程序的底栏,他们需要特别注意底栏的配置,背景颜色只有在自动调整后才会出现在底栏中。

13.png13.png

左侧:默认底部条透明

右侧:使用底部选项卡栏自动安装底部栏

开发人员可以根据他们喜欢的风格来分配和使用它们。

当开发人员选择独立开发而不是使用底部选项卡栏组件时,需要注意的是,该区域是一个不能布局但可以操作的元素。

正确案例

底部水平栏配置正确,颜色与底部栏相同。这一页非常漂亮。

14-1.png

错误案例

底部栏配置不正确,用户会感到不舒服。

14-2.png

这是一系列文章,请点击查看以下文章:

百度的智能小程序应该如何布局得更漂亮?小程序布局方法(1)

百度的智能小程序应该如何布局得更漂亮?小程序布局方法(3)

百度的智能小程序应该如何布局得更漂亮?小程序布局方法(4)

百度的智能小程序应该如何布局得更漂亮?小程序布局方法(5)

历史上的今天
七月
26
    哇哦~~~,历史上的今天没发表过文章哦
赞(0) 打赏
未经允许不得转载:苏州SEO优化 » 百度的智能小程序应该如何布局得更漂亮?小程序布局方法(2)
分享到: 更多 (0)
标签:

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  • Q Q(选填)

网站建设与SEO关键词优化一站式服务

SEO咨询建站咨询

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
订阅图标按钮