界面設(shè)計(jì)規(guī)范-閱讀頁(yè)
2024-08-28 15:34本頁(yè)面
【正文】 較緊時(shí)，必填項(xiàng)沒(méi)有填可以以彈出信息的方式來(lái)提示，光標(biāo)移走時(shí)彈出或最后提交 時(shí)彈出都可；但確定后必須停留在第一個(gè)待輸入的文本框中。 ? 界面設(shè)計(jì)規(guī)范 【 功能名稱 】 控件顯示 【 功能簡(jiǎn)述 】 【 規(guī)范要求 】 1. 提示信息中標(biāo)點(diǎn)符號(hào)請(qǐng)統(tǒng)一為全角符號(hào)。 3. 復(fù)雜的操作在成功后給予提示信息。 5. 提示信息不宜太長(zhǎng)，寬度不能超過(guò)當(dāng)前窗口的 1/2；當(dāng)超過(guò)此比例時(shí)，請(qǐng)視具體情況進(jìn)行換行。 ? 界面設(shè)計(jì)規(guī)范 【 功能名稱 】 提示語(yǔ) 【 功能簡(jiǎn)述 】 提示信息的規(guī)范 【 規(guī)范要求 】 1. 支持回車(chē)鍵提交。 3. Tab鍵移動(dòng)遵循從左上至右下的原則。 【 規(guī)范要求 】 1. 當(dāng)父窗體與子窗體都存在同樣的查詢條件時(shí)，父窗體已輸入的查詢條件必須被帶到子窗體中。 3. 關(guān)閉父窗體必須連同子窗體一同關(guān)閉。 ? 界面設(shè)計(jì)規(guī)范 【 功能名稱 】 界面?zhèn)鬟f 【 功能簡(jiǎn)述 】 父窗體與子窗體的傳遞。窗口嵌套層次最好不超過(guò) 3層。 【 規(guī)范要求 】 ? 界面設(shè)計(jì)規(guī)范 1. 只允許輸入數(shù)字的輸入框請(qǐng)控制不允許輸入 其它 字符，而不是輸入非法值后給予提示。 3. 當(dāng)輸入的內(nèi)容達(dá)到了字段的長(zhǎng)度限制時(shí)，請(qǐng)控制不允許再輸入，而不是保存后自動(dòng)截?cái)嗷虮４鏁r(shí)給予提示。限制不可以輸入或提交時(shí)給予提示。 【 規(guī)范要求 】 ? 界面設(shè)計(jì)規(guī)范 1. 表頭水平 /垂直居中對(duì)齊。 3. 保證表格的寬度不被擠變形，對(duì)于不定長(zhǎng)的內(nèi)容，可固定顯示寬度，當(dāng)超出此顯示寬度后，以 …… 顯示，光標(biāo)停留后，詳細(xì)內(nèi)容再在浮動(dòng)層顯示。 【 規(guī)范要求 】 1. 對(duì)話框窗體大小盡量不要超過(guò) 640*460。 2. 由于每個(gè)人的屏幕大小設(shè)置不一樣，有些是 1024*768，有些是 1366*768，因此在設(shè)計(jì)期間請(qǐng)注意窗體大小，盡量不要超過(guò) 1024*768，以免出現(xiàn)窗體超出或覆蓋屏幕的問(wèn)題 ? 界面設(shè)計(jì)規(guī)范 【 功能名稱 】 快捷鍵的限制 【 功能簡(jiǎn)述 】 由于 IE本身的一些原因，避免一些不必要的錯(cuò)誤，故對(duì)其進(jìn)行限制。 2. 限制右鍵菜單的使用。 2. 界面層次不宜超過(guò) 3層。 4. 當(dāng)界面內(nèi)容超出顯示區(qū)域時(shí)，以浮動(dòng)層的形式顯示。 ? 按鈕上如果只有兩個(gè)字，則這兩個(gè)字之間和兩個(gè)字的兩邊都需要一個(gè)空格； ? 如果是兩個(gè)字以上的則只需要在字兩邊加一個(gè)空格； ? 按鈕如靠右放置，則按鈕的最右端必須和列表的最右端對(duì)齊； ? 按鈕之間沒(méi)有空格；間距由 css定義。 ? 選中的記錄必須和未選中的記錄區(qū)分開(kāi)來(lái)； ? 列表中數(shù)量數(shù)字必須靠右顯示； ? 金額數(shù)字采用千分位分隔符的形式，分隔符為西文逗號(hào)“ ,” 如： ? 列表中字?jǐn)?shù)固定的文字（比如日期，圖片等）居中顯示； ? 字?jǐn)?shù)不規(guī)則的記錄靠左顯示； ，在點(diǎn)擊功能操作按鈕時(shí)，必須有提示“沒(méi)有選擇 ..” 。 ? 界面設(shè)計(jì)規(guī)范 ，有被截短的，鼠標(biāo)放上去，必須顯示出全部的值 。如果是關(guān)閉按鈕，名稱必須叫做“關(guān)閉”，不能寫(xiě)成 “取消”或其他類似的名字。倘若用戶不小心輸入了錯(cuò)誤的數(shù)據(jù)或者 錯(cuò)誤的刪除了有用的數(shù)據(jù)，而軟件將錯(cuò)就錯(cuò)的執(zhí)行了，那么用戶肯定很惱火，以后就不敢放心的使用軟件。 【 規(guī)范要求 】 ? 對(duì)輸入的數(shù)據(jù)進(jìn)行校驗(yàn) ? 對(duì)于某些情況下不應(yīng)該使用的菜單項(xiàng)和命令按鈕，應(yīng)當(dāng)將其“失效”（變成灰色，可見(jiàn)但不可操作） 或者隱藏。如果低權(quán)限的用戶登錄到系統(tǒng)，那些僅供 高級(jí)權(quán)限用戶使用的功能應(yīng)當(dāng)被隱藏，或者將其“失效” ? 執(zhí)行破壞性的操作之前，應(yīng)當(dāng)獲得用戶的確認(rèn)。 ? 盡量提供 undo功能，用戶可以撤銷(xiāo)剛才的操作。 ? 界面設(shè)計(jì)規(guī)范 實(shí)例分析 好的 差的 不規(guī)范的消息框主要表現(xiàn)在：措辭生硬、 幼稚、甚至有文字、語(yǔ)法錯(cuò)誤。 } 然后給每一段加上 p 標(biāo)記，注意，一般情況下，請(qǐng)不要省略 /p 結(jié)束標(biāo)記。 3. 不同語(yǔ)種的文字之間應(yīng)該有一個(gè)半角空格，但避頭的符號(hào)之前和避尾的符號(hào)之后除外，漢字之間的標(biāo)要用全角標(biāo)點(diǎn)，英文字母和數(shù)字周?chē)睦ㄌ?hào)應(yīng)該使用半角括號(hào) ? 界面設(shè)計(jì)規(guī)范 【 功能名稱 】 html編寫(xiě) 【 功能簡(jiǎn)述 】 對(duì) html編寫(xiě)的規(guī)范要求 【 規(guī)范要求 】 4. 為貫徹結(jié)構(gòu)層和表現(xiàn)層分離的原則，嚴(yán)禁使用傳統(tǒng)的 的標(biāo)簽，例如 font,b，還有本意用于結(jié)構(gòu)后來(lái)被濫用于控制表現(xiàn)的標(biāo)簽，例如： h1,table等。 6. 中英文混排時(shí)，我們盡可能的將英文和數(shù)字定義為 verdana 和 arial 兩種字體。 8. 系統(tǒng)中的路徑全部采用相對(duì)路徑。 10.“網(wǎng)頁(yè)大小”為網(wǎng)頁(yè)的所有文件大小的總和，包括 HTML文件和所有的嵌入的對(duì)象。 ? 界面設(shè)計(jì)規(guī)范 tdimg src=”../images/” /td 如我們注意在源代碼中不應(yīng)有這樣的代碼： 而應(yīng)該是這樣寫(xiě)的： tdimg src=”../images/”/td 這是因?yàn)闉g覽器認(rèn)為換行相當(dāng)于一個(gè)半角空格，以上不規(guī)范的寫(xiě)法相當(dāng)于無(wú)意中增加了一個(gè)半角空格，如果確實(shí)有必要增加一個(gè)半角空格，也應(yīng)該這樣寫(xiě)： tdimg src=”../images/” /td 【 功能名稱 】 表格排版規(guī)范 【 功能簡(jiǎn)述 】 對(duì) table編寫(xiě)的規(guī)范要求 【 規(guī)范要求 】 在寫(xiě) table互相嵌套時(shí)，對(duì)于單獨(dú)的一個(gè) table來(lái)說(shuō)， tabletr對(duì)齊 ,td 縮進(jìn)一個(gè) tab， td中如果還有嵌套的表格， table也縮進(jìn)一個(gè) tab,如果 td中沒(méi)有 任何嵌套的表格， /td結(jié)束標(biāo)記應(yīng)該與 td處于同一行，不要換行。 Width和 Height的寫(xiě)法也有統(tǒng)一規(guī)范，一般情況下只有一列的表格， width寫(xiě)在 table的標(biāo)簽里，只有一行的表格， height寫(xiě)在 table的標(biāo)簽內(nèi)，多行多列的表格， width和 height寫(xiě)在第一行或者第一列的 td標(biāo)簽內(nèi)。 【 功能名稱 】 表格排版規(guī)范 【 功能簡(jiǎn)述 】 對(duì) table編寫(xiě)的規(guī)范要求 【 規(guī)范要求 】 ? 界面設(shè)計(jì)規(guī)范
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1