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 @ 2009-07-25 15:59:22

谈一谈如何打造feed小程序爆款内容,获取更多流量

大家好,不知道大家在提交智能小程序资源入信息流时,是否遇到过以下疑惑:我的资源提了这么多、发了这么久,为什么还没多少流量?那家小程序一条素材就有上万点击,怎么做到的?这就要从小程序素材在信息流的推荐机制说起。一、 影响小程序信息流流量的三大指标小程序入信息流的海量内容大部分是由机器进行推荐的,推荐机制复杂,用的是高级机器算法。推荐算法不可能被人为精细化的完整解读,因此开发者需要在过程中不断摸索和完

Public @ 2022-09-19 15:44:32

百度智能小程序设计指南-图片图标

图片图片比文字更吸引用户,能丰富页面内容。开发文档说明详见 image 。请使用清晰的图片,像素低的图片会降低页面的整体质感。图标图标能辅助信息的表达,开发文档说明详见 icon 。使用图标风格应简洁、辨识性强,建议按场景绘制或内容分类入口。智能小程序常用图标库彩色图标,多应用于页面中的重点内容分类入口(金刚位);单色图标,多应用于框架或基础页面的功能。你可直接使用智能小程序相关体验资产。(视觉资

Public @ 2022-07-07 15:59:20

更多您感兴趣的搜索

0.436396s