2016-11-3 ui設(shè)計(jì)分享達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
軟件界面設(shè)計(jì)在現(xiàn)在的互聯(lián)網(wǎng)時(shí)代越來(lái)越火,想必做設(shè)計(jì)的也都知道,它也是要遵循一定的設(shè)計(jì)守則,其中易用性就是軟件界面設(shè)計(jì)中的守則之一。但僅僅知道這一點(diǎn)還是不夠的,因?yàn)橐子眯缘谋澈筮€有很多的一些小細(xì)則,今天我們就來(lái)對(duì)這些小的細(xì)則進(jìn)行統(tǒng)計(jì)分享。
1.完成相同或相近功能的按鈕用Frame框起來(lái),常用按鈕要支持快捷方式。
2.完成同一功能或任務(wù)的元素放在集中位置,減少鼠標(biāo)移動(dòng)的距離。
3.按功能將界面劃分局域塊,用Frame框起來(lái),并要有功能說(shuō)明或標(biāo)題。
4.界面要支持鍵盤(pán)自動(dòng)瀏覽按鈕功能,即按Tab鍵的自動(dòng)切換功能。
5.界面上首先應(yīng)輸入的和重要信息的控件在Tab順序中應(yīng)當(dāng)靠前,位置也應(yīng)放在窗口上較醒目的位置。
6.同一界面上的控件數(shù)最好不要超過(guò)10個(gè),多于10個(gè)時(shí)可以考慮使用分頁(yè)界面顯示。
7.分頁(yè)界面要支持在頁(yè)面間的快捷切換,常用組合快捷鍵Ctrl+Tab。
8.默認(rèn)按鈕要支持Enter及選擇操作,即按Enter后自動(dòng)執(zhí)行默認(rèn)按鈕對(duì)應(yīng)操作。
9.可寫(xiě)控件檢測(cè)到非法輸入后應(yīng)給出說(shuō)明并能自動(dòng)獲得焦點(diǎn)。
10.Tab鍵的順序與控件排列順序要一致,目前流行總體從上到下,同行間從左到右的方式。
11.復(fù)選框和選項(xiàng)框按選擇幾率的高低先后排列。
12.復(fù)選框和選項(xiàng)框要有默認(rèn)選項(xiàng),并支持Tab選擇。
13.選項(xiàng)數(shù)相同時(shí)多用選項(xiàng)框而不用下拉列表框。
14.界面空間較小時(shí)使用下拉框而不用選項(xiàng)框。
15.選項(xiàng)數(shù)較少時(shí)使用選項(xiàng)框,相反使用下拉列表框。
16.專(zhuān)業(yè)性強(qiáng)的軟件要使用相關(guān)的專(zhuān)業(yè)術(shù)語(yǔ),通用性界面則提倡使用通用性詞眼。
軟件界面設(shè)計(jì)的細(xì)則大致就是以上的內(nèi)容,如果您有什么好的意見(jiàn)和建議,也請(qǐng)多多和我們聯(lián)系,相互溝通學(xué)習(xí)。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.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)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com