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

如何把一个知乎号运营到可以养活自己的?

关于知乎号运营收藏这一篇就够了,下面墨雨来分享下我的真实经历!2019年6月份(准确的说应该是5月底),我正式运营我的第一个知乎号,只是抱着试试看的态度去做,没想到后面会改变我的创业方向,当时完全一小白,0经验,虽然知乎号很久之前就注册了,但是几乎没用过,什么都不懂,但是初生牛犊不怕虎,撸起袖子干就完了。从开始的一个月几百块,到后面月入过万是常态,里面的酸甜苦辣只有自己才能体会!我不管其他人做知乎

Public @ 2019-12-25 15:58:20

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

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

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

百度搜索资源平台-H5替换为小程序,适配规范小结

通过提交适配规则,开发者可以将H5资源替换为相应的小程序资源,在搜索结果中展现小程序结果,获得更多优待。我们针对替换过程中容易遇到的问题,整理了七条适配规范,希望能帮助开发者们了解相应标准,规避雷区,正确配置。1、支持百度spider UA抓取支持百度抓取是进行资源替换的首要条件。如果站点封禁了百度小程序UA,那么规则校验时就无法获取页面内容,将导致校验失败,数据无法生效。开发者可以查看《简单2步

Public @ 2021-08-15 15:44:35

百度智能小程序设计原则-层次感

百度智能小程序设计原则之一是层次感。在设计智能小程序时,应该考虑到页面元素之间的层次关系,从而营造出清晰明了、易于理解的用户界面。 以下是实现层次感的一些方法: 1. 使用不同的字体大小、字体颜色和字体样式来区分重要性和次要性的内容,使用户能够快速分辨出主要信息。 2. 使用不同的图标和形状来区分不同的功能和选项。并且相似的功能和选项应该统一使用相同的图标和形状,以加强用户的认知和记忆。

Public @ 2023-06-19 13:50:23

更多您感兴趣的搜索

0.446929s