Appearance
文字
概述
字体是体系化界面设计中最基本的构成之一。 我们的用户通过文本来理解内容和完成工作,科学的字体系统将大大提升用户的阅读体验及工作效率。
设计稿建议字体
- 在DMS系统中,建议全部使用MiSans字体,无论是中文、英文、数字或金额。

- 在水晶球系统中,建议中英文使用Pingfang SC字体,数字或金额使用D-DIN Pro字体。

字体家族
优秀的字体系统首先是要选择合适的字体家族。为保证全平台电脑的显示效果尽可能美观,优先使用系统默认的界面字体,同时提供了一套利于屏显的备用字体库,来维护在不同平台以及浏览器的显示下,字体始终保持良好的易读性和可读性,体现了友好、稳定和专业的特性。
font-family: "PingFang SC","MiSans","Helvetica Neue","Helvetica","Arial",sans-serif;字阶与行高
字阶和行高决定着一套字体系统的动态与秩序之美。字阶是指一系列有规律的不同尺寸的字体。行高可以理解为一个包裹在字体外面的无形的盒子。

以下为字阶和行高的数值对应表。 计算公式:字阶 + 8 = 行高

字重
字重的选择,在多数情况下,只出现 regular 以及 medium 的两种字体重量,分别对应代码中的 400 和 500。

建议的字号和字重对应表

数字与金额
数字用来表示计量大小,可单独出现,或搭配数字符号进行使用; 字体使用 MiSans Bold,默认使用千分位展示数字信息,以便用户快速识别数字位数。

金额货币符号展示规则
- 单位和符号不可同时使用
- 金额前有 “+” 或 “-” 符号时,不使用货币符号
- 金额在一句句子中时,使用货币单位 “元”
- 标题已标记货币单位时,列表中的货币单位可省略
- 金额在图表中,使用货币符号 “¥”
大额数字展示规则
如果一个数字很大,且无需精准展示(根据业务实际情况判断),可结合单位进行展示 单位仅有 “万”、“亿” 两种


