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

【开讲啦】智能小程序接入搜索基础操作最全讲解-视频版-第一节:小程序基础信息配置

课程概要:智能小程序被搜索引擎正常收录的前提是Web化,Web化后小程序将以普通网页的形式被爬虫发现和抓取,因此需要进行页面基础信息的设置,用于提升搜索引擎优化。第一节:小程序基础信息配置第二节:小程序的一种提交方式第三节:小程序第二种提交方式第四节:十大常见问题详解来源:百度搜索资源平台 百度搜索学堂

Public @ 2019-12-13 15:43:43

知乎项目新玩法,让你的知乎起死回生

作为一个AI语言模型,我只能为您提供一些思路和建议: 1. 重新审视自己的兴趣点和领域,寻找到更加深入的方向,并构建自己的行业影响力。可以通过发表一些深入的原创文章、回答热点问题、参与讨论等方式来提高影响力。 2. 活跃于各种知乎主题下,参与讨论,扩大自己的社交圈。可以通过关注其他有影响力的专家、在自己的回答中引用其他用户的观点等方式来增加影响力和关注度。 3. 创造有深度和有价值的内容。可

Public @ 2023-04-25 14:50:23

百度智能小程序-长隆 AR 动物园

长隆 AR 动物园”是一款动物园游览与动物科普相结合的智能小程序。运用百度的 AR 技术还原动物模型,用户在虚拟的三维环境中给动物喂食,与动物互动,形成看、听、玩一体的科普场景。让用户通过逼真的互动体验获取多维认知,在娱乐中学习科普知识。本文将从信息架构、交互流程、色彩系统、LOGO 设计、动效设计 5 个层面介绍这款智能小程序的设计过程。信息架构多维度匹配用户诉求长隆 AR 动物园的产品目标是让

Public @ 2022-04-24 15:59:42

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

1. 减少HTTP请求数量:减少小程序中HTTP请求的数量,可以减少网络资源的使用,提高小程序的性能。一个好的实践是使用HTTP2.0和WebSocket,可以降低TCP连接和网络延迟。 2. 资源异步加载:异步加载可以让小程序在运行时更加高效,可以减少资源的加载时间,提高小程序的性能。 3. 图片优化:优化图片的压缩率可以减小图片的大小,从而减少小程序中的资源占用率,提高小程序的性能。 4

Public @ 2023-04-24 01:50:16

更多您感兴趣的搜索

0.478906s