SeeyonUI 色彩说明:
对于致远多个产品线来说,统一颜色规范,可以对多个产品在主题色彩等方面进行规范,使得产品统一,实现家族化设计:
适用产品:A8 A6 CAP4.0、政务
适用范围:产品的界面控件/组件
备注:
1、由于产品经过若干版本的迭代,老的组件/控件尽量修改,但新设计的应用或产品务必遵从此规范;
2、色彩反差不宜太大,最好少用深色或对眼睛有刺激色彩,如黑色、大红、大绿等(警示色除外);
3、系统色彩最好采用一个主色调,为了表现界面层次,可以采用透明度的方式设计界面色彩,一般采用的透明度是80%、50%、30%为宜
Seeyonui标准色
主要用于界面需要强调和突出的控件、组件
如确定按钮、列表表头、页签当前选中等
辅助色
主要用于列表表头背景色值
如列表表头背景色值
主要用于列表选中行背景色值
如列表选中行背景色值
主要二级页面的背景色值
如新建背景色值
主要控件边线线、分割线等颜色
如输入框、分割线等色值
主要用于重要提示背景色值
如处理协同的发起人附言背景色值
主要用于对话框下背景色
如处理协同的发起人附言背景色值
主要用于取消等消极按钮的背景色
如处理协同的发起人附言背景色值
文字规范
备注:
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系统优先使用字体样式
包括中文的简体和繁体
大小
主要用于控件/组件、辅助文字(非重要)的文字大小
如列表、树、输入框等控件、普通提示文字
用在大多数文字
如门户菜单、面包屑、栏目文本、正文区域、回复区文字等
主要用于少数重要标题字体
如栏目标题、文化建设类新闻、公告、讨论、调查等的标题等文字
极少数文字
如协同、会议处理类标题文字、通讯录卡片式人员名字