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

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

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

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

页面布局


基本布局

作为主流机型,苹果6的宽度为750像素。 我们可以使用iPhone 6作为标准模板来输出可视化解决方案。

在布置百度智能小程序的信息时,必须为信息和内容区域留出至少34px(17pt)的左右距离,以获得更加美观的界面和可读性。

正确案例

内容页的左右页边距应该至少相隔34px(17pt)。

1-1.png

错误案例

页边距对于阅读和美学来说太宽了。

1-2.png

错误案例

对于阅读和美学来说,页边距太窄了。

1-3.png

透明框架布局调整

1。小程序框架

如果开发人员想要使用百度智能应用的本地顶部导航栏,他们只需要在顶部导航栏下布局页面,而无需任何其他操作。

百度应用v11.1及以上版本的百度智能小程序也可以自定义顶部导航栏,以便顶部导航栏只保留框架控制的功能区域。这个函数也被称为透明框架,这将在后面提到。

2.png

图1是默认框架。

无花果。2是透明框架。

在透明框架的情况下,页面布局从屏幕顶部开始。

3.png

百度智能小程序透明框架的安全区域=屏幕-(系统状态栏(1)+框架控制功能区域(2)),每个人都可以根据图片查看它。

正确案例

页面的元素和功能显示在安全区域中。

4-1.png

错误案例

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

4-2.png

2。小游戏框架

由于小游戏框架没有系统状态栏,布局只需要考虑避开框架控制功能区域。

6.png

左侧:垂直屏幕小游戏框架安全区=屏幕框架控制功能区(1);

右侧:水平屏幕小游戏框架安全区=屏幕框架控制功能区(1)。

正确案例

所有页面元素都显示在安全区域中。

1-12.png

错误案例

页面元素超出了安全区域,用户在使用它们时会看到更少的内容,这会影响用户体验。

32.png

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

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

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

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

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

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

评论 抢沙发

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

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

SEO咨询建站咨询

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

支付宝扫一扫打赏

微信扫一扫打赏

×
订阅图标按钮