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 态的用户体验的方法: 1. 加载速度优化:确保小程序的加载速度快,这可以通过优化代码、减少组件数量、使用适当的图片大小等方法来实现。同时,网络请求也需要优化,确保加载数据的速度快速和稳定。 2. 简洁明了的设计:分享的小程序设计需要简单明了,易于理解和使用。在设计时,应该注意突出主题和重点

Public @ 2023-06-07 19:00:14

小红书实操玩法详细教程,轻松当老板!

小红书(RED)是一款社交电商平台,用户可以在上面分享生活经验,发现新品牌和产品,以及购买商品。如果你想成为一名小红书的老板,拥有自己的店铺和粉丝群体,下面是一些实用的操作指南。 1. 注册账号 首先需要在小红书官网上注册账号,填写个人信息和联系方式。如果是企业账号,需要提供相关的企业证照和资料。 2. 了解平台规则 在开始使用小红书之前,需要仔细阅读平台的规则和政策,了解哪些行为是被禁止

Public @ 2023-06-01 12:00:39

百度智能小程序-如何提升电影行业购票体验

1. 智能推荐功能:通过用户的观影历史、评分、浏览记录等数据,推荐个性化的电影,提高用户体验。 2. 快速购票功能:通过实现支付宝、微信支付等安全快捷的支付方式,提供优质的购票体验。 3. 场馆比价功能:提供不同电影院的价格信息,让用户方便地比较不同场馆的价格和优惠。 4. 互动社区功能:创建影迷社区,提供用户评论、打卡、签到等功能,增加用户与电影院之间的互动性。 5. 团购优惠功能:针对

Public @ 2023-06-21 09:00:16

百度智能小程序-百度小游戏特别规范

小游戏指选择小程序游戏类目并提供游戏服务的小程序。小游戏开发者需遵守以下小游戏特别规范内容:1. 游戏类目选择规范1.1 开发小游戏,请选择游戏类目。一旦选择了游戏类目,该类目将不可修改变更为其他小程序类目。1.2 应提供国家法律法规要求的各类资质文件选择游戏类目。1.3 不得恶意提交小游戏,不得提交涉嫌抄袭已有游戏产品的小游戏;不得通过简单修改游戏美术设计、视觉效果、UI、元素、素材等方式提供多

Public @ 2017-03-09 15:59:33

更多您感兴趣的搜索

0.443545s