SeeyonUI 色彩说明:

对于致远多个产品线来说,统一颜色规范,可以对多个产品在主题色彩等方面进行规范,使得产品统一,实现家族化设计:

适用产品:A8 A6 CAP4.0、政务

适用范围:产品的界面控件/组件

备注:

1、由于产品经过若干版本的迭代,老的组件/控件尽量修改,但新设计的应用或产品务必遵从此规范;

2、色彩反差不宜太大,最好少用深色或对眼睛有刺激色彩,如黑色、大红、大绿等(警示色除外);

3、系统色彩最好采用一个主色调,为了表现界面层次,可以采用透明度的方式设计界面色彩,一般采用的透明度是80%、50%、30%为宜

Seeyonui标准色

主色 #1F85EC

主要用于界面需要强调和突出的控件、组件
如确定按钮、列表表头、页签当前选中等

辅助色

#B4DDF9

主要用于列表表头背景色值
如列表表头背景色值

#DEF2F8

主要用于列表选中行背景色值
如列表选中行背景色值

#F7F7F7

主要二级页面的背景色值
如新建背景色值

#D4D4D4

主要控件边线线、分割线等颜色
如输入框、分割线等色值

#FFF7DA

主要用于重要提示背景色值
如处理协同的发起人附言背景色值

#4D4D4D

主要用于对话框下背景色
如处理协同的发起人附言背景色值

#999999

主要用于取消等消极按钮的背景色
如处理协同的发起人附言背景色值

文字规范

备注:

1、系统中标准字体大小为14px,字体最小12px,最大不超过20px;

2、新设计和优化的应用使用14px字体大小,大小保持一致(如CAP4.0组件、控件),老系统优化和设计尽量往新应用的组件、控件上靠

(自定义门户字体根据模板而定,不在此规范);

3、系统使用的默认字体样式检测不到,即使用该浏览器默认字体样式;

4、文字大小和色值需要艺术处理或有特殊要求的地方除外。

颜色

#111111 缺省文本

#666666 辅助文本

#999999 提示/置灰

#1F85EC 高亮文本

#?????? 友好提示

#cd5757 警告文本?

#FFFFFF 白色文本

样式

苹方 / 微软雅黑 / Arial /
Helvetica / sans-serif / SimSun

Windows系统优先使用字体样式
包括中文的简体和繁体、英文(按照排序的优先级使用)

苹方(Ping Fang SC)/ Helvetica

MAC系统优先使用字体样式
包括中文的简体和繁体

大小

标准字 12px

主要用于控件/组件、辅助文字(非重要)的文字大小
如列表、树、输入框等控件、普通提示文字

标准字 14px

用在大多数文字
如门户菜单、面包屑、栏目文本、正文区域、回复区文字等

标准字 16px

主要用于少数重要标题字体
如栏目标题、文化建设类新闻、公告、讨论、调查等的标题等文字

标准字 18px

极少数文字
如协同、会议处理类标题文字、通讯录卡片式人员名字