雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

管理系統(tǒng)界面設(shè)計(jì)原則,讓模板運(yùn)用更廣泛

Time: 2020-01-13

管理系統(tǒng)界面設(shè)計(jì)對(duì)于管理系統(tǒng)來說是一個(gè)非常重要的門面,但是定制的成本太高了,所以有很多人都會(huì)直接選擇套用模板,下面我們跟隨小編一起來了解一下管理系統(tǒng)界面設(shè)計(jì)模板的相關(guān)資料吧。


管理系統(tǒng)界面設(shè)計(jì)模板應(yīng)遵循的原則如下:


一、易用性

  按鈕名稱應(yīng)該易懂,用詞準(zhǔn)確,屏棄沒楞兩可的字眼,要與同一界面上的其他按鈕易于區(qū)分,能望文知意最好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進(jìn)行相關(guān)的正確操作。

  易用性細(xì)則:

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

  2、完成同一功能或任務(wù)的元素放在集中位置,減少鼠標(biāo)移動(dòng)的距離。

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

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

  5、復(fù)選框和選項(xiàng)框按選擇幾率的高底而先后排列。

  6、界面空間較小時(shí)使用下拉框而不用選項(xiàng)框。

  7、選項(xiàng)數(shù)較少時(shí)使用選項(xiàng)框,相反使用下拉列表框。

  8、專業(yè)性強(qiáng)的軟件要使用相關(guān)的專業(yè)術(shù)語,通用性界面則提倡使用通用性詞眼。


1.jpg

(圖片來自網(wǎng)絡(luò))


  二、規(guī)范性

  通常界面設(shè)計(jì)都按Windows界面的規(guī)范來設(shè)計(jì),即包含“菜單條、工具欄、工具廂、狀態(tài)欄、滾動(dòng)條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式,可以說:界面遵循規(guī)范化的程度越高,則易用性相應(yīng)的就越好。

  規(guī)范性細(xì)則:

  1、狀態(tài)條要能顯示用戶切實(shí)需要的信息,常用的有目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息提示信息、錯(cuò)誤信息等,如果某一操作需要的時(shí)間較長(zhǎng),還應(yīng)該顯示進(jìn)度條和進(jìn)程提示。

  2、狀態(tài)條的高度以放置號(hào)字為直,滾動(dòng)條的寬度比狀態(tài)條的略窄。


  三、幫助

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

  幫助細(xì)則:

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

  2、在界面上調(diào)用幫助時(shí)應(yīng)該能夠及時(shí)定位到與該操作相對(duì)的幫助位置。也就是說幫助要有即時(shí)針對(duì)性。

  3、最好提供目前流行的聯(lián)機(jī)幫助格式或TI幫助格式。

  4、如果沒有提供書面的幫助文檔的話,最好有打印幫助的功能。


2.jpg

(圖片來自網(wǎng)絡(luò))


  四、合理性

  屏幕對(duì)角線相交的位置是用戶直視的地方,正上方四分之一處為易吸引用戶注意力的位置,在放置窗體時(shí)要注意利用這兩個(gè)位置。

  合理性細(xì)則:

  1、多個(gè)子窗體彈出時(shí)應(yīng)該依次向右下方偏移,以顯示窗體出標(biāo)題為宜。

  2、重要的命令按鈕與使用較頻繁的按鈕要放在界面。上注且的位置。

  3、錯(cuò)誤使用容易引起界面退出或關(guān)團(tuán)的按鈕不應(yīng)該放在易點(diǎn)位置。橫排開頭或最后與豎排最后為易點(diǎn)位置。

  4、對(duì)可能造成數(shù)據(jù)無法恢復(fù)的操作必須提供確認(rèn)信息,給用戶放棄選擇的機(jī)會(huì)。

  5、韭法的輸入或操作應(yīng)有足夠的提示說明。

  6、對(duì)運(yùn)行過程中出現(xiàn)問題面引起錯(cuò)誤的地方要有提示,讓用戶明白錯(cuò)誤出處,避免形

  成無限期的等待。

  7、提示、警告、或錯(cuò)誤說明應(yīng)該清楚、明了、恰當(dāng)。


3.png

(圖片來自網(wǎng)絡(luò))


  五、美觀與協(xié)調(diào)性

  界面應(yīng)該大小適合美學(xué)觀點(diǎn),感覺協(xié)調(diào)舒適,能在有效的范圍內(nèi)吸引用戶的注意力。

  美觀與協(xié)調(diào)性細(xì)則:

  1、布局要合理,不宜過于密集,也不能過于空曠,合理的利用空間。

  2、按鈕大小基本相近,忌用太長(zhǎng)的名稱,免得占用過多的界面位置。

  3、按鈕的大小要與界面的大小和空間要協(xié)調(diào)。

  4、避免空曠的界面,上放置很大的按鈕。

  5、放置完控件后界面不應(yīng)有很大的空缺位置。

  6、字體的大小要與界面的大小比例協(xié)調(diào),通常使用的字體中宋體9-12較為美觀,很少使用超過12號(hào)的字體。

  7、大型系統(tǒng)常用的主色有s #E1E1E1”、“柜EFEF”、"把0C0C0"等。

  8、界面風(fēng)格要保持一致,字的大小、顏色、字體要相同,除非是需要藝術(shù)處理或有特殊要求的地方。

  9、如果窗體支持最小化和最大化或放大時(shí),窗體上的控件也要隨著窗體而縮放;切忌只放大窗體面忽略控件的縮放。

  10、對(duì)于含有按鈕的界面一般不應(yīng)該支持縮放,即右上角只有關(guān)閉功能。

  11、通常父窗體支持縮放時(shí),子窗體沒有必要縮放。


  其實(shí)小編覺得管理系統(tǒng)界面設(shè)計(jì)模板應(yīng)遵循的原則簡(jiǎn)言之就是能夠符合用戶的使用習(xí)慣,適應(yīng)客戶的普遍需求并易于操作,所以小編相信只要做好了以上的設(shè)計(jì)原則,就可以輕松設(shè)計(jì)出不錯(cuò)的管理系統(tǒng)界面啦!


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開