什么是UI界面,界面是軟件與用戶交互的直接的渠道,界面的好壞決定用戶對軟件的第1感覺。而且設計良好的界面能夠引導用戶自己完成相應的操作,起到向導式的作用。那么,關于UI界面設計規(guī)則和規(guī)范你知道嗎?設計合理的界面能給用戶帶來**愉悅的感受,相反由于界面設計的失敗,讓用戶有挫敗感,再實用強大的功能都可能在用戶的畏懼與放棄中銷聲匿跡。目前界面的設計引起軟件設計人員的重視的程度還遠遠不夠,直到zui近網頁制作的興起,才受到專家的青睞。而且設計良好的界面由于需要具有藝術美的天賦而遭拒絕。目前流行的界面風格有三種方式:多窗體、單窗體以及資源管理器風格,無論那種風格,以下十條規(guī)則是應該被重視的。
1、簡單實用
按鈕名稱應該簡單易懂,用詞準確,屏棄沒楞兩可的字眼,要與同一界面上的其他按鈕易于區(qū)分,能一看即懂zui好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進行相關的正確操作。細則:
(1)完成相近或相同功能的按鈕用Frame框起來,常用按鈕要支持快捷方式。
(2)完成同一功能的元素放在集中位置,減少鼠標移動的距離。
(3)按功能將界面劃分成局域塊,用Frame框括起來,并要有功能說明或標題。
(4)界面要支持鍵盤自動瀏覽功能,即按Tab鍵的自動切換功能。
(5)界面上首先應輸入的和重要信息的控件在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。
(6)同一界面上的控件數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多控制在三層以內。
(5)工具欄要求可以根據用戶的要求自己選擇定制。
(6)相同或相近功能的工具欄放在一起。
(7)工具欄中的每一個按鈕要有及時提示信息。
(8)一條工具欄的長度zui長不能超出屏幕寬度。
(9)工具欄的圖標能直觀的代表要完成的操作。
(10)系統常用的工具欄設置默認放置位置。
3、幫助應用
系統應該提供詳盡而可靠的幫助文檔,在用戶使用產生迷惑時可以自己尋求解決方法。細則:
(1)幫助文檔中的性能介紹與說明要與系統性能配套一致。
(2)打包新系統時,對作了修改的地方在幫助文檔中要做相應的修改。
(3)操作時要提供及時調用系統幫助的功能。如常用F1。
(4)在界面上調用幫助時應該能夠及時定位到與該操作相對的幫助位置。也就是說幫助要有即時針對性。
(5)zui好提供目前流行的聯機幫助格式或HTML幫助格式。
(6)用戶可以用關鍵詞在幫助索引中搜索所要的幫助,當然也應該提供幫助主題詞。
(7)如果沒有提供書面的幫助文檔的話,zui好有打印幫助的功能。
4、合理性
屏幕對角線相交的位置是用戶直視的地方,正上方四分之一處為易吸引用戶注意力的位置,在放置窗體時要注意利用這兩個位置。細則:
(1)父窗體或主窗體的中心位置應該在對角線焦點附近。
(2)子窗體位置應該在主窗體的左上角或正中。
(3)多個子窗體彈出時應該依次向右下方偏移,以顯示窗體出標題為宜。
(4)重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置。
(5)錯誤使用容易引起界面退出或關閉的按鈕不應該放在易點位置。橫排開頭或zui后與豎排zui后為易點位置。
(6)與正在進行的操作無關的按鈕應該加以屏蔽(Windows中用灰色顯示,沒法使用該按鈕)。
UI課程在學習階段一般也配合著界面設計的規(guī)范和規(guī)則,把相關知識貫徹到課程大綱內,只有在設計中遵循著規(guī)則和規(guī)范,才能設計出既美觀又實用性強的好作品!
課程咨詢
咨詢老師:張老師
咨詢電話:021-64320836
相關推薦
機構 | 班型 | 費用 |
非凡進修學院 | 白天班/晚班/周末班 | 點擊了解 |
交大南洋設計學院 | 白天班/晚班/周末班 | 點擊了解 |
天琥教育 | 白天班/晚班/周末班 | 點擊了解 |
水晶石教育 | 白天班/晚班/周末班 | 點擊了解 |
中軟卓越 | 白天班/晚班/周末班 | 點擊了解 |