Axure的画图规范说明

Axure的画图规范说明自定义

1. 网页整体尺寸：1366x768；色值：# F8F9FD
2. 顶部一级导航：1366x48；色值：# 1D8FFF
3. 左右布局，左侧边导航：768x194；色值：# 191A23
4. 侧边导航栏宽高：194x768
5. 左侧一级菜单宽高：194x40/边距：16,字号:14,色值：#FFFFFF,图标：14x14，二级导航宽194w, 高40h，一二级菜单文字相差一个文字间隔
6. 主体内容：1172x720；色值：# F8F9FD;上下左右边距分别：16，字体：微软雅黑
7. 二级主体内容，就是白色背景，宽高：1140x688，色值：#FFFFFF

8. 标题：菜单名称，字号：16号加粗

9. 表单字号：14号，文本框：200x32，圆角：4，边框：1 像素，色值：#E6E9F0，表单左右间隔：32 ，上下间隔：16

10. 按钮：图标+文字，宽高：88x32，这里按钮分为两种：主要按钮是搜索和次要按钮比如重置按钮，按钮左右间隔：8

11. 表格的表头宽高：1108x40，标题背景色为#FAFAFA，微软雅黑字号14，字号加粗，色值#333333

12. 表格表行宽高：1108x44，文字色值：#333333，间隔线色值：#E6E9F0

13. 弹窗标题表头宽高：960x48，字号：16加粗，字体：微软雅黑，间隔线色值：#EBEDF0
    

14. TAB页签切换，文字居中,左边距16，页签左右加4圆角，当前页下边框无，宽自适应，居中,高44h

15. 一行展示效果：三个查询条件+右侧同行查询重置按钮，查询重置展示在第一行上面；

16. 两行展示效果：上下六个查询条件，查询重置展示在第一行上面；

17. 两行以上展示效果：同两行效果,加收起展开按钮可以收缩查询行页面，默认最多展示两查询行。
18. 查询框的字段，左边距16，上边距16；文字微软雅黑，不加粗，14号字体，黑色，
19. 查询框的框，宽200w,高32h，输入框提示语999999，线框D7D7D7

20. 查询框间距64，查询框靠左，查询按钮始终靠右16

21. 控件统一用元件库的按钮，保证风格样式统一