百度智能小程序是百度在2018年新开发的一个关键项目。 百度将在2019年加大对百度智能小程序的投资,预计将一举超越微信小程序和支付宝小程序。如果我们等待百度的智能小程序在全国范围内流行起来,那肯定为时已晚,所以从现在开始我们将开始这样做。 只有勇敢吃螃蟹的人才能得到最好的回报。!
在之前的文章中,我们谈到了什么是百度智能小程序,如何做好百度智能小程序体验设计,以及百度智能小程序如何访问自然搜索步骤。 今天我们将讨论百度智能小程序应该如何布局。
页面布局
基本布局
作为主流机型,苹果6的宽度为750像素。 我们可以使用iPhone 6作为标准模板来输出可视化解决方案。
在布置百度智能小程序的信息时,必须为信息和内容区域留出至少34px(17pt)的左右距离,以获得更加美观的界面和可读性。
正确案例
内容页的左右页边距应该至少相隔34px(17pt)。
错误案例
页边距对于阅读和美学来说太宽了。
错误案例
对于阅读和美学来说,页边距太窄了。
透明框架布局调整
1。小程序框架
如果开发人员想要使用百度智能应用的本地顶部导航栏,他们只需要在顶部导航栏下布局页面,而无需任何其他操作。
百度应用v11.1及以上版本的百度智能小程序也可以自定义顶部导航栏,以便顶部导航栏只保留框架控制的功能区域。这个函数也被称为透明框架,这将在后面提到。
图1是默认框架。
无花果。2是透明框架。
在透明框架的情况下,页面布局从屏幕顶部开始。
百度智能小程序透明框架的安全区域=屏幕-(系统状态栏(1)+框架控制功能区域(2)),每个人都可以根据图片查看它。
正确案例
页面的元素和功能显示在安全区域中。
错误案例
页面的元素和功能超出了安全区域,用户在查看页面时会感觉不太舒服。
2。小游戏框架
由于小游戏框架没有系统状态栏,布局只需要考虑避开框架控制功能区域。
左侧:垂直屏幕小游戏框架安全区=屏幕框架控制功能区(1);
右侧:水平屏幕小游戏框架安全区=屏幕框架控制功能区(1)。
正确案例
所有页面元素都显示在安全区域中。
错误案例
页面元素超出了安全区域,用户在使用它们时会看到更少的内容,这会影响用户体验。
这是一系列文章,请点击查看以下文章:
百度的智能小程序应该如何布局得更漂亮?小程序布局方法(2)
百度的智能小程序应该如何布局得更漂亮?小程序布局方法(3)
百度的智能小程序应该如何布局得更漂亮?小程序布局方法(4)
百度的智能小程序应该如何布局得更漂亮?小程序布局方法(5)