小程序适老化设计指南

为什么要做适老化

为了让老年人群体更加平等便捷地获取、使用互联网应用信息，我们建议开发者根据用户的微信字体大小设置，对小程序进行适配。

微信字体大小

获取微信字体大小

开发者可以通过wx.getAppBaseInfo或wx.getSystemInfo获取微信字体大小相关参数：

fontSizeSetting：用户字体大小（单位px）
fontSizeScaleFactor：字体缩放倍率

推荐使用wx.getAppBaseInfo接口，后续wx.getSystemInfo接口将不再维护。

微信字体大小变化规则

iOS

iOS下，微信字体大小共有7个档位，1个标准档位、1个缩小档位、5个放大档位。不同的屏幕尺寸、不同的字体设置档位对应不同的用户字体大小（fontSizeSetting）。fontSizeScaleFactor（字体缩放倍率）为当前用户字体大小除以标准字体大小（17px）获得。用户字体大小（fontSizeSetting）变化规则如下：

屏幕尺寸	-1	标准	+1	+2	+3	+4	+5
414屏	16	17	18.5	20	22	23.8（「关怀模式」字号）	25.5
375屏	16	17	18	19.5	21	22	23.8（「关怀模式」字号）
320屏	16	17	18	19	20.5	22	23.8（「关怀模式」字号）
iPad	16	17	20	24.5（「关怀模式」字号）	27.5	29.75	29.75

对于原生导航栏、聊天对话框、朋友圈正文，微信侧进行了特殊处理，开发者可进行参考。原生导航栏在所有屏幕尺寸字体大小变化规则相同，如下：

-1	标准	+1	+2	+3	+4	+5
16	17	18.5	20	20	20	20

聊天对话框与朋友圈正文字体大小规则如下：

屏幕档位	-1	标准	+1	+2	+3	+4	+5
414屏	16	17	18.5	20	24.5	25.5	27.5
375屏	16	17	18.5	19.5	23	25.5	27.5
320屏	16	17	18	19	21	25.5	27.5
iPad	16	17	20	24.5	27.5	28.73	30

Android

Android下，微信字体大小共有8个档位，1个标准档位、1个缩小档位、6个放大档位。不同的档位对应不同的字体缩放倍率（fontSizeScaleFactor），用户字体大小（fontSizeSetting）由标准字体大小（16px）*字体缩放倍率（fontSizeScaleFactor）后取整数决定。

参数	-1	标准	+1	+2	+3	+4	+5	+6
字体缩放倍率	*1	*1	*1	*1.12	*1.125	*1.4（「关怀模式」倍率）	*1.55	*1.65
用户字体大小	16	16	16	18	18	22	25	26

同时，不同的档位设备独立像素值会发生变化，字体实际展示大小由设备独立像素值变化倍率*用户字体大小（fontSizeSetting）决定。由于此参数的变化，会导致-1/标准/+1、+2/+3这些档位虽然用户字体大小相同，实际字体展示大小不同。独立像素值当前未对小程序生效，后续版本将更改此特性，因此开发者无需理解设备独立像素值变化倍率，按照用户字体大小（fontSizeSetting）适配即可。不同档位独立像素值带来的实际字体展示大小如下，开发者可进行参考：

参数	-1	标准	+1	+2	+3	+4	+5	+6
独立像素值变化倍率	*0.91	*1	*1.11	*1.11	*1.18	*1.18	*1.18	*1.18
用户字体大小	16	16	16	18	18	22	25	26
实际字体展示大小	14.56	16	17.76	21.24	21.24	25.96	29.5	30.68