软件开发标准案例.docx
《软件开发标准案例.docx》由会员分享，可在线阅读，更多相关《软件开发标准案例.docx（24页珍藏版）》请在冰豆网上搜索。
软件开发标准案例
Subject：
MDTeamUI设计规范
Doc.：
S-MD2
Rev.：
V1.0
ReleaseDate：
25/10/2006
RevisionStatus：
一、规范类别
二、类别细项
三、模版范例
…
ApprovedBy：
ReviewedBy：
PreparedBy：
VMHead/
VD/SherryXia
VD/SherryXia
KellyChiang
VE/SherryXia;TinaChen;AnneNi;EricSong
MDTeamUI设计规范
Agenda:
一、规范类别
二、类别细项
三、模版范例
…
------规范细项---------------------------------------------------------------------------------------------------------------------------------------------------------------
一、规范类别
1．基本规范元素
2．图形设计元素
3．切图制作规范
…
二、类别细项
1．基本规范元素
版本尺寸
①．1024*768
②．1280*1024
窗口最大化
①．banner和bottom背景图向右平铺延伸，至满屏显示
②．表格向右延伸，右边距保持不变
③．页面中其他元素位置、间距等保持不变
1024分辨率：
1280分辨率：
版型风格
①．一般的应用系统从模版库中选择一种合适的版型套用
②．设计风格有特别需求的可另行设计，比如：
门户网站、入口网站、娱乐性/营销性网站等
系统色调
主色调为紫色、辅助色为其它有彩色系或无彩色系。
整幅页面的用色为4种色系以内（特殊情况或需求除外）。
配色方案：
就具体模版或系统页面设计
#E003FD-----------------主色调-----------------#2D0088
#FF0000-----------------辅助色-----------------#FF0000#FFFFFF-----------------辅助色-----------------#000000
图片元素
①．几何图形构成，呈现专业、简约、友好的人机界面
②．公司Logo（#511D82000000#515151000000#CFCFCF000000）、
③．公司最新发布的系列图形或底纹元素
字体规范
①．系统名：
字型：
中文简、繁体（文鼎中黑）英文（Minion）
字号：
中文（26pt）英文（36pt）
②．内文：
字型：
中文简体（宋体）繁体（新细明体）英文（Arial）
字号：
中文（9pt）英文（8pt）
③．导航栏：
字型：
中文简体（宋体）繁体（新细明体）英文（Arial）
字号：
中文（9pt）英文（9pt）
粗体呈现层级关系用”
”区隔
带链接功能的导航栏文字用下划线
窗体规范
①．主窗体Title：
显示英文系统名
②．弹出窗体Title：
英文系统名加“|”后面跟弹出窗口名称
版权声明
Copyright©year1-year2BenQCorp.AllRightsReserved.ProgrammedbyInformationTechnologyServiceDivision.
年份：
year1-year2
year1代表软件第一版上线时间年份；
year2代表当前年份，该年份要随着该软件的生命周期而延续。
字型：
Arial
字号：
7.5pt
色值：
#666666000000、#D9D9D9000000（视具体模版bottom背景色深浅使用）
输入方式：
程式输入
2．图形设计元素
Banner
系统名居左、公司Logo居右
Button
①．表现方式：
系统自动生成、背景图、图文结合（根据模版风格订制）
②．排版方式：
居中（特殊功能或针对某一小项进行操作的button视实际页面情况而定）
Icon
①．表现方式：
示意图、图文结合
②．排版方式：
视真实页面情况而定
Lable
①．Lable文字对齐方式：
左对齐、右对齐（根据模版或地域差别而定）
②．出现星号“*”，星号置于输入框的后面，间隔2个像素，如果输入框后面有icon，星号则置于icon后面，间隔2个像素
InputField
表现方式：
系统自动生成式、线条式
边框线及直线、虚线色值：
#D5D5D5000000灰底色值：
#EEEEEE000000
左右对应分别为：
可输入状态、不可输入状态
Table
①．表现方式：
线框闭合式、线条开放式、奇偶间隔式（根据模版风格选定其中一种）
②．对齐方式：
标题居左、正文居左、数字居右（金额、百分比、数量「量化的数字」、序号）
③．配色方案：
就具体模版或系统页面设计
Menu
①．上置（具体呈现风格Follow既定模版）
②．左置（具体呈现风格Follow既定模版）
Sortingway
排序方式：
Title标题名不做变化，可排序的标题名后加向上或向下的箭头
3．切图制作规范
文件命名
页面元素命名定义对照
模版类型：
BSTA---BSTZ（B/STemplateA---B/STemplateZ）B/S:
Browser/Server
CSTA---CSTZ（C/STemplateA---C/STemplateZ）C/S:
Client/Server
系统标志：
Logo
主页索引：
Index
首页命名：
HP（HomePage）
内页命名：
INP（InsidePage）
登录页面：
Login
登出画面：
Logout
欢迎画面：
Wel（Welcome）
出错画面：
Error
邮件命名：
Mail
系统顶部：
Banner
系统底部：
Bottom
菜单部分：
Menu
系统按钮：
Button
特殊按钮：
隐藏—Hide出现—Appear
系统图标：
Icon
背景图片：
BG（Background）
图片方位：
左—Left右—Right上—Top下—Foot中—Mid（middle）
翻页命名：
TP（TurnPage）首页—First上一页—Previous下一页—Next末页—Last
导航栏位：
Navigation
页面编号：
001---099
版本分类：
a---z
颜色值名：
#
图片标注：
Info.（Information）间距标注—Space尺寸标注—Size
字体名称：
Font
标题栏位：
Lable
页签名称：
Tab
表格名称：
Table
线条命名：
Line
输入框名：
InputField
箭头命名：
Arrowhead
阴影命名：
Shadow
版权命名：
Copyright
规范命名及范例
①．既定模版
图片命名：
模版类型_图片属性_局部属性（名称）_编号（方位、状态）_版本…
BSTA_Banner_BG
BSTA_Icon_Edit_Grey
BSTB_Index_INP_002_b
②．系统专有
图片命名：
模版类型_系统名称_图片属性_局部属性（名称）_编号（方位、状态）_版本…
BSTA_PMS_Banner_BG
BSTA_PMS_Icon_Edit_Grey
BSTB_PMS_Index_INP_002_b
Button&Icon中英对照
新增—New
删除—Delete
保存—Save
取消—Cancel
清除—Clear
编辑—Edit
修改—Modify
应用—Apply
确定—Ok
关闭—Close
退出—Exit
搜索—Search
查询—Query
进行—Go
添加—Add
返回—Back\Return
撤销—Undo
刷新—Brush
首页—Home
登入—Login
登出—Logout
导入—Import
导出—Export
首页—First
末页—Last
上页—Previous
下页—Next
上移—Up
下移—Down
上层—UPPerLayer
下层—NetherLayer
升级—Update
更新—Renew
重设—Reset
浏览—Browse
上传—Upload
下载—Download
模版—Template
提交—Submit
视图—View
检查—Check
调查—Survey
预览—Preview
安全—Security
选择—Select
升序—DESC
降序—NSC
附件—Attachment
发送—Send
日期—Date
多的—multi-多语言版本—MultiLanguage多用户—MultiUser
更多—More
任务—Task
列表—List
停止—Stop
发布—Publish
结果—Result
暂停—Pause
恢复—Resume
拷贝—Copy
粘贴—Paste
结束—Finish
日期与时间正确书写方式
dd/mm/yyyy空格hh:
mm（时间采用24小时制）
例如：
30/05/200617:
20
如有不支持”/”的情况，用”.”
例如：
30.05.200617:
20
切图标注
切图：
单个图片控制在10K以内，如有大图可分割成多个小图，而后拼接。
标注：
标出字型、字号、文字色值、页面各部份间距、页面各图片或背景色的尺寸及色值等等相关图文信息
给图途径
共享路径：
\\hi3-\MDOutput
三、模版范例
EPS架构模版
1.Login
2.Welcome
3.Loading&Menu
4.TableFormat
5.Error
6.Calendar
7.Space&Color
①．菜单上置模版
Space
Color
②．菜单左置模版
Space
Color
③．Mail
Space
Color
套用实例
1.EPS（菜单左置）
2.MEP（菜单上置）
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
MDTeam
25/10/2006
升级会员 