【正文】 . 為了最大程度的發(fā)揮瀏覽器自動排版的功能，在一段完整的文字中盡量不要使用 br 來人工干預(yù)分段。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 html編寫 【 功能簡述 】 對 html編寫的規(guī)范要求 【 規(guī)范要求 】 7. 行距建議用百分比來定義，常用的兩個行距的值是 lineheight:120%/150%。頁面大小保持在 34K以下為合適。 總之遵循一條原則：不出現(xiàn)多于一個的控制同一個單元格大小的 height和width，保證任何一個 height和 width都是有效的，也就是改動代碼中任何一個height和 width的數(shù)值，都應(yīng)該在瀏覽器中看到變化。 ? 界面設(shè)計規(guī)范 屬于同一個級別的 table一定是左首對齊的，另外不允許沒有任何內(nèi)容的空的單元格存在，空單元格高度采用 td/td之間插入一個 1*1大小的透明 gif圖片（通常為 ）這是因為某些瀏覽器認(rèn)為空單元格非法而不會予以解釋。 9. 為保證系統(tǒng)和瀏覽器的兼容性，當(dāng)設(shè)置背景圖片時，要堅持用雙引號。所有的字號都應(yīng)該用樣式表來實現(xiàn)，禁止在頁面中出現(xiàn) font size= 標(biāo)記， b/b h1/h1標(biāo)記，嚴(yán)禁在結(jié)構(gòu)頁面寫表現(xiàn)標(biāo)簽 5. 不要在網(wǎng)頁中連續(xù)出現(xiàn)多于一個的也盡量少使用全角空格（英文字符集下，全角空格會變成亂碼），空白應(yīng)該盡量使用 textindent, padding, margin, hspace, vspace 以及透明的 gif 圖片來實現(xiàn)。消息文本、 圖形標(biāo)志和命令按鈕在語義上不一致等 【 功能名稱 】 html編寫 【 功能簡述 】 對 html編寫的規(guī)范要求 【 規(guī)范要求 】 1. 首行縮進(jìn)的處理，不要使用全角空格來達(dá)到效果，規(guī)范的做法是在樣式表中定義 p { textindent: 2em。例如用戶刪除一個文件時，應(yīng)當(dāng)彈出對話框：“真的 要刪除該文件嗎”，當(dāng)用戶確認(rèn)后才真正刪除文件。 在設(shè)計用戶界面時必須考慮防錯處理，目的是讓用戶不必為避免犯錯誤而提心吊膽，小心翼翼的操作。 ，顯示“本 列 表 暫 無 記 錄 ！” 如圖所示 : ? 界面設(shè)計規(guī)范 【 功能名稱 】 一般編輯界面 【 功能簡述 】 對一般編輯界面規(guī)范要求 【 規(guī)范要求 】 ? 界面設(shè)計規(guī)范 文本框 必填項 多行文本框 ： 只讀的文本框和可輸入的文本框在顏色上必須區(qū)分； 可以輸入的文本框以白色為背景；如 只讀的文本框一灰色為背景；如： 文本框上下或者左右對齊； 數(shù)字靠右顯示； 字?jǐn)?shù)不等的文字靠左顯示； ? 界面設(shè)計規(guī)范 【 功能名稱 】 一般編輯界面 【 功能簡述 】 對一般編輯界面規(guī)范要求 【 規(guī)范要求 】 輸入框樣式應(yīng)該統(tǒng)一 ? 界面設(shè)計規(guī)范 【 功能名稱 】 一般編輯界面 【 功能簡述 】 對一般編輯界面規(guī)范要求 【 規(guī)范要求 】 ：彈出式窗口應(yīng)居中顯示；必須有關(guān)閉窗口的按鈕。 ? 界面設(shè)計規(guī)范 不規(guī)范實例 ： ? 如果列表前選擇框使用的是 RadioButton，則應(yīng)該默認(rèn)選中第 1條 。 3. 默認(rèn)窗口設(shè)置下，不應(yīng)出現(xiàn)水平、垂直滾動條。 【 規(guī)范要求 】 1. 在用戶沒有提供明確需求情況下，限制 F IE工具欄、退格鍵（僅限頁面不限輸入框）。 【 功能名稱 】 窗體 【 功能簡述 】 對窗體的相關(guān)規(guī)范。（如’、”、 ） 【 功能名稱 】 表單列表 【 功能簡述 】 對表單列表的相關(guān)規(guī)范。 2. 只允許輸入日期、時間的輸入框請給予格式化，而不是輸入非法值后再給予提示或者就沒有提示。 【 規(guī)范要求 】 如果存在多層嵌套窗口，每層窗口彈出時都自動往右下移動一點點，以保證不遮蓋上層窗口標(biāo)題為準(zhǔn)。 2. 當(dāng)子窗體的任何操作影響了父窗體的數(shù)據(jù)時，子窗體關(guān)閉返回必須刷新父窗體的數(shù)據(jù)。 2. 支持 tab鍵、 shift+tab鍵移動光標(biāo)焦點。 4. 需要后續(xù)操作的操作在成功后給予提示信息。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 必填值 【 功能簡述 】 對界面必填項的一些規(guī)范 【 規(guī)范要求 】 1. 可輸入 /選擇框以正常色顯示；不可輸入 /選擇框以灰色顯示； 2. 對于不可輸入 /選擇框，通過鼠標(biāo)或鍵盤都不可讓光標(biāo)定位至此控件。 2. 當(dāng)選擇下拉框不存在默認(rèn)值時，則默認(rèn)為“請選擇”； 3. 當(dāng)存在默認(rèn)值時，請綁定顯示默認(rèn)值。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 登錄框 【 功能簡述 】 【 規(guī)范要求 】 、密碼寬度應(yīng)該上下對齊。 ? 使用顏色的時候應(yīng)當(dāng)保持一致性，例如錯誤提示信息用紅色表示，正常信息用綠色表示。 ? 不要混用顏色類型。 4. 避免使用粗體和斜體 ：用粗體來吸引人的注意，用斜體表示著重，但還要少使用。 ? 軟件界面規(guī)范的重要性及其目的 ? 用戶體驗為何如此重要 ? Web規(guī)范體系介紹 ? 界面設(shè)計開發(fā)流程 ? 應(yīng)該遵循的基本原則 ? 界面設(shè)計規(guī)范 1. 所有界面基準(zhǔn)字體為 9pt。 ，字的大小、顏色、字體要相同，除非是需要藝術(shù)處理或有特殊要求的地方。 ? 應(yīng)該遵循的基本原則 美觀與協(xié)調(diào)性原則 美觀與協(xié)調(diào)性細(xì)則： 8. 前景與背景色搭配合理協(xié)調(diào)，反差不宜太大。 4. 按鈕的大小要與界面的大小和空間要協(xié)調(diào)。 美觀與協(xié)調(diào)性細(xì)則： ? 應(yīng)該遵循的基本原則 美觀與協(xié)調(diào)性原則 界面應(yīng)該大小適合美學(xué)觀點，感覺協(xié)調(diào)舒適，能在有效的范圍內(nèi)吸引 用戶的注意力。 6. 對可能造成數(shù)據(jù)無法恢復(fù)的操作必須提供確認(rèn)信息 ,給用戶放棄選擇的機會。 2. 子窗體位置應(yīng)該在主窗體的左上角或正中。 ? 應(yīng)該遵循的基本原則 信息顯示原則 數(shù)據(jù)輸入遵循以下原則： ? 盡量減少用戶輸入動作的數(shù)量； ? 維護(hù)信息顯示和數(shù)據(jù)輸入的一致性； ? 交互應(yīng)該是靈活的