排版布局五条铁律
「页面浏览规范」的第一部分是排版布局,白皮书给出了五条明确要求。它们决定了用户「进去第一眼」和「往下滑」时的观感。
铁律一:排版精良、段落分明
页面应排版精良、段落分明,合理使用不同字号区分页面的主次信息;图片、视频等多媒体资源的位置及尺寸要配合整体布局,保证页面整体的美观度和最佳可读性。
反面案例:H5 站点页面排版差、段落距离不合理,会直接影响用户阅读。
铁律二:首屏主体内容必须占 50% 以上
首屏主体内容必须占屏幕的 50% 以上,且主体内容应位于手机屏幕的中心位置。
这条直击「首屏全是卖点 banner、广告、推荐,主体内容被挤到角落」的顽疾。白皮书明确:首屏主体内容小于 50%、广告等其他内容过多,不符合要求。
铁律三:展开全文的三重限制
「展开全文」功能必须同时满足:
- 有文字标示且功能实际可用——不能只放一个不明箭头;
- 最多只能出现一次;
- 不可出现在落地页的首屏内容中(列表页除外);
- 与广告等引导性内容要设置一定距离间隔,避免干扰用户操作。
反面案例:展开功能无文字标示、且与 APP 调起按钮距离过近;或小程序把「展开全文」按钮放进了首屏——都违规。
铁律四:主体内容与广告/推荐要有明显间隔
主体内容应与广告、相关推荐等次要内容板块之间有明显间隔距离或分割线,使用户获取信息时不受干扰。
反面案例:翻页功能键与广告之间无间距(易引发误点击);小程序主体内容与广告之间距离过近。
铁律五:导航功能与位置明确
页面导航的功能与位置必须明确,不能存在点击导航按钮后未跳转到对应页面的情况,避免用户使用中被误导。
「导航点了没反应」看似小问题,实际是对用户信任的严重破坏,白皮书专门把它列为一条。
小结
五条铁律串起来就是一句话:主体要突出(首屏 ≥50% 且居中)、干扰要隔离(展开全文与广告间隔)、路径要可信(导航必须跳转)。逐条对照自查,能拦掉大部分排版类违规。
