需求界面原型设计规范(初稿).doc
《需求界面原型设计规范(初稿).doc》由会员分享,可在线阅读,更多相关《需求界面原型设计规范(初稿).doc(37页珍藏版)》请在冰点文库上搜索。
湖南天天向上网络技术有限公司
需求-界面原型设计规范
版本控制
版本
修订时间
修订人
修订类型
修订章节
修订内容
0.1
2010-11-12
漆赛鹏
创建
全部
目录
1.页面布局...............................................................................................................................5
1.1页面布局不尺寸............................................................................................................6
1.2图形尺寸规范.................................................................................................................6
1.3浮层尺寸.........................................................................................................................7
1.4BANNER尺寸...............................................................................................................7
2.文本元素...............................................................................................................................8
2.1面包屑.............................................................................................................................8
2.2日期格式.........................................................................................................................8
3.基础控件...............................................................................................................................9
3.1链接Links......................................................................................................................9
3.1.1交互规范...............................................................................................................10
3.1.2使用原则...............................................................................................................10
3.1.3交互行为...............................................................................................................10
3.1.4视觉规范...............................................................................................................10
3.1.5设计原则...............................................................................................................11
3.1.6状态.......................................................................................................................11
3.2通用按钮simplebutton..........................................................................................11
3.2.1交互规范...............................................................................................................11
3.2.2使用原则...............................................................................................................11
3.2.3按钮的位置...........................................................................................................12
3.2.4按钮上的图形不标签..........................................................................................12
3.2.5按钮的行为...........................................................................................................13
3.2.6视觉规范...............................................................................................................13
3.2.7外观.......................................................................................................................13
3.2.8状态.......................................................................................................................13
3.2.9尺寸.......................................................................................................................14
3.3页卡Tabs.....................................................................................................................14
3.3.1交互规范...............................................................................................................14
3.3.2交互行为...............................................................................................................15
3.3.3视觉规范...............................................................................................................16
3.4伪按钮Pseudo-Button............................................................................................16
3.4.1交互规范...............................................................................................................17
3.4.2视觉规范...............................................................................................................17
3.5日期控件Datepicker...............................................................................................18
3.5.1交互规范...............................................................................................................18
3.5.2交互行为...............................................................................................................19
3.6单选按钮.......................................................................................................................19
3.6.1交互规范...............................................................................................................19
3.6.2交互行为...............................................................................................................20
3.6.3视觉规范...............................................................................................................20
3.7复选框...........................................................................................................................21
3.7.1交互规范...............................................................................................................21
3.7.2交互行为...............................................................................................................22
3.7.3视觉规范...............................................................................................................22
3.8文本框...........................................................................................................................23
3.8.1交互规范...............................................................................................................23
3.8.2交互行为...............................................................................................................24
3.8.3视觉规范...............................................................................................................25
3.9下拉列表.......................................................................................................................25
3.9.1交互规范...............................................................................................................25
3.9.2交互行为...............................................................................................................26
3.9.3视觉规范...............................................................................................................27
3.10组合框.......................................................................................................................27
3.10.1交互规范...............................................................................................................27
3.10.2交互行为...............................................................................................................28
3.10.3视觉规范...............................................................................................................28
3.11工具提示...................................................................................................................28
3.11.1交互规范...............................................................................................................28
3.11.2视觉规范...............................................................................................................29
3.12对话框.......................................................................................................................29
3.12.1交互规范...............................................................................................................29
3.12.2视觉规范...............................................................................................................30
3.12.3视觉样式...............................................................................................................30
3.13浮层...........................................................................................................................30
3.13.1交互规范...............................................................................................................30
3.13.2交互行为...............................................................................................................31
3.13.3视觉规范...............................................................................................................31
3.14通用表单...................................................................................................................32
3.14.1交互规范...............................................................................................................32
3.14.2交互行为...............................................................................................................33
3.15表格...........................................................................................................................33
3.15.1交互规范...............................................................................................................33
3.15.2交互行为...............................................................................................................34
1.页面布局
1.1页面布局与尺寸
1.页面内容宽度保持960px,页面宽度为1000px之内,背景图形宽度自定;
设定一屏高度为600px,重要