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

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

管理系統(tǒng)界面設(shè)計(jì)規(guī)范有哪些?分享管理系統(tǒng)的UI規(guī)范

Time: 2022-04-12

  現(xiàn)在很多的企業(yè)都是需要有管理系統(tǒng),但是這個(gè)管理系統(tǒng)設(shè)計(jì)也是需要一定的要求,那么這個(gè)管理系統(tǒng)界面設(shè)計(jì)規(guī)范有哪些?今天就讓faceui給大家普及一下關(guān)于管理系統(tǒng)的UI規(guī)范。

  管理系統(tǒng)界面設(shè)計(jì)規(guī)范有哪些

  1.關(guān)于全站風(fēng)格

  頁面風(fēng)格應(yīng)在整個(gè)網(wǎng)站、列表、表單、按鈕和文本中盡可能統(tǒng)一。

  2.關(guān)于形式

  Esc鍵不應(yīng)該簡單地退出或關(guān)閉表單頁面;小心使用EnterSaver函數(shù)。提交表格時(shí),該按鈕應(yīng)處于“繁忙”狀態(tài),不能重新提交;提交成功后,頁面應(yīng)關(guān)閉,未提交的可重新提交。

851878_2205_1649245843401189.png

  管理系統(tǒng)界面設(shè)計(jì)

  根據(jù)業(yè)務(wù)類型,定義提交按鈕的名稱、提交后需要審批的業(yè)務(wù)、推薦按鈕定義為:保存和提交;一般儲(chǔ)蓄業(yè)務(wù),建議定義為:儲(chǔ)蓄。對(duì)于復(fù)雜的輸入項(xiàng),請(qǐng)相應(yīng)提示;初始化窗體時(shí),某些值(如狀態(tài))可以默認(rèn)為正常。表單的內(nèi)容應(yīng)盡量在一個(gè)頁面上完整,沒有滾動(dòng)條,過多的內(nèi)容應(yīng)按業(yè)務(wù)劃分為多個(gè)步驟,每個(gè)步驟驗(yàn)證信息。

  3.關(guān)于列表

  列表頁面的布局應(yīng)盡可能通用,例如顯示功能按鈕(加、出口等。)左上角是過濾器,右上角是過濾器。列表的內(nèi)容顯示在中間,分頁顯示在底部。

  當(dāng)數(shù)據(jù)量過大時(shí),滾動(dòng)的應(yīng)該是表的內(nèi)容,而不是整個(gè)頁面。列表的內(nèi)容應(yīng)該是比較重要的數(shù)據(jù),有些標(biāo)簽、狀態(tài)適用不同的色差。

  原則上,頁面顯示的數(shù)據(jù)欄越多越好,避免頻繁滾動(dòng)。它們可以通過布局進(jìn)行優(yōu)化,例如一些未經(jīng)優(yōu)化的布局,在整個(gè)頁面上只顯示四個(gè)訂單信息項(xiàng),而在優(yōu)化時(shí)只有10個(gè)。當(dāng)數(shù)據(jù)內(nèi)容不多,應(yīng)該有一行數(shù)據(jù),而不是一行更改。

  如果有刪除業(yè)務(wù),一般文字顏色為紅色,點(diǎn)擊后,彈出提示確認(rèn)刪除。具有長信息的單元格應(yīng)與左側(cè)對(duì)齊,如標(biāo)題;具有短和固定信息的單元格應(yīng)與中心對(duì)齊,如狀態(tài)、時(shí)間;具有數(shù)量和數(shù)量信息的單元格應(yīng)與右側(cè)對(duì)齊。在設(shè)計(jì)列表時(shí),根據(jù)內(nèi)容的多少,適當(dāng)設(shè)置最佳內(nèi)容的寬度。如果文本太長,請(qǐng)使用它。..隱藏部分(啟用CSS)。

  4.有關(guān)詳情網(wǎng)頁

  在業(yè)務(wù)復(fù)雜的情況下,在設(shè)計(jì)一個(gè)詳細(xì)的頁面時(shí),最好對(duì)重要的信息有一個(gè)清晰的認(rèn)識(shí),并且信息之間要有一定的關(guān)聯(lián)性。

  圖片中的細(xì)節(jié)、索取資料的次數(shù)和詢價(jià)單位之間相隔約10px,間距很小,足以顯示更多的資料,但視覺上并不太分散。用戶的一般視覺習(xí)慣是自上而下的,所以向上的信息是最基本、最重要的。在這里,圍繞著數(shù)據(jù),有一定的關(guān)聯(lián)性,比如編制人和聯(lián)系方式,整行都是聯(lián)系信息。如果你有太多信息內(nèi)容,你可以把它分門別類,使它看起來更有條理。就像一本書,會(huì)有很多章節(jié),一個(gè)章節(jié)會(huì)有很多段落。它分為三個(gè)部分:詢價(jià)信息、采購需求和備選供應(yīng)商。頁面,狀態(tài)顏色的區(qū)別,所以你可以看到業(yè)務(wù)的流程。備注信息應(yīng)取一行。

851878_2205_1649245828205024.png

  管理系統(tǒng)界面設(shè)計(jì)

  5.關(guān)于彈出窗口

  窗口尺寸應(yīng)該根據(jù)頁面的內(nèi)容來決定,如果內(nèi)容少,窗口大,窗口就會(huì)顯得空蕩蕩的,如果沒有,窗口就會(huì)過于擁擠。

  6.關(guān)於溯源

  溯源就是找到數(shù)據(jù)的來源,在頁面中添加溯源點(diǎn)可以為用戶節(jié)省大量的查詢時(shí)間。點(diǎn)擊查看,不跳過頁面,不復(fù)制號(hào)碼。

  管理系統(tǒng)界面設(shè)計(jì)規(guī)范有哪些?通過上面由faceui所給出的解答之后,相信大家對(duì)于管理系統(tǒng)界面設(shè)計(jì)知識(shí)也是有了全新的認(rèn)識(shí)和了解,清楚的知道了無論在做哪方面的系統(tǒng)界面設(shè)計(jì)都是需要一些


合作咨詢

上海(總部)

上海市浦東新區(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
或保存二維碼在微信中打開