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

百度智能小程序-性能指标优化建议

小程序性能稳定性是衡量小程序等级的重要指标之一,是指小程序在百度 App 中加载和呈现的速度,以及小程序对用户交互的响应程度。性能欠佳的小程序显示速度和对输入响应的速度较慢,甚至会出现内容不可访问的情况,这将在不同程度上影响用户体验,从而导致用户流失,所以使用性能指标来评估小程序的加载速度是非常必要的。开发者可以在“开发者平台 -> 开发管理 -> 权益中心”的界面,点击指标后的“查看

Public @ 2012-11-23 15:59:18

拆解如何从0-1利用知乎排名被动精准引流和变现

1. 确定目标受众和内容方向:首先需要确定自己想要吸引的目标受众是什么人,以及想要发布的内容方向是什么。比如,如果你想要吸引的是IT从业者,你可以发布相关技术文章;如果你想要吸引的是小说爱好者,你可以发布小说原创文章等。 2. 注册知乎账号并完善个人信息:注册知乎账号,完善个人信息,并添加与自己关注领域相关的话题。这可以让其他知友更容易发现你,并加入你的关注列表。 3. 发布高质量内容:发布高

Public @ 2023-03-29 20:00:48

百度智能小程序-设计走查表

为方便小程序设计,小程序团队提供《智能小程序设计走查表》以供参考。此走查表是一份综合性的移动端用户体验设计走查项目集合,内容涵盖以下三个方面:面向交互设计师的信息结构与流程设计、操作与反馈走查项;面向视觉设计师的界面呈现、适配走查项;针对智能小程序平台特性的特殊走查项。走查表适用于设计流程中的各个阶段,项目初期,开发者可通过走查表预知并规避风险点;设计方案产出后,走查表可协助开发者快速遍历,查找遗

Public @ 2011-09-22 15:59:19

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

阅读视线流中国用户阅读浏览内容的习惯通常是“从左往右,从上往下”,在信息排版时,我们应该把主要的信息内容放在屏幕左上侧。认真沉浸阅读(Z型)1. 从左侧开始,视线向右水平移动阅读;2. 视线下移至最左侧,重复第1步,从上往下逐行阅读。快速扫视浏览(锯齿型)1. 从上至下垂直扫描;2. 发现感兴趣的内容,视线从左向右水平移动。注意传统中文的竖向排版,对于长文本场景阅读效率较低,请谨慎使用。错误内容横

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

更多您感兴趣的搜索

0.632987s