軟件中心界面開發(fā)標準

1、57/57軟件中心界面開發(fā)標準V1.0目錄 TOC o 1-3 一、 系統(tǒng)級定義 PAGEREF _Toc467547554 h 21. 系統(tǒng)整體構成 PAGEREF _Toc467547555 h 22. 起始畫面 PAGEREF _Toc467547556 h 23. 登錄 PAGEREF _Toc467547557 h 34. 菜單 PAGEREF _Toc467547558 h 35. 工具條 PAGEREF _Toc467547559 h 56. 熱鍵 PAGEREF _Toc467547560 h 67. 提示信息 PAGEREF _Toc467547561 h 78. 右鍵定義

2、PAGEREF _Toc467547562 h 79. 顏色的搭配 PAGEREF _Toc467547563 h 7二、 窗口級定義 PAGEREF _Toc467547564 h 81. 窗口內控件的組合劃分 PAGEREF _Toc467547565 h 82. 維護類窗口： PAGEREF _Toc467547566 h 103. 查詢窗口： PAGEREF _Toc467547567 h 114. 統(tǒng)計窗口： PAGEREF _Toc467547568 h 135. 對話窗口： PAGEREF _Toc467547569 h 14業(yè)務引導圖： PAGEREF _Toc46754757

3、0 h 15初始化引導： PAGEREF _Toc467547571 h 158. 編碼關心窗口 PAGEREF _Toc467547572 h 159. 提示信息窗口： PAGEREF _Toc467547573 h 1610. 向導式操作窗口 PAGEREF _Toc467547574 h 1711. 標準樹形維護窗口 PAGEREF _Toc467547575 h 17三、 控件級定義 PAGEREF _Toc467547576 h 171. 多行編輯(Memo、DBMemo、RichEdit)、樹狀視圖（TreeView）、列表視圖（ListView）、數(shù)據(jù)網(wǎng)格（DBGrid）： PA

4、GEREF _Toc467547577 h 172. 按鈕（Button、Bitbtn、SpeedButton）： PAGEREF _Toc467547578 h 183. 文字： PAGEREF _Toc467547579 h 194. 分組框（GroupBox）： PAGEREF _Toc467547580 h 205. 單行編輯（Edit、MaskEdit）、組合框（ComboBox） PAGEREF _Toc467547581 h 206. 圖表（Graph）： PAGEREF _Toc467547582 h 217. 復選框（CheckBox）、單選框（RadioButton）、單選

5、按鈕組（RadioGroup）： PAGEREF _Toc467547583 h 218. 圖片（Image、Shape）： PAGEREF _Toc467547584 h 219. 標簽(PageControl、TabControl)： PAGEREF _Toc467547585 h 2210. 狀態(tài)欄（StatusBars）： PAGEREF _Toc467547586 h 2211. 窗口（Form）：(add) PAGEREF _Toc467547587 h 2212. 網(wǎng)格（StringGrid 、DrawGrid） PAGEREF _Toc467547588 h 2213. 控件距

6、離： PAGEREF _Toc467547589 h 22四、 附錄 PAGEREF _Toc467547590 h 23遵從原則：界面簡潔樸素，控件擺放整齊，風格統(tǒng)一。依據(jù)原則，本標準從如下三方面予以約定：系統(tǒng)級定義系統(tǒng)整體構成整個系統(tǒng)應包含如下幾個方面：起始畫面用于顯示系統(tǒng)的名稱、版權人等信息。 運行圖標，首先出現(xiàn)系統(tǒng)信息窗口（停留約2秒種），程序啟動完畢，彈出登錄背景窗口和登錄窗口。背景圖片，依照顏色數(shù)確定使用，統(tǒng)一確定相對位置（依照分辨率大小自動調整）。登錄進入某一子系統(tǒng)時要求登錄，高140，寬325（如非特不標注，單位均為象素）。 各子系統(tǒng)登錄窗口的大小、窗口里邊內容的大小、排列、間

7、隔應完全一致,如下.窗口標題統(tǒng)一為“系統(tǒng)登錄”，標題欄右側加上關閉窗口的“X”號小按鈕。.右上部分使用圖片，按鈕在右下。.窗口信息如下： 選項：依照情況設置。 用戶：（應輸入用戶編號，不應輸入用戶名稱） 口令：（應隱式顯示） .窗口信息的標題靠左對齊，盡量操縱為兩個字。.兩個按鈕縱向排放在窗口右下部，按鈕名稱為：“確定”、“取消”?！按_定”按鈕頂部坐標與“用戶”頂部坐標對齊，且設置為“缺省”項。.可使用回車鍵轉移輸入焦點，輸入完口令后按下回車鍵應趕忙響應“確定”。菜單 整個用戶界面菜單數(shù)最好不要多于7個，每個菜單中的選項不要多于5個，嵌套層次不要超過3層；主菜單項名稱用兩個字表達；同一層菜單項

8、功能不同者用橫線隔開，各子系統(tǒng)功能相同的菜單項必須用同一名稱；常用操作必須有熱鍵。主窗口菜單標題欄內容：左側為 系統(tǒng)圖標 + 系統(tǒng)名稱，右側三個操縱按鈕：最小化、最大化、關閉。菜單欄內容： 文件 子系統(tǒng)菜單項 窗口 關心 主菜單項數(shù)不能超過九項。明細內容項目舉例如下：文件(F)子系統(tǒng)菜單項(S)窗口（W）關心（H）打開(O) Ctrl+O平鋪級聯(lián)橫向（并列）縱向（并列）最小化所有窗口目錄和索引（C）更換操作員(U) Ctrl+U更改口令財務日期工具條（B）國強WEB站點（W）系統(tǒng)備份系統(tǒng)恢復關于xxxx子系統(tǒng)(A)打印機設置(P) 業(yè)務引導圖（F10）報表、匯總報表無業(yè)務引導圖退出(X) 各明

9、細菜單項目的工作： 切換操作員：調用統(tǒng)一的窗口，注意功能權限、數(shù)據(jù)權限、時效權限、運行記錄處理的正確性。 更改口令： 調用統(tǒng)一的窗口。 財務日期： 調用財務日期修改窗口，應注意日期處理的限制和正確性。 系統(tǒng)備份： 系統(tǒng)恢復： 打印機設置：應統(tǒng)一調用Windows系統(tǒng)的打印機設置窗口。 業(yè)務引導圖：注意對功能權限、數(shù)據(jù)權限、時效權限處理的正確性。退出： 注意運行記錄處理的正確性，正常退出無須提示。目錄和索引：調用統(tǒng)一的關心窗口“關于”窗口內容：系統(tǒng)名稱：各子系統(tǒng)名稱 + 版本信息：；圖片：版權信息：“版權所有（C）：1999-1999浪潮集團山東通用軟件有限公司”；合法用戶名稱：用戶名稱 + 單

10、位名稱；警告：“本計算機程序受版權法和國際條約愛護。如未經(jīng)授權而擅自復制或傳播本程序（或其中任何部分），將受到嚴厲的民事及刑事制裁，并將在法律許可的范圍內受到最大可能的起訴?！?；“確定”按鈕：關閉窗口；“系統(tǒng)信息”按鈕：調用Windows系統(tǒng)信息部分2.子菜單菜單菜單欄內容： 文件 編輯 查看 子系統(tǒng)菜單項 窗口 關心 子菜單明細內容項目如下：文件(F)編輯(E)查看(Q)子系統(tǒng)菜單項窗口（W）關心（H）備注標準菜單項首頁 Ctrl+Home下頁 PageDown上頁 PageUp尾頁 Ctrl+End過濾 Ctrl+F查詢 Ctrl+R標準菜單項豎線橫線標準菜單項調整列寬打印設置頁面設置打印

11、預覽打印 Ctrl+P工具條一組相同功能的圖標與其他組的圖標之間用“|”隔開；子菜單與主菜單圖標之間用“|”線隔開；要求有熱鍵和隱式中文提示工具條與菜單的圖標一致，CoolBar高31（僅有一個工具條時）,ToolBar高25，ToolButton高23，寬30。工具條ToolBar上統(tǒng)一使用ToolButton，ToolBar必須放在CoolBar上。功能圖標文件名(.bmp)快捷鍵增加Add-tCtrl + A刪除DeleteCtrl + Del復制CopyCtrl + C取消 UndoEsc插入InsertCtrl + Ins保存SaveCtrl + S同級增加Add-tCtrl + T

12、下級增加Add-nCtrl + N切換帳套Open切換操作員LoginCtrl + U業(yè)務引導圖GuideF10計算Compute退出QuitCtrl + Q豎線Shuxian橫線Hengxian首頁FirstHome上頁UpPageUp下頁NextPageDown尾頁EndEnd調整列寬Lk關心hlpF1打印PrintCtrl+P打印設置Setprn頁面設置Setpage打印預覽PreviewCtrl+V熱鍵各子系統(tǒng)及各子系統(tǒng)窗口中具有相同功能的按鈕的熱鍵應一致，如功能按鈕有熱鍵，或需要自定義某些快捷鍵，應不與下列規(guī)定相抵觸。按鈕熱鍵確認None確定None取消None重試Alt + R退出

13、Alt + Q是Alt + Y否Alt + N增加Alt + A刪除Alt + D查詢Alt + F打印Alt + P排序Alt + S條件查詢Alt + F存盤Alt + U頁首Home頁尾End前頁Page Up后頁Page Down關心Alt+H其他熱鍵可依照實際情況而定提示信息提示信息對一個系統(tǒng)來講特不重要，一方面系統(tǒng)可能會出現(xiàn)異常，這時候應該讓用戶明白他應該如何接著操作，能講明緣故的要要講明緣故；另一方面要用提示信息正確引導用戶，那些地點操作錯誤，一些操作需要用戶確認。提示信息的內容要求精確，易明白，易定位。精確是講要真實的反映錯誤的情況，不要有誤導作用，比如講在系統(tǒng)登錄的時候，由于

14、數(shù)據(jù)庫連接不上導致無法驗證用戶，這時候不能提示假如提示用戶信息不正確，顯然非本質緣故，如此一不利于你了解問題緣故，二使用戶可能花費時刻去查證正確的信息，另外假如提示模糊，會導致用戶不知下一步該如何做，無所適從。易明白是講要從用戶角度，用用戶語言給出提示文字內容，不要造成本來是要引導用戶，實際造成用戶不知如何取舍，比如講當用戶要刪除一張憑證的時候，對程序員來講該憑證在數(shù)據(jù)庫中反映為一條記錄，但在用戶眼中它確實是一張憑證，這時假如提示用戶確實要刪除該記錄嗎？就容易使用戶不理解。類似的提示信息不能出現(xiàn)。所謂易定位是指當用戶的操作，包括輸入，修改等，存在錯誤時，系統(tǒng)給出錯誤提示，這時的提示除了精確易明

15、白外，應該讓用戶專門容易的找到問題位置，修正錯誤，因此提示后系統(tǒng)定位也是必要的。否則盡管用戶明白自己錯誤內容及緣故，但卻要花費時刻去查找錯誤的位置；比如當用戶對一個基礎字典進行維護的時候，保存時，系統(tǒng)檢測到某條數(shù)據(jù)不合法，因此給出提示，“第xxx行的ABC數(shù)據(jù)不正確，請修正?！?，這時候你難道讓用戶去數(shù)行數(shù)嗎，即使提示后定位，用戶可能懷疑定位正確性呢。系統(tǒng)出錯信息應盡量具體是什么錯誤，錯誤的緣故是什么，如何處理這些錯誤；其他提示應含義明確，使用用戶語言，盡量符合用戶的職業(yè)適應。對同一問題給用戶的提示，在系統(tǒng)的不同模塊中要一致。 關于提示窗口的規(guī)范請參考窗口級定義，常用提示用語請見附錄。類似于下面

16、的提示信息是不合適的：確實要刪除該記錄嗎？當前數(shù)據(jù)正在使用，不同意刪除！當前數(shù)據(jù)正在使用，不同意修改！當前數(shù)據(jù)已被使用，不同意刪除！編輯狀態(tài)不同意退出！非掃瞄狀態(tài)不同意進入表格！等等。右鍵定義在樹形結構控件中點擊鼠標右鍵，出現(xiàn)快捷操作菜單；快捷操作菜單內容：(應涵蓋所有子菜單項)打印(P)同級增加(T)下級增加(N)刪除(D)或其他項查找(F)排序(S)或其他項關心(H)退出(Q)在編碼輸入框中點擊鼠標右鍵，出現(xiàn)關心數(shù)據(jù)窗口。顏色的搭配 .在一次顯示中使用的顏色數(shù)目應不超過五到七個 .在使用顏色上前后要一致 .能夠由用戶定義界面的顏色，以符合用戶自己的適應 .假如使用紅色或綠色，將它們放在顯示

17、器的中心而不是邊緣 .將藍色用于背景或大區(qū)域中，人類的眼睛對藍色最不敏感 .亮灰色與藍色是最適合于作為背景色的顏色，能夠給人一種輕松愉快的感受 .幸免相鄰使用僅是蘭色的亮度有差不的兩種顏色 .不要只依靠顏色編碼來區(qū)分小區(qū)域 .不要使用蘭/黃、紅/綠、紅/蘭、或綠/蘭如此的組合 .使用暖色(紅，橙，亮粉紅等)來使客體更接近觀看者 .依照顏色的常規(guī)含義來使用顏色 傳統(tǒng)上，紅色意味著停止或危險，黃色意味著小心，綠色意味著安全等 .將亮色放在暗色旁邊以保持黑白兼容 .注意前景色與背景色的搭配: 背景色好的前景色差的前景色黑色亮青，亮灰，青綠，白，黃蘭，棕，橙蘭色黑，白，黃黑，亮紅，綜，橙，紅棕色黑，白

18、，黃亮蘭，亮紅，亮橙，綠，紅，白青色黑，蘭，亮灰，棕，黃亮綠，亮紅，亮橙，綠，紅，白綠色黑，亮灰，白，黃亮紅，青，橙紅色黑，亮青，亮橙，亮灰，綠，白，黃蘭，亮蘭，棕，橙白色黑，蘭，亮蘭，棕，橙，紅，黃青，亮青，亮橙，亮紅，綠窗口級定義窗口內控件的組合劃分標準字典格式標準字典格式是一種表頭和表體都專門規(guī)范的表格格式，差不多是數(shù)據(jù)庫中表或視圖的再現(xiàn)。標準字典的分類要緊依據(jù)數(shù)據(jù)趨于功能區(qū)的排列位置：數(shù)據(jù)區(qū)在上、功能區(qū)在下（DUFD）數(shù)據(jù)區(qū)在左、功能區(qū)在右（DLFR）稀疏項格式關于某些窗口由于顯示項較少而窗口較大時，應遵循如下原則：置上原則（TOTOP）功能分散原則（TOSEP）多項格式有些項目個數(shù)專

19、門多，有時給排列造成一定困難（例如卡片輸入等），可遵循原則：整齊原則（REGULAR） 控件排列整齊、均勻、緊密。劃分輸入?yún)^(qū)組合格式有些窗口內的項目是上述三項的綜合體，因此上述原則也適合本條；圖表格式依照當前數(shù)據(jù)窗口的要求而定。維護類窗口：Tab順序先上下，后左右。不可為空的對象的背景為“$00D2DFD6”，Tab順序優(yōu)先。錄入多條記錄時回車鍵作用與Tab鍵相同，按正常Tab單窗口維護A、在一個窗口內完成一項單一數(shù)據(jù)維護（使用于簡單的數(shù)據(jù)表）B、在一個窗口內完成一項單一數(shù)據(jù)維護（使用于復雜的數(shù)據(jù)表），右邊數(shù)據(jù)維護區(qū)可進行適當分區(qū)或分頁。頂部可為圖形按鈕或文字按鈕，要左對齊，排列緊密。C、純表

20、格維護數(shù)據(jù)只利用單純的表格維護數(shù)據(jù)，表格中的列標題要居中顯示，要盡量顯示出所有的列，幸免使用橫向滾動條。要求記錄中的數(shù)字右對齊，字符左對齊。多窗口維護（維護向導窗口）在一個窗口內完成多項數(shù)據(jù)的維護表格、卡片式維護打開窗口時，若記錄為空，顯示卡片，否則顯示表格?？ㄆ绞酵鈷呙?、增加、刪除、修改數(shù)據(jù)，并顯示數(shù)據(jù)當前狀態(tài)，顯示位置為右下、字體為宋體11號、黑色。表格方式只同意掃瞄、刪除數(shù)據(jù)。維護表中部分數(shù)據(jù)關于表中數(shù)據(jù)的限制條件放在數(shù)據(jù)區(qū)的上方，整齊排列。按鈕放在數(shù)據(jù)區(qū)的下方，按鈕中的快捷鍵字符放在文字的右邊，緊密排列。5、主從表維護查詢窗口：帳頁式輸出帳頁的顯示輸出,應遵循原則：模擬現(xiàn)實原則（S

21、R）；將財務工作中實際應用到的帳頁形式在窗口中表現(xiàn)出來?！百Y源治理器”輸出；右鍵單擊有彈出式菜單。圖表式輸出依照當前數(shù)據(jù)窗口的要求而定 卡片式輸出應滿足模擬顯示原則（SR），關于輸出項較少者應滿足置上原則（TOTOP）打印預覽輸出表格式輸出統(tǒng)計窗口：窗口統(tǒng)計對當前數(shù)據(jù)窗口內的數(shù)據(jù)進行統(tǒng)計計算，應遵循原則：顯示統(tǒng)計進程（進度條、文字提示），不再彈出其他窗口動畫顯示（設計動畫形象表達）必須有取消功能必須有取消功能專用統(tǒng)計窗口月結、年結等窗口便屬此類，應結合上述A、B原則進行。3標準匯總條件窗口：對話窗口：對話窗口一般比較小，輸入數(shù)據(jù)少，因此只要滿足“整齊原則”就能夠了；一般對話窗口等待時刻長應有進

22、程條或動畫顯示，組件右邊界以按鈕為準對齊。選擇窗口一般用于查詢過程中的關鍵詞選擇，關鍵選項需添加關心按鈕或采納下拉列表方式，完成查后應關閉該窗口。業(yè)務引導圖：初始化引導：編碼關心窗口 1、編碼關心窗口內容：標題欄內容：“關心數(shù)據(jù)”+“”+ 關心內容如：關心數(shù)據(jù)選擇科目右側加上關閉操縱按鈕 X 2、采納統(tǒng)一的窗口：關心數(shù)據(jù)窗口在被調用過程中只彈出相關數(shù)據(jù)各編碼輸入框右側關心按鈕統(tǒng)一用三個點“”，編輯框的半高。提示信息窗口：窗口類型： MessageBox窗口 標題欄內容：“提示信息”，右側含有不可操作的按鈕 X 提示信息窗口分類：嚴格按照提示信息的性質確定圖標及提示信息內容； （常用提示用語見附

23、錄）提示信息性質圖標按鈕備注信息Information!OK!YesNo!YesNoCancel!一般信息，只是簡單的提示。中止操作Stop!RetryCancel!中止當前的錯誤操作或危險操作。警告Exclamation!AbortRetryIgnore!對本次操作可能帶來的后果予以提示詢問Question!YesNoCancel對當前操作予以“確認”或“取消”向導式操作窗口項目屬性窗口標題相關功能名稱窗口標準大小視具體情況窗口位置居中操縱菜單操縱按鈕“上一步”，“下一步”(“完成”)，“取消”完成按鈕在最后一步完成前不顯示圖片信息文字背景色為ButtonFace，前景色為黑色(步驟欄文字執(zhí)

24、行當前操作時顯示為藍色)操作布局左側為操作提示區(qū)右側為操作區(qū)標準樹形維護窗口項目屬性窗口標題相關功能名稱窗口標準大小(PBU)視具體情況窗口位置居中操縱菜單操縱按鈕“保存”，“退出”完成輸入前“保存”按鈕不可用文字標題字大小為宋體，16操作布局左側為樹型目錄右側為數(shù)據(jù)錄入?yún)^(qū)錄入?yún)^(qū)輸入框行距為6可適當進行分區(qū)或分頁 （窗口參見多窗口維護）控件級定義多行編輯(Memo、DBMemo、RichEdit)、樹狀視圖（TreeView）、列表視圖（ListView）、數(shù)據(jù)網(wǎng)格（DBGrid）：屬性：控件以當前窗口大小為標準適當定義；右上方、下方作為功能區(qū)；樹狀視圖、列表視圖中圖標應含義明確；TreeVi

25、ew的ChangeDelay設為50，使節(jié)點展開、折疊具有掃瞄器的效果。多行編輯時回車鍵換行，Tab鍵轉移焦點。舉例：按鈕（Button、Bitbtn、SpeedButton）：屬性：Height=25，Width依具體情況而定，默認75；按鈕在窗口右下方或右方排列，當控件中包含按鈕時，按鈕不應和控件外的按鈕在同一方向上排列；標題之間不準有空格，如按鈕有圖形，圖形在文字左方，并力求美觀、形象，含義明確；單個SpeedButon可靈活設置，非工具欄中成組的SpeedButon應保證在整個系統(tǒng)內統(tǒng)一, 按鈕標題沒有空格，不使用圖標。快捷字母在文字右方。舉例：文字：屬性：文字正文選用宋體,9號，背景色為窗口顏色，前景色為黑色，具有其他含義的可改變其顏色（如紅數(shù)等）；賬本、卡片等的標題選用楷體，20號字；控件上的文字標準同上。舉例：分組框（GroupBox）：嚴格按照界面的功能劃分進行分組，限制使用。舉例：單行編輯（Edit、MaskEdit）、組合框（ComboBox）屬性：Height=20，Width不限，其他取默認值，如使用掩碼，統(tǒng)一使用*；對格式化的數(shù)據(jù)，提供格式化的錄