界面設(shè)計規(guī)范(參考版)
2024-08-20 15:34本頁面
【正文】 總之遵循一條原則：不出現(xiàn)多于一個的控制同一個單元格大小的 height和width，保證任何一個 height和 width都是有效的，也就是改動代碼中任何一個height和 width的數(shù)值，都應(yīng)該在瀏覽器中看到變化。 ? 界面設(shè)計規(guī)范 屬于同一個級別的 table一定是左首對齊的，另外不允許沒有任何內(nèi)容的空的單元格存在，空單元格高度采用 td/td之間插入一個 1*1大小的透明 gif圖片（通常為 ）這是因為某些瀏覽器認(rèn)為空單元格非法而不會予以解釋。頁面大小保持在 34K以下為合適。 9. 為保證系統(tǒng)和瀏覽器的兼容性，當(dāng)設(shè)置背景圖片時，要堅持用雙引號。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 html編寫 【 功能簡述 】 對 html編寫的規(guī)范要求 【 規(guī)范要求 】 7. 行距建議用百分比來定義，常用的兩個行距的值是 lineheight:120%/150%。所有的字號都應(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)。 2. 為了最大程度的發(fā)揮瀏覽器自動排版的功能，在一段完整的文字中盡量不要使用 br 來人工干預(yù)分段。消息文本、 圖形標(biāo)志和命令按鈕在語義上不一致等 【 功能名稱 】 html編寫 【 功能簡述 】 對 html編寫的規(guī)范要求 【 規(guī)范要求 】 1. 首行縮進(jìn)的處理，不要使用全角空格來達(dá)到效果，規(guī)范的做法是在樣式表中定義 p { textindent: 2em。 ? 如果發(fā)生意外和錯誤，應(yīng)當(dāng)及時給出警告信息和錯誤信息，提醒用戶做出正確的處理。例如用戶刪除一個文件時，應(yīng)當(dāng)彈出對話框：“真的 要刪除該文件嗎”，當(dāng)用戶確認(rèn)后才真正刪除文件。例如對于某些軟件，不用的用戶有不同的操作權(quán)限。 在設(shè)計用戶界面時必須考慮防錯處理，目的是讓用戶不必為避免犯錯誤而提心吊膽，小心翼翼的操作。 系統(tǒng)中彈出框的樣式需統(tǒng)一 ? 界面設(shè)計規(guī)范 【 功能名稱 】 一般編輯界面 【 功能簡述 】 對一般編輯界面規(guī)范要求 【 規(guī)范要求 】 ：編輯頁面中的必填項必須有標(biāo)識，如右圖： ：多行的文本框必須有提示剩余輸入字?jǐn)?shù)的功能，且文字是黑色 的，數(shù)字必須是突出的紅色字體 如圖所示： ? 界面設(shè)計規(guī)范 【 功能名稱 】 一般編輯界面 【 功能簡述 】 對一般編輯界面規(guī)范要求 【 規(guī)范要求 】 ：暫時不用的控件應(yīng)該灰掉 ? 界面設(shè)計規(guī)范 【 功能名稱 】 防錯和出錯處理 【 功能簡述 】 用戶在使用軟件的過程中，不可避免的會出現(xiàn)一些錯誤的操作。 ，顯示“本 列 表 暫 無 記 錄 ！” 如圖所示 : ? 界面設(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條 。 ? 界面設(shè)計規(guī)范 列表名稱 選中的行 菜單層次 列表內(nèi)容 表頭 按鈕 【 功能名稱 】 列表界面 【 功能簡述 】 對列表界面規(guī)范要求 【 規(guī)范要求 】 ? 界面設(shè)計規(guī)范 ： 說明本模塊所在位置的文字，所在的位置必須對應(yīng)功能菜單， 比如點擊菜單上的 則模塊位置說明文字必須對應(yīng)起來 ，顯示： ： ? 按鈕的顏色是統(tǒng)一的 。 3. 默認(rèn)窗口設(shè)置下，不應(yīng)出現(xiàn)水平、垂直滾動條。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 頁面布局 【 功能簡述 】 對界面布局、分辨率的規(guī)范 【 規(guī)范要求 】 1. 必須要能自適應(yīng) 1024*768的分辨率。 【 規(guī)范要求 】 1. 在用戶沒有提供明確需求情況下，限制 F IE工具欄、退格鍵（僅限頁面不限輸入框）。并且高和寬（或 W寬和高）的比應(yīng)該大致保持為 3:4（或 4： 3）。 【 功能名稱 】 窗體 【 功能簡述 】 對窗體的相關(guān)規(guī)范。 2. 表單中內(nèi)容如為定長，則為居中顯示；如為不固定的中英文內(nèi)容，則為居左顯示；如為數(shù)值形式，則為居右顯示。（如’、”、 ） 【 功能名稱 】 表單列表 【 功能簡述 】 對表單列表的相關(guān)規(guī)范。 4. 對非法字符的控制。 2. 只允許輸入日期、時間的輸入框請給予格式化，而不是輸入非法值后再給予提示或者就沒有提示。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 窗口嵌套 【 功能簡述 】 針對多層窗口的嵌套 【 規(guī)范要求 】 【 功能名稱 】 輸入框限制 【 功能簡述 】 對各種輸入框的限制。 【 規(guī)范要求 】 如果存在多層嵌套窗口，每層窗口彈出時都自動往右下移動一點點，以保證不遮蓋上
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1