文字
文字是界面内的基础元素之一,是用户了解软件和完成操作的重要渠道,保持文字系统的一致和稳定,能更好的划分页面功能逻辑,提升用户体验和使用。
字体类型
文本类型:
正文类文字,包含以下三种:
正文-常规【使用范围:1.带图标按钮内容、2.信息输入控件内容、3.信息展示控件内容、4.普通描述内容】
正文-强调【使用氛围:1.文本按钮内容、2.重点描述内容】
正文-辅助【使用范围:1.数值单位、2.按钮序号角标】
标题类文字,包含以下三种:
标题-常规【使用范围:1.信息展示控件标题、2.数据标题、3.数据内容、4.重点信息】
标题-强调【使用范围:1.重点操作按钮内容、2.分区标题】
标题-特大【使用范围:1.警告标题、2.特殊数据内容】
字体选择:
通常使用【微软雅黑 Msyh(Microsoft YaHei)】,特殊情况下可更改字体,但必须保持与微软雅黑风格近似。
文字类型与字号对应图例:
具体设计
正文类文字
【正文-常规 】(12pt)
用于:1.带图标按钮内容、2.信息输入控件内容、3.信息展示控件内容、4.普通描述内容
1.带图标按钮内容:按钮内包含图标和文字的,其中的文字应使用12pt。
2.信息输入控件内容:属于本设计规范内“信息输入控件”的组件(各类型输入框、下拉选项框、数据滑动条、开关、复选框、单选框)包含的文字,均应使用12pt。
3.信息展示控件内容:属于本设计规范内“信息展示控件”的组件(tab切换、综合信息框、表格、分页器、树选项)除去“标题”文字,其余“内容”文字均应使用12pt;
请注意-“tab切换”、“树选项”组件内的全部文字均视为“标题”文字、“分页器”组件内的全部文字均视为“内容“文字。
4.普通描述内容:不涉及直接操作、引导操作、重要警告内容的常规描述性文字,称为“普通描述”。应使用12pt。
备注:字体颜色根据主题自定义;行高采用默认值。
图例:
【正文-强调 】(14pt)
用于:1.文本按钮内容、2.重点描述内容
1.文本按钮内容:纯文本按钮内的文字,为更利于阅读和操作,应使用14pt。
2.重点描述内容:引导用户填写/勾选等操作的文字、重点警告内容,视为重点描述信息。应使用应使用14pt。
备注:字体颜色根据主题自定义;行高采用默认值。
图例:
【正文-辅助 】(9pt)
用于:1.数值单位、2.按钮序号角标
1.数值单位:指数据的单位,例如mm/min、cm/min等。
2.按钮序号角标:指部分按钮左上角的序号标识(但请注意:木工系列产品主页底部的快捷按钮序号角标,不适用9pt)
备注:字体颜色根据主题自定义;行高采用默认值。
图例:
标题类文字
【标题-常规】(14pt_加粗)
用于:1.信息展示控件标题、2.数据标题、3.数据内容、4.重点信息
1.信息展示控件标题:属于本设计规范内“信息展示控件”的组件(tab切换、综合信息框、表格、分页器、树选项)除去“内容”文字,其余“标题“文字均应使用14pt(加粗);
请注意“tab切换”、“树选项”组件内的全部文字均视为“标题”文字、“分页器”组件内的全部文字均视为“内容”文字。
2.数据标题:各类数据的标题(一般为坐标数据居多)应使用14pt(加粗)
3.数据内容:各类数据的内容(一般为坐标数据居多)应使用14pt(加粗)
4.重点信息:设备状态/工作状态/实时坐标/加工文件名称和规格等,均为重要信息,应使用14pt(加粗)
备注:字体颜色根据主题自定义;行高采用默认值。
图例:
[标题-强调](16pt_加粗)
用于:1.重点操作按钮内容、2.分区标题
1.重点操作按钮内容:大型快捷操作按钮(列入木工系列产品主页下方快捷按钮)可定义为重点操作按钮,为更好阅读和操作,应使用16pt(加粗)。
2.分区标题:弹窗或主页内,单一模块内需要区分内容并赋予标题时,应使用16pt(加粗)
备注:字体颜色根据主题自定义;行高采用默认值。
图例:
【标题-特大】(20pt_加粗)
用于:1.警告标题、2.重点数据内容
1.警告标题:主页大型警告控件的标题,应使用20pt(加粗)
2.重点数据内容:主页或弹窗内需要重点展示的特殊数据,应使用20pt(加粗)
备注:字体颜色根据主题自定义;行高采用默认值。
图例: