界面設(shè)計規(guī)范(編輯修改稿)
2024-09-05 15:34 本頁面
【文章內(nèi)容簡介】 ，正上方四分之一處為易吸引 用戶注意力的位置，在放置窗體時要注意利用這兩個位置。 ? 應(yīng)該遵循的基本原則 合理性原則 合理性細(xì)則： 1. 父窗體或主窗體的中心位置應(yīng)該在對角線焦點附近。 2. 子窗體位置應(yīng)該在主窗體的左上角或正中。 3. 多個子窗體彈出時應(yīng)該依次向右下方偏移，以顯示窗體出標(biāo)題為宜。 4. 重要的命令按鈕與使用較頻繁的按鈕要放在界面上醒目的位置。 5. 與正在進(jìn)行的操作無關(guān)的按鈕應(yīng)該加以屏蔽 (用灰色顯示，沒法使用該按鈕 )。 6. 對可能造成數(shù)據(jù)無法恢復(fù)的操作必須提供確認(rèn)信息 ,給用戶放棄選擇的機(jī)會。 7. 非法的輸入或操作應(yīng)有足夠的提示說明。 8. 對運行過程中出現(xiàn)問題而引起錯誤的地方要有提示，讓用戶明白錯誤出處，避免形成無限期的等待。 9. 提示、警告、或錯誤說明應(yīng)該清楚、明了、恰當(dāng)。 美觀與協(xié)調(diào)性細(xì)則： ? 應(yīng)該遵循的基本原則 美觀與協(xié)調(diào)性原則 界面應(yīng)該大小適合美學(xué)觀點，感覺協(xié)調(diào)舒適，能在有效的范圍內(nèi)吸引 用戶的注意力。 1. 長寬接近黃金點比例，切忌長寬比例失調(diào)、或?qū)挾瘸^長度。 2. 布局要合理 ,不宜過于密集，也不能過于空曠，合理的利用空間。 3. 按鈕大小基本相近，忌用太長的名稱，免得占用過多的界面位置。 4. 按鈕的大小要與界面的大小和空間要協(xié)調(diào)。 5. 避免空曠的界面上放置很大的按鈕。 6. 放置完控件后界面不應(yīng)有很大的空缺位置。 7. 字體的大小要與界面的大小比例協(xié)調(diào) , 通常使用的字體中宋體 912較為美觀，很少使用超過 12號的字體。 ? 應(yīng)該遵循的基本原則 美觀與協(xié)調(diào)性原則 美觀與協(xié)調(diào)性細(xì)則： 8. 前景與背景色搭配合理協(xié)調(diào)，反差不宜太大。常用色考慮使用 Windows界面色調(diào)。 9. 如果使用其他顏色，主色要柔和，具有親和力，堅決杜絕刺目的顏色。 “ E1E1E1” 、 “ EFEFEF” 、 “ C0C0C0” 等。 ，字的大小、顏色、字體要相同，除非是需要藝術(shù)處理或有特殊要求的地方。 ，窗體上的控件也要隨著窗體而縮放；切忌只放大窗體而忽略控件的縮放。 ，子窗體沒有必要縮放。 ，由用戶自己選擇顏色、字體等。 ? 軟件界面規(guī)范的重要性及其目的 ? 用戶體驗為何如此重要 ? Web規(guī)范體系介紹 ? 界面設(shè)計開發(fā)流程 ? 應(yīng)該遵循的基本原則 ? 界面設(shè)計規(guī)范 1. 所有界面基準(zhǔn)字體為 9pt。 2. 不考慮特殊字體 (隸書、草書等 ,特殊情況可以使用圖片取代 ),保證每個用戶使用起來顯示都正常。 3. 所有字體屬性設(shè)定應(yīng)在 CSS中完成。所有控件盡量使用大小統(tǒng)一的字體屬性，除了特殊提示信息、加強(qiáng)顯示等例外情況。 4. 避免使用粗體和斜體 ：用粗體來吸引人的注意，用斜體表示著重，但還要少使用。 5. 避免混合字體 ：最多包含兩種不同的字體。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 字體 【 功能簡述 】 各個頁面必須使用統(tǒng)一的字體樣式 【 規(guī)范要求 】 不規(guī)范實例： 所有字體尺寸一律采用“ pt” 作為單位，對象和線條的尺寸一律采用“ px” 作為單位。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 尺寸單位 【 功能簡述 】 各個頁面必須使用統(tǒng)一的尺寸單位 【 規(guī)范要求 】 ? 界面設(shè)計規(guī)范 ? 盡可能通過選擇合適的主題顏色或系統(tǒng)顏色來選擇顏色。 ? 不要混用顏色類型。這就是說，應(yīng)當(dāng)始終將主題顏色與對應(yīng)的主題顏色匹配使用，系統(tǒng)顏色與對應(yīng)的系統(tǒng)顏色匹配使用，固定顏色與其他固定顏色一起使用。如果你一定要使用主題或系統(tǒng)顏色之外的顏色：最好是從某個主題或系統(tǒng)顏色派生，而不要硬編碼顏色值。 ? 如果不是為了顯示真實感的圖形和圖像，應(yīng)當(dāng)限制屏幕的色彩數(shù)目，因為人們在觀察屏幕時很難同時記住多種色彩 ? 應(yīng)當(dāng)根據(jù)對象的重要性來選擇顏色，重要的對象應(yīng)該用醒目的顏色表示。 ? 使用顏色的時候應(yīng)當(dāng)保持一致性，例如錯誤提示信息用紅色表示，正常信息用綠色表示。 ? 在表達(dá)信息時，不要過度依賴顏色，因為有些用戶可能色盲或色弱。 【 功能名稱 】 顏色 【 功能簡述 】 各個頁面必須使用統(tǒng)一的顏色設(shè)置 【 規(guī)范要求 】 “危險、有風(fēng)險、未知、基本安全”的顏色，有什么講究嗎？“黃色”看不清楚。另外，文字不完整， 在數(shù)字后面加“個”，前后項留合適的間隙。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 登錄框 【 功能簡述 】 【 規(guī)范要求 】 、密碼寬度應(yīng)該上下對齊。 。 、重置按鈕應(yīng)該顯示手型，而不是箭頭。 1. 打開一個新界面，光標(biāo)默認(rèn)停留在第一個待輸入的文本框中。 2. 當(dāng)選擇下拉框不存在默認(rèn)值時，則默認(rèn)為“請選擇”； 3. 當(dāng)存在默認(rèn)值時，請綁定顯示默認(rèn)值。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 默認(rèn)值 【 功能簡述 】 各個頁面都會存在默認(rèn)值 【 規(guī)范要求 】 1. 界面的必填項必須以 紅色 *號標(biāo)識出來。 2. 當(dāng)必填項沒有填寫時，可在光標(biāo)準(zhǔn)備移走時，在文本框后以“請輸入”紅色文字標(biāo)識。 3. 當(dāng)界面排列較緊時，必填項沒有填可以以彈出信息的方式來提示，光標(biāo)移走時彈出或最后提交 時彈出都可；但確定后必須停留在第一個待輸入的文本框中。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 必填值 【 功能簡述 】 對界面必填項的一些規(guī)范 【 規(guī)范要求 】 1. 可輸入 /選擇框以正常色顯示；不可輸入 /選擇框以灰色顯示； 2. 對于不可輸入 /選擇框，通過鼠標(biāo)或鍵盤都不可讓光標(biāo)定位至此控件。 ? 界面設(shè)計規(guī)范 【 功能名稱 】 控件顯示 【 功能簡述 】 【 規(guī)范要求 】 1. 提示信息中標(biāo)點符號請統(tǒng)一為全角符號。 2. 提示信息如有主語，請統(tǒng)一為‘您’。 3. 復(fù)雜的操作在成功后給予提示信息。 4. 需要后續(xù)操作的操作在成功后給予提示信息。 5. 提示信息不宜太長，寬度不能超過當(dāng)前窗口的 1/2；當(dāng)超過此比例時，請視具體情況進(jìn)行換行。 6. 當(dāng)功能按鈕為圖片按鈕時，光標(biāo)停留需給予浮
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1