2016-11-3 ui設(shè)計分享達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
在上一篇的分享文章中,我們分享了軟件界面設(shè)計中的易用性細(xì)則,今天我們來分享下軟件界面設(shè)計中的規(guī)范性細(xì)則。通常界面設(shè)計都按Windows界面的規(guī)范來設(shè)計,即包含“菜單條、工具欄、工具箱、狀態(tài)欄、滾動條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式,可以說:界面遵循規(guī)范化的程度越高,則易用性相應(yīng)的就越好。那么,具體到規(guī)范性的一些細(xì)則都有哪些呢?
1.常用菜單要有命令快捷方式。
2.完成相同或相近功能的菜單用橫線隔開放在同一位置。
3.菜單前的圖標(biāo)能直觀的代表要完成的操作。
4.菜單深度一般要求最多控制在三層以內(nèi)。
5.工具欄要求可以根據(jù)用戶的要求自己選擇定制。
6.相同或相近功能的工具欄放在一起。
7.工具欄中的每一個按鈕要有及時提示信息。
8.一條工具欄的長度最長不能超出屏幕寬度。
9.工具欄的圖標(biāo)能直觀的代表要完成的操作。
10.系統(tǒng)常用的工具欄設(shè)置默認(rèn)放置位置。
11.工具欄太多時可以考慮使用工具廂。
12.工具箱要具有可增減性,由用戶自己根據(jù)需求定制。
13.工具箱的默認(rèn)總寬度不要超過屏幕寬度的1/5。
14.工具箱,工具欄應(yīng)支持鼠標(biāo)拖動。
15.狀態(tài)條要能顯示用戶切實需要的信息,常用的有:目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息、提示信息、錯誤信息等,如果某一操作需要的時間較長,還應(yīng)該顯示進度條和進程提示。
16.滾動條的長度要根據(jù)顯示信息的長度或?qū)挾饶芗皶r變換,以利于用戶了解顯示信息的位置和百分比。
17.狀態(tài)條的高度以放置五號字為宜,滾動條的寬度比狀態(tài)條的略窄。
18.菜單和工具條要有清楚的界限。
19.菜單和狀態(tài)條中通常使用5號字體。工具條一般比菜單要寬,但不要寬的太多,否則看起來很不協(xié)調(diào)。
20.右鍵快捷菜單采用與菜單相同的準(zhǔn)則。
規(guī)范性的細(xì)則就是以上的內(nèi)容。如果每個設(shè)計師都能嚴(yán)守規(guī)范性的細(xì)則,真正能夠落到實處,結(jié)果一定能夠取得好的界面設(shè)計成果。
藍(lán)藍(lán)設(shè)計( yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://yvirxh.cn