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