开源通网站Web产品系统
2
2
2
2
3
4
4
开源通网站Web产品系统
2
2
2
2
3
4
4
4
4
4
4
4
4
4
4
5
: 5
5
: 5
: 5
6
6
·本文档对开源通网站系统页面视觉设计进展标准
·本文档旨在通过统一标准,简历页面框架和元素设计、规划与交互的通用规则,
在保证页面美观、易用、一致的前提下,提高页面批量消费和统一规划效率
·本标准以系统开发及后期维护人员为阅读对象
·本系统UI主色系根据Web设计专业要求由白色与暗红色构成。
·色彩的色域构成简约、大方、国际化
主色辅色
需设计图标色彩与色彩编号
传统的VI手册,色值通常是以平面印刷为优先定义的(比方CMYK色或专色),网页上的某些色彩,也能够考虑采纳纯度更高的近似色。
LOGO
Loginregis
导航
辅助导航
Tab
Links
Text
Chart
Button
Table
Dialog
Slider
Lcons
Highlight/Error
DatePicker
FLinks
CP
这张规划图,包含和传递了非常多信息:整体效果、功能划分、色彩与外型、规划参数⋯⋯
登录典型页面:
·页面最正确习惯1024x768及其上分辨率
·区块与区块之间的间隔为10像素
·元素与元素的最小间隔为10像素
·有明确的区域或元素宽度,高度最好为10的倍数,至少为5的倍数(如导航高度为30,按钮高度为20,树的当前菜单背风光高度为20)
Web产品视觉方案网站视觉规范书 来自淘豆网m.daumloan.com转载请标明出处.
