百度智能小程序 阅读排版

阅读排版

阅读视线流

中国用户阅读浏览内容的习惯通常是“从左往右，从上往下”，在信息排版时，我们应该把主要的信息内容放在屏幕左上侧。

字体

当用户手机系统未自定义字体时，小程序遵循以下字体展现响应优先级：

开发者可以在小程序默认字体库的基础上，增加自定义字体库。

开发者使用自定义字体“楷体”; 当用户手机有此自定义字体时，显示自定义“楷体”。

开发者使用自定义字体“楷体”；用户手机无楷体时，按下一优先级字体显示，保底情况为显示系统默认字体：iOS-苹方-简（1）；安卓-Droid Sans（2）。

字号

请合理使用不同字号来区分页面的主次信息，与为了达到整体页面信息最佳可读性，单个模块字号选择不建议超过 3 种。智能小程序提供以下几档基础字号用于页面布局,建议按场景使用适合的字号，常用场景字号建议如下：

注：建议阅读文本使用17pt及以上，可点击文本按钮使用12pt及以上。

颜色

建议按使用场景定义文本颜色，常用场景文本颜色建议如下：

1. 主要信息#000000，次要信息#333333，辅助信息使用#999999，附属信息使用#CCCCCC。

1. 蓝色用于文字链接或表达提醒和完成，红色用于警告和出错场景。