erp軟件界面設(shè)計(jì)

申請(qǐng)免費(fèi)試用、咨詢(xún)電話(huà)：400-8352-114

　　為了滿(mǎn)足客戶(hù)的需求，軟件界面的表達(dá)形式千差萬(wàn)別。但與網(wǎng)站的界面形式(電子商務(wù)、政府政務(wù)、各類(lèi)網(wǎng)站等)相比，作為企業(yè)管理(ERP)類(lèi)系統(tǒng)的界面形式比較低調(diào)，由于需要長(zhǎng)時(shí)間對(duì)著屏幕操作、觀(guān)看、思考，因此要設(shè)計(jì)得比較沉穩(wěn)、簡(jiǎn)潔，布局的規(guī)律性強(qiáng)，表達(dá)形式也不需要過(guò)于炫耀、跳躍、刺激。

　　這里介紹幾種最為常見(jiàn)和常用的PC端界面形式：卡片式、列表式、主細(xì)表式、樹(shù)形式和頁(yè)簽式，以及這些界面形式對(duì)應(yīng)的設(shè)計(jì)原則。這幾種形式基本上可以滿(mǎn)足大部分客戶(hù)業(yè)務(wù)處理的需求，如有不同之處，本文中的設(shè)計(jì)原則也可以作為參考之用。

　　前面介紹了界面、控件(菜單、工具欄、按鈕、字段框等)的概念，界面布局是界面設(shè)計(jì)的重要工作之一，布局就是在規(guī)定的界面范圍內(nèi)考慮如何布置這些控件可以獲得最佳的效果(易觀(guān)看、易輸入、易查閱等操作)。

　　一、界面區(qū)域的劃分

　　在電腦屏幕上做界面的設(shè)計(jì)時(shí)，為了溝通和理解的方便，同時(shí)也是為了使設(shè)計(jì)結(jié)果符合人體工程學(xué)的基本要求，對(duì)界面的定位坐標(biāo)和區(qū)域劃分做出如下的約定(這個(gè)約定與技術(shù)設(shè)計(jì)和編碼開(kāi)發(fā)的約定是一致的)

　　1. 坐標(biāo)原點(diǎn)的設(shè)定

　　通常會(huì)將電腦屏幕的左上角定為坐標(biāo)原點(diǎn)(XY軸的交叉點(diǎn)0)，因此，界面的內(nèi)容擴(kuò)展或是面積增大時(shí)都是由左向右、由上向下進(jìn)行延伸。

　　2. 區(qū)域的劃分

　　根據(jù)配置控件的使用目的不同，將界面分成兩個(gè)大的區(qū)域：功能區(qū)域和作業(yè)區(qū)域，

　　□功能區(qū)域：通常放在界面的四周，主要布置導(dǎo)航欄、工具欄、主菜單等。

　　□作業(yè)區(qū)域：通常放在界面的中間部分，或是偏右下方的區(qū)域，這個(gè)區(qū)域是業(yè)務(wù)數(shù)據(jù)處理的核心區(qū)域，主要用來(lái)布置各類(lèi)數(shù)據(jù)顯示的窗口、字段框等。

　　二、功能區(qū)域的規(guī)劃

　　除去業(yè)務(wù)字段控件布置的區(qū)域以外都是功能區(qū)域，功能區(qū)域的設(shè)計(jì)要點(diǎn)

　　1. 導(dǎo)航欄區(qū)域

　　導(dǎo)航欄區(qū)域，通常可以分別在欄的左右兩側(cè)顯示兩類(lèi)信息(不限于此)，比如：

　　□左端：顯示本界面/本組件的打開(kāi)路徑，系統(tǒng)名稱(chēng)>子系統(tǒng)名稱(chēng)>模塊名稱(chēng)>本組件名稱(chēng)。

　　□右端：顯示本組件的用戶(hù)所屬的部門(mén)、姓名、登錄日期等信息。

　　2. 工具欄區(qū)域(上)— 基本操作按鈕區(qū)

　　這個(gè)區(qū)域用來(lái)布置基本操作按鈕，一般放在導(dǎo)航欄與作業(yè)區(qū)域之間。所謂的基本操作按鈕，指的是用來(lái)對(duì)本界面上屬于主表區(qū)內(nèi)數(shù)據(jù)進(jìn)行操作的功能，對(duì)于細(xì)表區(qū)內(nèi)數(shù)據(jù)的操作按鈕通常布置在距離細(xì)表區(qū)的最近處(上邊或是下邊)。

　　工具欄的左右兩側(cè)是最為容易查找的位置，所以要將使用最為頻繁的、重要的功能按鈕布置在兩側(cè)，其余的布置在中間，布置在兩側(cè)的按鈕遵循如下的原則：左端布置本界面處理開(kāi)始的功能(入口)、右端布置本界面處理完成的功能(出口)，布置參考如下：

　?、僮蠖耍翰贾么蜷_(kāi)窗口后首先要操作的按鈕，比如：查詢(xún)、新增等;