【正文】 理過程，所以用戶界面應(yīng)當(dāng)由用戶來控制應(yīng)如何工作、如何響應(yīng)，而不是由開發(fā)者按自己的意愿把操作流程強加給用戶。因此在系統(tǒng)響應(yīng)時間上堅持如下原則： ? 05秒鼠標(biāo)顯示成為沙漏； ? 5秒以上顯示處理窗口，或顯示進度條； ? 一個長時間的處理完成時應(yīng)給予完成警告信息。 1. 長寬接近黃金點比例，切忌長寬比例失調(diào)、或?qū)挾瘸^長度。 2. 不考慮特殊字體 (隸書、草書等 ,特殊情況可以使用圖片取代 ),保證每個用戶使用起來顯示都正常。 。 3. Tab鍵移動遵循從左上至右下的原則。 【 規(guī)范要求 】 ? 界面設(shè)計規(guī)范 1. 表頭水平 /垂直居中對齊。 ? 選中的記錄必須和未選中的記錄區(qū)分開來； ? 列表中數(shù)量數(shù)字必須靠右顯示； ? 金額數(shù)字采用千分位分隔符的形式，分隔符為西文逗號“ ,” 如： ? 列表中字?jǐn)?shù)固定的文字（比如日期，圖片等）居中顯示； ? 字?jǐn)?shù)不規(guī)則的記錄靠左顯示； ，在點擊功能操作按鈕時，必須有提示“沒有選擇 ..” 。 } 然后給每一段加上 p 標(biāo)記，注意，一般情況下，請不要省略 /p 結(jié)束標(biāo)記。 Width和 Height的寫法也有統(tǒng)一規(guī)范，一般情況下只有一列的表格， width寫在 table的標(biāo)簽里，只有一行的表格， height寫在 table的標(biāo)簽內(nèi)，多行多列的表格， width和 height寫在第一行或者第一列的 td標(biāo)簽內(nèi)。 ? 盡量提供 undo功能，用戶可以撤銷剛才的操作。 4. 當(dāng)界面內(nèi)容超出顯示區(qū)域時，以浮動層的形式顯示。 3. 當(dāng)輸入的內(nèi)容達到了字段的長度限制時，請控制不允許再輸入，而不是保存后自動截斷或保存時給予提示。 5. 提示信息不宜太長，寬度不能超過當(dāng)前窗口的 1/2；當(dāng)超過此比例時，請視具體情況進行換行。 ? 在表達信息時，不要過度依賴顏色，因為有些用戶可能色盲或色弱。 ，窗體上的控件也要隨著窗體而縮放；切忌只放大窗體而忽略控件的縮放。 7. 非法的輸入或操作應(yīng)有足夠的提示說明。 ，通用性界面則提倡使用通用性詞眼。界面直觀、對用戶透明：用戶接觸軟件后對界面上對應(yīng)的功能一目了然、不需要多少培訓(xùn)就可以方便使用應(yīng)用系統(tǒng)。 ? 用戶體驗為何如此重要？ 體驗好的用戶界面 糟糕的用戶界面表現(xiàn) 糟糕的用戶界面 ? 用戶體驗為何如此重要？ 用戶體驗的要素 視覺設(shè)計 交互設(shè)計 信息架構(gòu) 界面設(shè)計 導(dǎo)航設(shè)計 功能說明 內(nèi)容需求 用戶需求 產(chǎn)品目標(biāo) 具體 抽象 表現(xiàn)層 視覺設(shè)計 在這個五層結(jié)構(gòu)的頂端，我們把注意力轉(zhuǎn)移到系統(tǒng)用戶會注意到的那些方面：視覺設(shè)計，這里，內(nèi)容、功能和美學(xué)匯集到一起來產(chǎn)生一個最終設(shè)計，這將滿足其他四個層面的所有目標(biāo)。 排了 3趟地鐵，終于到公司了，但是你卻遲到了。 結(jié)果：盡管你已經(jīng)非常努力，但是你還是遲到了。 框架層 — 界面設(shè)計、導(dǎo)航設(shè)計和信息設(shè)計 在充滿概念的結(jié)構(gòu)層中開始形成了大量的需求，這些需求都是 來自我們的戰(zhàn)略目標(biāo)的需求。 這樣得到的好處： ? 用戶使用起來能夠建立起精確的心里模型，使用熟練了一個系統(tǒng)界面后，切換到另外一個系統(tǒng)界面能夠很輕松的推測出各種功能。 盡量遵循可不用鼠標(biāo)的原則：應(yīng)用中的功能只用鍵盤也應(yīng)當(dāng)可以完成。 8. 對運行過程中出現(xiàn)問題而引起錯誤的地方要有提示，讓用戶明白錯誤出處，避免形成無限期的等待。 ，子窗體沒有必要縮放。 【 功能名稱 】 顏色 【 功能簡述 】 各個頁面必須使用統(tǒng)一的顏色設(shè)置 【 規(guī)范要求 】 “危險、有風(fēng)險、未知、基本安全”的顏色，有什么講究嗎？“黃色”看不清楚。 6. 當(dāng)功能按鈕為圖片按鈕時，光標(biāo)停留需給予浮動提示信息。 4. 對非法字符的控制。 ? 界面設(shè)計規(guī)范 列表名稱 選中的行 菜單層次 列表內(nèi)容 表頭 按鈕 【 功能名稱 】 列表界面 【 功能簡述 】 對列表界面規(guī)范要求 【 規(guī)范要求 】 ? 界面設(shè)計規(guī)范 ： 說明本模塊所在位置的文字，所在的位置必須對應(yīng)功能菜單， 比如點擊菜單上的 則模塊位置說明文字必須對應(yīng)起來 ，顯示： ： ? 按鈕的顏色是統(tǒng)一的 。 ? 如果發(fā)生意外和錯誤，應(yīng)當(dāng)及時給出警告信息和錯誤信息，提醒用戶做出正確的處理。 總之遵循一條原則：不出現(xiàn)多于一個的控制同一個單元格大小的 height和width，保證任何一個 height和 width都是有效的，也就是改動代碼中任何一個height和 width的數(shù)值，都應(yīng)該在瀏覽器中看到變化。消息文本、 圖形標(biāo)志和命令按鈕在語義上不一致等 【 功能名稱 】 html編寫 【 功能簡述 】 對 html編寫的規(guī)范要求 【 規(guī)范要求 】 1. 首行縮進的處理，不要使用全角空格來達到效果，規(guī)范的做法是在樣式表中定義 p { textindent: 2em。 ? 界面設(shè)計規(guī)范 不規(guī)范實例 ： ? 如果列表前選擇框使用的是 RadioButton，則應(yīng)該默認(rèn)選中第 1條 。（如’、”、 ） 【 功能名稱 】 表單列表 【 功能簡述 】 對表單列表的相關(guān)規(guī)范。 2. 支持 tab鍵、 shift+tab鍵移動光標(biāo)焦點。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 登錄框 【 功能簡述 】 【 規(guī)范要求 】 、密碼寬度應(yīng)該上下對齊。 ? 軟件界面規(guī)范的重要性及其目的 ? 用戶體驗為何如此重要 ? Web規(guī)范體系介紹 ? 界面設(shè)計開發(fā)流程 ? 應(yīng)該遵循的基本原則 ? 界面設(shè)計規(guī)范 1. 所有界面基準(zhǔn)字體為 9pt。 美觀與協(xié)調(diào)性細則： ? 應(yīng)該遵循的基本原則 美觀與協(xié)調(diào)性原則 界面應(yīng)該大小適合美學(xué)觀點，感覺協(xié)調(diào)舒適，能在有效的范圍內(nèi)吸引 用戶的注意力。 ? 應(yīng)該遵循的基本原則 鼠標(biāo)與鍵盤一致性原則 系統(tǒng)響應(yīng)時間應(yīng)該適中，響應(yīng)時間過長，用戶就會感到不安和沮喪，而響應(yīng)時間過快也會影響到用戶的操作節(jié)奏，并可能導(dǎo)致錯誤。