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

安全创业指南二:如何避免图片侵权

目前由于网络侵权事件越来越多,大家可以联系卢松松微信:13340454, 拉你进入“网络侵权讨论微信群”。如何正确应对法院诉讼!最近这两年,杰哥在闲暇时跟圈内一些朋友交流时发现,站长圈也好,自媒体圈也好,现在大家踩雷最多的,就是版权问题,尤其图片版权,一旦不小心误用,很快就有版权机构上门来找你索赔打官司,做的越大,越容易被他们盯上,搞得很多站长和自媒体创作者很头疼,就连卢松松博客在方面也踩过几次雷

Public @ 2009-02-19 15:58:28

101步让你成为一个优秀的博客

读者吴智勇推荐了一篇他翻译的关于博客技巧的文章到月光博客,文章名为《101步让你成为一个优秀的博客》,有一定的参考价值,以下为全文。101步让你成为一个优秀的博客我发现最成功的博客都有相似的成功步骤,经过长期的研究和学习,我发现写博客虽然没有表面上看起来那么简单但是,经过一定的努力,我想每个人都能成为一个成功博客。下面是成为优秀博客的101个步骤...1、首先,使用WordPress,内置的SEO

Public @ 2015-07-04 15:49:51

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

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

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

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

1、建立有效的票务系统:有效建立票务系统,使客户能够更快捷的购买电影票,提升用户体验。 2、提供具有竞争力的就餐服务:尽可能多的让客户享受丰富的就餐服务,保证客户可以就餐后准时观影,不影响观影体验。 3、加强卡片系统:可以提供VIP卡片服务,为VIP用户提供贵宾厅、尊享座位等优质服务,提升他们的观影体验。 4、采用智能系统:采用智能电影院管理系统,为客户提供更加得心应手的服务,使用户感受

Public @ 2023-02-24 12:12:26

更多您感兴趣的搜索

0.483874s