Categories


Tags


百度智能小程序设计指南-页面布局

基础布局

基于宽度 750px(iPhone 6)输出视觉方案,我们在布局智能小程序信息时,为信息内容区至少留出左右边距 34px(17pt),限制内容宽度以获得最佳的可读性。

正确

内容左右边距应至少留出34px。

错误

边距过宽,页面元素过于集中。

错误

边距过窄,页面元素过于分散。

透明框架布局适配

当开发者使用小程序的原生顶部导航栏时,开发者只需要在顶部导航栏下方开始布局页面即可。

智能小程序在基础库 2.10.7 及以上版本,可以自定义顶部导航栏,使其只保留框架控制功能区,后文简称为“透明框架”。

1. 默认框架,使用小程序顶部导航栏;

1. 透明框架。

透明框架下,页面布局从屏幕顶部开始,请注意页面内容应布局在安全区内,否则会导致信息阅读体验差,或可点击元素功能不可用。

小程序透明框架的安全区 = 屏幕 -(系统状态栏(1) + 框架控制功能区(2))

正确

页面元素和功能均在安全区内展现。

错误

页面元素和功能超出安全区,无法正常使用。

上滑页面时,为保证元素正常显示,可以为系统状态栏区域单独赋予背景颜色。

页面上滑时,内容可能与系统状态栏上的内容交叠,建议此时为系统状态栏加上背景色。

全面屏顶部导航栏适配

原生顶部导航栏适配策略

当开发者使用小程序的顶部导航栏时,我们会针对不同刘海屏机型进行适配,开发者只需要在顶部导航栏下方开始布局页面即可。

自定义顶部导航栏适配

但如果使用自定义顶部导航栏(透明框架),此时开发者需要自行适配。

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

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

全面屏手机的刘海高度等同于系统状态栏的高度。

通过系统信息接口getSystemInfoSync获得系统状态栏的高度(statusBarHeight),在全面屏手机页面布局中增加系统状态栏的高度。

正确

正确考虑状态栏高度

错误

元素被遮挡,显示不全。

注意:全面屏 iPhone 底部适配

在布局上,全面屏 iPhone 需要格外关注底部横条(Home Indicator)的配置。

全面屏 iPhone 的底部横条默认透明,如开发者使用小程序底部标签栏,底部横条会自动适配底部标签栏的背景颜色。

1. 默认底部横条透明;

2. 使用底部标签栏,自动适配底部横条。

当开发者未使用底部标签栏组件,而是自主开发底部栏(如购物栏,评论栏),需注意此区域不可布局可操作元素,避免误操作。

可以调用小程序提供的.view_css适配全面屏 iPhone,把底部横条颜色适配为与底部栏一致。

正确

底部横条已正确配置,颜色与底部栏一致。

错误

底部横条未正确配置。

来源:百度智能小程序


Public @ 2014-09-13 15:59:21

如何通过搜狐号引流推广?

作为一个企业或个人,想要通过搜狐号来引流推广,可以采取以下几个步骤: 1. 注册并开通搜狐号:先在搜狐官网上注册账号,申请开通搜狐号,并提交实名认证及其他必要信息。 2. 完善搜狐号资料:对搜狐号进行个人资料以及账号资料的完善,例如头像、昵称、简介等等。 3. 精心制作原创内容:推广的核心是内容,如果内容质量不高,很难引起用户的关注和共鸣。因此,请根据自己的特长及爱好,精心制作高质量的原创内

Public @ 2023-04-04 08:50:18

微信公众号推广涨粉套路

1.提升内容质量:制作高质量的内容可以提高品牌形象和吸引粉丝。因此,必须在几个方面加强内容,如写作,设计和广告。 2.运用营销策略:应该从三个方面考虑营销:内容制作、粉丝互动和品牌推广。 3.选择合适的主题:公众号的主题关系到企业的形象和吸引力。必须确保主题广泛,更符合读者需求。 4.定期发布内容:公众号应该定期推送内容以便增加用户的体验和吸引度。建议每周至少发布两次,以确保每个读者都能看到

Public @ 2023-06-24 00:50:15

百度智能小程序-如何提升分享 Web 态的用户体验

将小程序内容分享至百度 App 端外后,用户在回流页只能看到通用回流引导,无法查看分享的具体内容,获取分享信息的路径较长且回流折损高。因此,百度智能小程序为开发者提供了分享 Web 态功能,可以将小程序自动转化成 Web 版本,其功能和内容展示与小程序基本一致,能在端外的回流页直接展现用户分享的小程序内容,为用户提供优质的闭环体验,提升用户回流率及转化率,也能更好的刺激用户分享。小程序分享 Web

Public @ 2013-02-19 15:59:25

智能小程序命中搜索算法的常见问题

1、引言2、智能小程序三步走3、智能小程序搭建时的常见违规问题3.1 站群行为4、智能小程序页面设计时的常见违规问题4.1 浏览体验问题4.2 交互体验问题5、智能小程序内容生产时的常见违规问题5.1 违规标题5.2恶劣采集5.3 领域分散5.4 内容空短5.5 关键词堆砌5.6 受益信息5.7 违法违规信息1、前言2020年6月,搜索资源平台发布了一份“开发者避雷指南”,针对百度搜索发布过的风雨

Public @ 2010-07-12 15:44:36

更多您感兴趣的搜索

0.502459s