現(xiàn)在很多的企業(yè)都是需要有管理系統(tǒng),但是這個管理系統(tǒng)設(shè)計也是需要一定的要求,那么這個管理系統(tǒng)界面設(shè)計規(guī)范有哪些?今天就讓faceui給大家普及一下關(guān)于管理系統(tǒng)的UI規(guī)范。
管理系統(tǒng)界面設(shè)計規(guī)范有哪些
1.關(guān)于全站風(fēng)格
頁面風(fēng)格應(yīng)在整個網(wǎng)站、列表、表單、按鈕和文本中盡可能統(tǒng)一。
2.關(guān)于形式
Esc鍵不應(yīng)該簡單地退出或關(guān)閉表單頁面;小心使用EnterSaver函數(shù)。提交表格時,該按鈕應(yīng)處于“繁忙”狀態(tài),不能重新提交;提交成功后,頁面應(yīng)關(guān)閉,未提交的可重新提交。

管理系統(tǒng)界面設(shè)計
根據(jù)業(yè)務(wù)類型,定義提交按鈕的名稱、提交后需要審批的業(yè)務(wù)、推薦按鈕定義為:保存和提交;一般儲蓄業(yè)務(wù),建議定義為:儲蓄。對于復(fù)雜的輸入項(xiàng),請相應(yīng)提示;初始化窗體時,某些值(如狀態(tài))可以默認(rèn)為正常。表單的內(nèi)容應(yīng)盡量在一個頁面上完整,沒有滾動條,過多的內(nèi)容應(yīng)按業(yè)務(wù)劃分為多個步驟,每個步驟驗(yàn)證信息。
3.關(guān)于列表
列表頁面的布局應(yīng)盡可能通用,例如顯示功能按鈕(加、出口等。)左上角是過濾器,右上角是過濾器。列表的內(nèi)容顯示在中間,分頁顯示在底部。
當(dāng)數(shù)據(jù)量過大時,滾動的應(yīng)該是表的內(nèi)容,而不是整個頁面。列表的內(nèi)容應(yīng)該是比較重要的數(shù)據(jù),有些標(biāo)簽、狀態(tài)適用不同的色差。
原則上,頁面顯示的數(shù)據(jù)欄越多越好,避免頻繁滾動。它們可以通過布局進(jìn)行優(yōu)化,例如一些未經(jīng)優(yōu)化的布局,在整個頁面上只顯示四個訂單信息項(xiàng),而在優(yōu)化時只有10個。當(dāng)數(shù)據(jù)內(nèi)容不多,應(yīng)該有一行數(shù)據(jù),而不是一行更改。
如果有刪除業(yè)務(wù),一般文字顏色為紅色,點(diǎn)擊后,彈出提示確認(rèn)刪除。具有長信息的單元格應(yīng)與左側(cè)對齊,如標(biāo)題;具有短和固定信息的單元格應(yīng)與中心對齊,如狀態(tài)、時間;具有數(shù)量和數(shù)量信息的單元格應(yīng)與右側(cè)對齊。在設(shè)計列表時,根據(jù)內(nèi)容的多少,適當(dāng)設(shè)置最佳內(nèi)容的寬度。如果文本太長,請使用它。..隱藏部分(啟用CSS)。
4.有關(guān)詳情網(wǎng)頁
在業(yè)務(wù)復(fù)雜的情況下,在設(shè)計一個詳細(xì)的頁面時,最好對重要的信息有一個清晰的認(rèn)識,并且信息之間要有一定的關(guān)聯(lián)性。
圖片中的細(xì)節(jié)、索取資料的次數(shù)和詢價單位之間相隔約10px,間距很小,足以顯示更多的資料,但視覺上并不太分散。用戶的一般視覺習(xí)慣是自上而下的,所以向上的信息是最基本、最重要的。在這里,圍繞著數(shù)據(jù),有一定的關(guān)聯(lián)性,比如編制人和聯(lián)系方式,整行都是聯(lián)系信息。如果你有太多信息內(nèi)容,你可以把它分門別類,使它看起來更有條理。就像一本書,會有很多章節(jié),一個章節(jié)會有很多段落。它分為三個部分:詢價信息、采購需求和備選供應(yīng)商。頁面,狀態(tài)顏色的區(qū)別,所以你可以看到業(yè)務(wù)的流程。備注信息應(yīng)取一行。

管理系統(tǒng)界面設(shè)計
5.關(guān)于彈出窗口
窗口尺寸應(yīng)該根據(jù)頁面的內(nèi)容來決定,如果內(nèi)容少,窗口大,窗口就會顯得空蕩蕩的,如果沒有,窗口就會過于擁擠。
6.關(guān)於溯源
溯源就是找到數(shù)據(jù)的來源,在頁面中添加溯源點(diǎn)可以為用戶節(jié)省大量的查詢時間。點(diǎn)擊查看,不跳過頁面,不復(fù)制號碼。
管理系統(tǒng)界面設(shè)計規(guī)范有哪些?通過上面由faceui所給出的解答之后,相信大家對于管理系統(tǒng)界面設(shè)計知識也是有了全新的認(rèn)識和了解,清楚的知道了無論在做哪方面的系統(tǒng)界面設(shè)計都是需要一些


在微信中搜索faceui