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

最简单有效微信群吸粉方法,小白新手也能!

引流一直是大家所关注的话题,我们只有足够的粉丝做基础,才能实行我们的项目方案,把我们的产品营销推广出去,从而得利!相信你也测试了不少方法渠道!有的感觉还不错吧?但是较高的门槛搞得你疲惫不堪;而有的,效果却一塌糊涂。这篇文章里我只推荐一种方法就是"微信群引流"为什么?因为这是我自己测试过,有效果的方法,我只推荐自己实践过的引流方式!而且在群里面引流,有个先天优势,因为粉丝就在你我

Public @ 2022-09-08 15:50:10

百度智能小程序搜索优化指南(基础版)-目录

一、为什么百度搜索喜欢智能小程序二、开发前必读内容2.1 必须了解的搜索知识2.2 掌握常用工具2.2.1 代码检测工具2.2.2 智能小程序资源管理工具2.3 如何搭建智能小程序更友好2.3.1 设置目录和path路径2.3.2 设置页面基础信息2.3.3 设置页面内容布局三、智能小程序资源如何进入搜索3.1 接入自然搜索结果,获取通用搜索流量3.1.1 接入自然搜索的基本要求3.1.2 接入方

Public @ 2020-02-11 15:43:52

智能小程序单卡流量配置说明

1.智能小程序单卡介绍:智能小程序单卡是一种搜索特型卡片,具有曝光强势、用户交互服务更直接等优点,能够帮助开发者获取更多流量。在品牌曝光上,用户搜索小程序相关名称,会有4大特型样式展现,配合每种样式中开发者自行配置的多个展示模块,能给为用户带来更强烈的感知,从而促进品牌曝光,获取流量。在交互服务上,用户可以在搜索结果页上就直接找到所需要的服务,点击可直达相关小程序首页或具体服务页面,从而帮助用户快

Public @ 2020-03-15 15:44:33

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

智能小程序可以通过在小程序内部嵌入H5站点的方式来关联H5站点。具体步骤如下: 1. 在小程序中创建一个web-view组件,用于嵌入H5站点。 2. 获取H5站点的URL链接。 3. 在小程序中使用wx.navigateTo()或wx.redirectTo()等API打开web-view组件,并传入H5站点的URL链接。 4. 用户在小程序内打开web-view组件后,即可访问关联的H5

Public @ 2023-06-22 21:00:13

更多您感兴趣的搜索

0.550575s