首頁 培訓網(wǎng) 最新資訊 熱門問答

UI設計

13923776320 免費試聽 在線客服

您的位置: 上海培訓網(wǎng) > UI設計培訓資訊 > UI界面設計的規(guī)則和規(guī)范有哪些?【上?!?

UI界面設計的規(guī)則和規(guī)范有哪些?【上?!?/h4>

來源:教育聯(lián)展網(wǎng) | 發(fā)布時間: | 編輯:佚名

什么是UI界面,界面是軟件與用戶交互的直接的渠道,界面的好壞決定用戶對軟件的第1感覺。而且設計良好的界面能夠引導用戶自己完成相應的操作,起到向?qū)降淖饔?。那么,關于UI界面設計規(guī)則和規(guī)范你知道嗎?設計合理的界面能給用戶帶來**愉悅的感受,相反由于界面設計的失敗,讓用戶有挫敗感,再實用強大的功能都可能在用戶的畏懼與放棄中銷聲匿跡。目前界面的設計引起軟件設計人員的重視的程度還遠遠不夠,直到zui近網(wǎng)頁制作的興起,才受到專家的青睞。而且設計良好的界面由于需要具有藝術美的天賦而遭拒絕。目前流行的界面風格有三種方式:多窗體、單窗體以及資源管理器風格,無論那種風格,以下十條規(guī)則是應該被重視的。

UI界面設計的規(guī)則和規(guī)范有哪些

1、簡單實用

按鈕名稱應該簡單易懂,用詞準確,屏棄沒楞兩可的字眼,要與同一界面上的其他按鈕易于區(qū)分,能一看即懂zui好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進行相關的正確操作。細則:

(1)完成相近或相同功能的按鈕用Frame框起來,常用按鈕要支持快捷方式。

(2)完成同一功能的元素放在集中位置,減少鼠標移動的距離。

(3)按功能將界面劃分成局域塊,用Frame框括起來,并要有功能說明或標題。

(4)界面要支持鍵盤自動瀏覽功能,即按Tab鍵的自動切換功能。

(5)界面上首先應輸入的和重要信息的控件在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。

(6)同一界面上的控件數(shù)zui好不要超過10個,多于10個時可以考慮使用分頁界面顯示。

(7)分頁界面要支持在頁面間的快捷切換,常用組合快捷鍵Ctrl Tab

(8)默認按鈕要支持Enter及選操作,即按Enter后自動執(zhí)行默認按鈕對應操作。

(9)可寫控件檢測到非法輸入后應給出說明并能自動獲得焦點。

(10)Tab鍵的順序與控件排列順序要一致,目前流行行間從左到右,總體從上到下的方式。


2、規(guī)范化

通常界面設計都按Windows界面的規(guī)范來設計,即包含“菜單條、工具欄、工具箱、狀態(tài)欄、滾動條、右鍵快捷菜單”的標準格式,可以說:界面遵循規(guī)范化的程度越高,則易用性相應的就越好。小型軟件一般不提供工具箱。細則:

(1)常用菜單要有命令快捷方式。

(2)完成相同或相近功能的菜單用橫線隔開放在同一位置。

(3)菜單前的圖標能直觀的代表要完成的操作。

(4)菜單深度一般要求zui多控制在三層以內(nèi)。

(5)工具欄要求可以根據(jù)用戶的要求自己選擇定制。

(6)相同或相近功能的工具欄放在一起。

(7)工具欄中的每一個按鈕要有及時提示信息。

(8)一條工具欄的長度zui長不能超出屏幕寬度。

(9)工具欄的圖標能直觀的代表要完成的操作。

(10)系統(tǒng)常用的工具欄設置默認放置位置。


3、幫助應用

系統(tǒng)應該提供詳盡而可靠的幫助文檔,在用戶使用產(chǎn)生迷惑時可以自己尋求解決方法。細則:

(1)幫助文檔中的性能介紹與說明要與系統(tǒng)性能配套一致。

(2)打包新系統(tǒng)時,對作了修改的地方在幫助文檔中要做相應的修改。

(3)操作時要提供及時調(diào)用系統(tǒng)幫助的功能。如常用F1。

(4)在界面上調(diào)用幫助時應該能夠及時定位到與該操作相對的幫助位置。也就是說幫助要有即時針對性。

(5)zui好提供目前流行的聯(lián)機幫助格式或HTML幫助格式。

(6)用戶可以用關鍵詞在幫助索引中搜索所要的幫助,當然也應該提供幫助主題詞。

(7)如果沒有提供書面的幫助文檔的話,zui好有打印幫助的功能。


4、合理性

屏幕對角線相交的位置是用戶直視的地方,正上方四分之一處為易吸引用戶注意力的位置,在放置窗體時要注意利用這兩個位置。細則:

(1)父窗體或主窗體的中心位置應該在對角線焦點附近。

(2)子窗體位置應該在主窗體的左上角或正中。

(3)多個子窗體彈出時應該依次向右下方偏移,以顯示窗體出標題為宜。

(4)重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置。

(5)錯誤使用容易引起界面退出或關閉的按鈕不應該放在易點位置。橫排開頭或zui后與豎排zui后為易點位置。

(6)與正在進行的操作無關的按鈕應該加以屏蔽(Windows中用灰色顯示,沒法使用該按鈕)。


UI課程在學習階段一般也配合著界面設計的規(guī)范和規(guī)則,把相關知識貫徹到課程大綱內(nèi),只有在設計中遵循著規(guī)則和規(guī)范,才能設計出既美觀又實用性強的好作品!


課程咨詢

咨詢老師:張老師

咨詢電話021-64320836


相關推薦

機構 班型 費用
非凡進修學院 白天班/晚班/周末班 點擊了解
交大南洋設計學院 白天班/晚班/周末班 點擊了解
天琥教育 白天班/晚班/周末班 點擊了解
水晶石教育 白天班/晚班/周末班 點擊了解
中軟卓越 白天班/晚班/周末班 點擊了解

 

熱門機構推薦

UI設計

免費體驗課開班倒計時

11: 41: 09

稍后會有專業(yè)老師給您回電,請保持電話暢通

咨詢電話:13923776320

本周熱門資訊

全國分站 熱門機構

北京UI設計培訓 上海UI設計培訓 廣州UI設計培訓 深圳UI設計培訓 杭州UI設計培訓 蘇州UI設計培訓 南京UI設計培訓 天津UI設計培訓 佛山UI設計培訓 南寧UI設計培訓 長沙UI設計培訓 重慶UI設計培訓 太原UI設計培訓 青島UI設計培訓 寧波UI設計培訓 鄭州UI設計培訓 西安UI設計培訓 廈門UI設計培訓 武漢UI設計培訓 成都UI設計培訓 無錫UI設計培訓 濟南UI設計培訓 昆明UI設計培訓 貴陽UI設計培訓 揚州UI設計培訓 徐州UI設計培訓 珠海UI設計培訓 合肥UI設計培訓 長春UI設計培訓

杭州火星時代教育深圳中公優(yōu)就業(yè)深圳華清遠見教育深圳北大青鳥

申請試聽名額

已有10254人申請免費試聽

01電話咨詢 | 13923776320

QQ:929158207
加盟合作:0755-83654572

今日已有25人申請,本月限額500