| 纷享销客 | 帮助中心 - 北京易动纷享科技有限责任公司

品牌色

一、概述

1.1 主题色

主题色是系统内所有组件的主色调,如:按钮、页签、开关等其它控件。在纷享销客系统内默认使用橙色为主题色,同时有六种预置主题色,也可通过自定义选择主题色,或输入十六进制色彩数值来设置指定主题色(为确保展示效果有效,对颜色会有相应建议)

入口:后台--企业设置--品牌色

1.2 皮肤色

简单理解为系统局部区域的颜色,主要显示区域在web主导航和移动端顶栏;系统初始默认选中1种预置颜色,也可以通过其余14种预置色来选取,若预置色不满足用户诉求,则使用自定义颜色来补充,用户可通过“自定义”功能自主配置任意颜色(为保证识别度,对颜色会有相应的指导建议)

二、主题色配置说明

2.1 基本功能

  • 主题色控制页面内大部分组件的主色;
  • 功能设置分为“预置、自定义”两种配置能力,左侧配置后,右侧预览区可实时预览其配置效果。

2.2 预置及自定义主题色

2.2.1 预置颜色

  • 预置色系统提供常见的6种高饱和度色彩,供用户点选使用;
  • 左侧配置后,右侧预览区可实时预览其配置效果;
  • 点击“立即使用”相关配置即可生效(见下图)。
Web端主导航“预置”主题色

2.2.2 自定义颜色

  • 当预置色不满足用户诉求,则使用自定义颜色来补充,用户可通过自定义选择自主配置任意颜色;
  • 当选择主题色饱和度和明度过低时,会出现纠正提示"请确保饱和度和明度的数值高于70"提醒用户修正所选主题色,并可通过“校正颜色”功能进行颜色校正。
WEB端主导航“自定义”主题色

三、皮肤色配置说明

3.1 基本功能

  • 可配置web主导航和移动端顶栏的皮肤颜色;
  • 功能设置分为‘预置、自定义’两种配置能力,左侧配置后,右侧预览区可实时预览其配置效果。

3.2 WEB主导航预置及自定义皮肤色

3.2.1 预置颜色

  • 预置色:提供 3个中性色(黑、白、灰)及6个浅色调以及6个深色调,供用户点选使用;
  • 左侧配置后,右侧预览区可实时预览其配置效果;
  • 点击“立即使用”相关配置即可生效(见下图)

3.2.2 自定义颜色

  • 需要用户手动配置主导航底色的色值、选择主导航上应用的默认颜色(文字和图标)、并配置选中颜色(文字和图标);
web端主导航,自定义"皮肤色"

3.3 移动端顶栏预置及自定义颜色

3.3.1 预置颜色

  • 预置色:提供 3个中性色(黑、白、灰)及6个浅色调以及6个深色调,供用户点选使用;
  • 左侧配置后,右侧预览区可实时预览其配置效果;
  • 点击“立即使用”相关配置即可生效(见下图)

3.3.2 自定义颜色

  • 自定义色,需要用户手动配置顶栏底色的色值、并选择顶栏上文案的颜色;
  • 左侧配置后,右侧预览区可实时预览其配置效果;
  • 点击“立即使用”相关配置即可生效(见下图)
2024-11-26
0 0
Baidu
map