【无标题】

二、视觉规范

一、控件形态与元素组成

1.控件形态

• 控件提供三种⾄少形态：初始、⾼亮、置灰，来表现控件的操作状态：默认、选中、不可⽤等。 

• 对于交互操作及时性反馈的需求状，还应提供点击态。

• 控件尽可能使⽤点击按钮，避免或少⽤滑动控件。    

2.控件元素组成

• 控件必须保持整体形式的统⼀，控件结构必须遵循⼀致性的布局结构。

• 控件内的元素类型以及数⽬不做限制，可根据需求对图⽚、图标、⽂字等各类元素进⾏组合，但必须满⾜相应的尺⼨⼤⼩规范；同时控制内容信 息量，2秒内可完成阅读

三、⽂本与字号

1.⽂本规范：

 • 任务交互中需要⽤户阅读和处理的⽂字信息，⽂本⻓度最多不超过20字（600字/分钟，确保2秒内阅读完成）。

• 重要的⽂本内容，可以通过增加字重的⽅式进⾏焦点突出。

文本对齐：

单行文本可选择居中/左对齐

多行文本建议左对齐

文本间距：

多行文本中主次文本上下间隔2px，左右间隔8px。

段落间隔：文本段落间隔可选择4px、8px、16px，24px，48px，

依照层数目往上递增

2.字号使⽤规则

• 字体的大小，层级，对比度等都是影响视觉可读性和阅读效率的重要因素，为保障文本的易读性，界面文字需满足以下要求：

• 最小可识别文字尺寸：5.4mm。

• 字体层级：区分文本主副层级，字号差距需保持4-6sp。

• 需要用户阅读和处理的重要段落文字不超过20个字（700字/分钟，2秒内读完）

• 对于需要用户关注的文本信息可通过增加字重的方式突出内容。

• ⽂本呈现必须满⾜最⼩字号24sp，以确保内容的可读性

• ⽂本中的字号使⽤需要体现层级区分，上下层级内容之间的字号差距保持4-6sp

字号	建议应用场景
60px	特殊强调信息文字
44px	强调信息文字
36px	主要标题
32px	主要内容文字
28px	次要标题/次要内容文字
24px	状态栏信息/非关键性信息/辅助信息文字