軟件產(chǎn)品部軟件界面設(shè)計規(guī)范(草-在線瀏覽
2024-11-04 19:19本頁面
【正文】 扶巍技韓黑揩慶寥哀圍渺娜怕蜂殖竟冉探繁汝胸纓利可五逞悄琶攬命從鼎寒眉鈔 軟件產(chǎn)品部軟件界面設(shè)計規(guī)范（草） 界面是軟件與用戶交互的最直接的層面。界面的好壞決定著用戶對軟件的第一印象，設(shè)計良好的界面能夠引導(dǎo)用戶自己完成相應(yīng)的操作，從而起到向?qū)У淖饔茫煌瑫r，界面如同人的面孔，具有吸引用戶的直接優(yōu)勢。目前，界面設(shè)計尚沒有引起國內(nèi)軟件設(shè)計人員的足夠重視（國外有不少這方面的著作）。 目前流行的界面風格有三種方式：多窗口、單窗口以及資源管理器風格，無論那種風格，本規(guī)范都應(yīng)該被重視。 本規(guī)范涉及到軟件界面中的 詞語 、 軟件界面和窗口的整體布局 、 窗口和控件 、 菜單設(shè)計 、安全性 、 幫助 和 公司形象 等多個范疇，在每個范疇中，“基礎(chǔ)篇”是我們目前就應(yīng)該達到的要求，“高級篇”則是我們進一步追求的目標。 注：本規(guī)范不 涉及 Web 界面的應(yīng)用程序。如果用戶不用查閱幫助文檔就能知道該界面單元的功能并能進行相關(guān)的正確操作，那就說明我們的用詞達到了理想的水平。小型軟件一般不提供工具 箱 。 2) 主界面 主窗口的 大小應(yīng)該適合美學觀點，感覺協(xié)調(diào)舒適，能在有效的范圍內(nèi)吸引用戶的注意力。 主窗口的缺省位置：屏幕對角線的交點是用戶直視的地方，該點正上方四分之一處為易吸引用戶注意力的位置，在放置窗口時要注意利用這兩個位置。 父窗口或主窗口的中心位置應(yīng)該在 屏幕 對角線交 點附近。多個子窗口彈出時應(yīng)該依次向右下方偏移，以顯示窗口出標題為宜。 4) 主窗口和其他窗口中的字體字號 窗口中 字體的大小要與 主 界面的大小比例協(xié)調(diào) ， 通常使用的字體中宋體 912 較為美觀，很少使用超過 12 號的字體。 5) 窗口的縮放 如果窗 口 支持最小化和最大化或放大，窗 口 上的控件也要隨著窗 口 而縮 放；切忌只放大窗 口 而忽略控件的縮放。 通常父窗 口 支持縮放時，子窗 口 沒有必要縮放。 各個按鈕的快捷鍵應(yīng)該于相應(yīng)菜單項的快捷鍵一致。工具條一般比菜單要寬，但不要寬的太多，否則看起來很不協(xié)調(diào)。 在 VC++，要想把相鄰的按鈕進行分組和組合，只需在資源編輯器中用鼠標選中按鈕，然后左右拖動即可。 7) 狀態(tài)條 狀態(tài)條要能顯示用戶切實需要 的信息，常用的有： 目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息、提示信息、錯誤信息等，如果某一操作需要的時間較長，還應(yīng)該顯示進度條和進程提示。 狀態(tài)條中通常使用 5 號字體 。 滾動條的寬度比狀態(tài)條的略窄。 菜單 中 通常使用 5 號字體。 2．高級篇 10) 色調(diào)搭配 主界面和窗口 的 前景與背景 的 色 彩 搭配 應(yīng)該 合理協(xié)調(diào)，反差不宜太大，最好少用深色，如大紅、大綠等。如果使用其他顏色，主色要柔和，具有親和力與磁力，堅決杜絕刺目的顏色。 一個軟件的 界面風格要保持一致，除 了 需要藝術(shù)處理或有特殊要求的地方 之外，整個軟件的界面所用的 字 號 、顏色、字體 都 要相同。 大于 9 號的文字比 較難看，小于 9 號的文字不易辨認。 字號為宋體 9號 字號為宋體 12 號 在 VC++ ，可以利用對話框資源的屬性窗口來改變字體字號，如下圖： 2) 一個窗口中的控件的數(shù)量 同一界面上的控件數(shù)最好不要超過 10 個，多于 10 個時可以考慮使用分頁界面顯示。這樣做的缺點是：容易引起用戶的反感，可能造成漏填，同時，這樣的對話框也不好編碼，控件之間的 依賴關(guān)系容易變得混亂。 如果一個界面涉及到的控件較多，可以采用分頁方式。這樣可以避免用戶漏掉重要的參數(shù)。 3) 分頁 式窗口或?qū)υ捒蝽撻g切換的快捷方式 分頁 式窗口或?qū)υ捒?要支持在頁面間的快捷切換，常用組合快捷鍵 Ctrl+Tab 或左右方向鍵。完成相同或相近功能的 控件、具有較近的邏輯關(guān)系的控件應(yīng)被放在同一個 Frame 框 中。要注意控件之間的對齊方式。 對話框中的“確定（ O）” 、 “ 取消（ C） ” 按鈕一般統(tǒng)一放在 對話框的底部，“確定（ O）”在左， “ 取消（ C） ” 在右 。 整個窗口中，控件的序號應(yīng)該與它們在窗口中的位置排列基本一致。 要實現(xiàn)這個些功能，必須首先合理安排控件的次序（ VC++ LayoutTab Order菜單），此后對所有的控件分組（ VC++ 控件屬性窗口），然后再設(shè)置各個控件的 Tab鍵屬性，最后設(shè)置各個控件的快捷方式。 設(shè)置控件的快捷鍵時，應(yīng)盡量用對應(yīng)英文的首字母，如“確定 (O)” 對應(yīng) “ OK” 的 “ O” 。 注意，一組圓按鈕的序號必須相鄰，而且被放置在一個組中，以 便用方向鍵依次選中。 7) 對話框控件的即時提示（ ToolTips） 在窗口或?qū)υ捒蛑?，對于重要的、標題簡短的或無法用語言描述的控件（如圖形按鈕），要用即時提示 （ ToolTips） 窗口來說明該控件的意義、用法或提示。注意，不要濫用即時提示。過多的提示信息會讓人感到很煩亂。 a. 首先選擇 為哪些控件添加 ToolTip，我們把需要添加 ToolTip 的控件稱為 ToolTip 控件。 b. 在資源編輯器中添加字符串資源，一個 ToolTip 控件需要一個字符串資源。 c. 在對話框頭文件的類聲明中，添加一個變量： protected: CToolTipCtrl m_tooltip。 virtual BOOL OnInitDialog()。 return CDialog::PreTranslateMessage(pMsg)。 // TODO: Add extra initialization here { // Create the ToolTip cont
教學課件相關(guān)推薦
鄂ICP備17016276號-1