一、概述
1.1 主题色
主题色是系统内所有组件的主色调,如:按钮、页签、开关等其它控件。在纷享销客系统内默认使用橙色为主题色,同时有六种预置主题色,也可通过自定义选择主题色,或输入十六进制色彩数值来设置指定主题色(为确保展示效果有效,对颜色会有相应建议)
1.2 皮肤色
简单理解为系统局部区域的颜色,主要显示区域在web主导航和移动端顶栏;系统初始默认选中1种预置颜色,也可以通过其余14种预置色来选取,若预置色不满足用户诉求,则使用自定义颜色来补充,用户可通过“自定义”功能自主配置任意颜色(为保证识别度,对颜色会有相应的指导建议)
二、主题色配置说明
2.1 基本功能
- 主题色控制页面内大部分组件的主色;
- 功能设置分为“预置、自定义”两种配置能力,左侧配置后,右侧预览区可实时预览其配置效果。
2.2 预置及自定义主题色
2.2.1 预置颜色
- 预置色系统提供常见的6种高饱和度色彩,供用户点选使用;
- 左侧配置后,右侧预览区可实时预览其配置效果;
- 点击“立即使用”相关配置即可生效(见下图)。
2.2.2 自定义颜色
- 当预置色不满足用户诉求,则使用自定义颜色来补充,用户可通过自定义选择自主配置任意颜色;
- 当选择主题色饱和度和明度过低时,会出现纠正提示"请确保饱和度和明度的数值高于70"提醒用户修正所选主题色,并可通过“校正颜色”功能进行颜色校正。
三、皮肤色配置说明
3.1 基本功能
- 可配置web主导航和移动端顶栏的皮肤颜色;
- 功能设置分为‘预置、自定义’两种配置能力,左侧配置后,右侧预览区可实时预览其配置效果。
3.2 WEB主导航预置及自定义皮肤色
3.2.1 预置颜色
- 预置色:提供 3个中性色(黑、白、灰)及6个浅色调以及6个深色调,供用户点选使用;
- 左侧配置后,右侧预览区可实时预览其配置效果;
- 点击“立即使用”相关配置即可生效(见下图)
3.2.2 自定义颜色
- 需要用户手动配置主导航底色的色值、选择主导航上应用的默认颜色(文字和图标)、并配置选中颜色(文字和图标);
3.3 移动端顶栏预置及自定义颜色
3.3.1 预置颜色
- 预置色:提供 3个中性色(黑、白、灰)及6个浅色调以及6个深色调,供用户点选使用;
- 左侧配置后,右侧预览区可实时预览其配置效果;
- 点击“立即使用”相关配置即可生效(见下图)
3.3.2 自定义颜色
- 自定义色,需要用户手动配置顶栏底色的色值、并选择顶栏上文案的颜色;
- 左侧配置后,右侧预览区可实时预览其配置效果;
- 点击“立即使用”相关配置即可生效(见下图)