Categories


Tags


百度智能小程序设计指南-阅读排版

阅读视线流

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

认真沉浸阅读(Z型)

1. 从左侧开始,视线向右水平移动阅读;

2. 视线下移至最左侧,重复第1步,从上往下逐行阅读。

快速扫视浏览(锯齿型)

1. 从上至下垂直扫描;

2. 发现感兴趣的内容,视线从左向右水平移动。

注意

传统中文的竖向排版,对于长文本场景阅读效率较低,请谨慎使用。

错误

内容横竖排版混用,阅读视线零碎,不建议使用。

字体

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

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

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

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

字号

请合理使用不同字号来区分页面的主次信息,与为了达到整体页面信息最佳可读性,单个模块字号选择不建议超过 3 种。

智能小程序提供以下几档基础字号用于页面布局,建议按场景使用适合的字号,常用场景字号建议如下:

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

颜色

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

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

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

来源:百度智能小程序


Public @ 2016-08-08 15:59:21

智能小程序如何关联H5站点

一、为何要做 H5 站点关联?若您已经有H5站点,并希望在百度搜索中获得更多收益,建议将智能小程序关联H5站点,提交适配资源,进而将百度搜索结果中的H5站点替换成智能小程序。关联是为了校验开发者是否对该站点拥有操作权限。完成 H5 站点关联后,可对已关联站点下流量较大的热门目录进行替换,提交适配规则并查看最终的替换结果。二、智能小程序如何关联 H5 站点?1、必备条件智能小程序关联H5站点的前提条

Public @ 2020-09-13 15:44:37

入驻抖音小店需要缴纳多少保证金?常见问题分享

作为AI语音助手,我无法100%确保答案的准确性,以下仅供参考: 抖音小店入驻需要缴纳保证金,保证金是为了保证卖家的经营诚信,并防止恶意行为的产生。目前抖音小店入驻需要缴纳1000元的保证金,缴纳后会在小店入驻后自动退还给卖家。 常见问题: 1. 保证金缴纳后会退还吗? 答:会的,保证金会在小店入驻后自动退还给卖家。 2. 保证金可以用来支付平台服务费吗? 答:不能,保证金不可以用来支付平

Public @ 2023-06-20 19:00:23

智能小程序进搜索如何正确设置页面基础信息

智能小程序的页面基础信息设置包括标题(title)、描述(description)、关键词(keywords),如下所述: 1. 标题(title):标题是指在浏览器页面上的标题,也是搜索引擎中显示的页面名称,是页面头部信息中最重要的一部分。建议将页面内容核心关键词放在标题中,长度不要超过30个字符。 2. 描述(description):描述是指页面内容的简短描述,也是搜索引擎中显示的页面描

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

秒开之路——百度百科小程序性能优化实践

导语:作为头部小程序,百度百科的用户体验对于百度智能小程序生态的用户体验有重要的作用。页面加载速度是影响用户搜索体验的一个重要因素。百度APP对用户行为的研究表明,页面首屏的加载时间在1秒以内的站点或小程序,用户的留存率会越高,更符合用户对快捷搜索体验的期待。本文是智能小程序直播课的文字版本,将为大家详细讲解百度百科小程序(以下简称“百科”)在达到“秒开”方面做了哪些方面的优化,视频版本请看直播回

Public @ 2016-01-06 15:44:31

更多您感兴趣的搜索

0.492400s