ui界面設(shè)計是ui設(shè)計中很關(guān)鍵的一個內(nèi)容，也是關(guān)系到界面的風(fēng)格和關(guān)注程度的。但沒有規(guī)矩不成方圓。ui界面設(shè)計也需要一定的規(guī)范和原則。今天就讓faceui為大家介紹ui界面設(shè)計規(guī)范。

　　如何有效制定ui界面設(shè)計規(guī)范

　　1、制定一個計劃

　　整理設(shè)計規(guī)范是一個涉及廣周期長的項目，所以有一個清晰的計劃可以幫助這個項目更好的推進(jìn)。

　　2、整理規(guī)范內(nèi)容及分類

　　做之前先明確我們需要整理哪些內(nèi)容，這些內(nèi)容的分類是怎樣的，下圖是我們整理騰訊云規(guī)范時列的內(nèi)容及分類，初始時列舉的內(nèi)容可能不全，但沒有關(guān)系，先把最基礎(chǔ)的分類和內(nèi)容定義好，后續(xù)發(fā)現(xiàn)有遺漏的內(nèi)容再添加進(jìn)去即可。

　　3、確定優(yōu)先級與分工

　　由上圖可以看出，一整套規(guī)范包含的內(nèi)容非常的多，所以內(nèi)容和分類整理好后，還需要確定每塊內(nèi)容的優(yōu)先級和分工。從大的模塊上說，首先應(yīng)當(dāng)確定整體的設(shè)計風(fēng)格和框架，整體確定后才好確定細(xì)節(jié)的風(fēng)格；其次的優(yōu)先級最好是控件、組件、場景，因為控件組成組件，控 件和組件組成場景，所以先確定小的控件后，組件和場景更容易確定。至于分工，規(guī)范的制定是整個團(tuán)隊的事情，最好團(tuán)隊中的設(shè)計師都能夠參與，互相分擔(dān)工作量以提高規(guī)范整理的效率，也能夠確保規(guī)范是在大家的討論下制定而成，每個人都參與過并贊同結(jié)論。

ui界面設(shè)計規(guī)范（圖片來自網(wǎng)絡(luò)）

　　4、確定規(guī)范展示形式及推進(jìn)流程

　　其實確定規(guī)范展示形式也是確定規(guī)范目標(biāo)用戶，要確定規(guī)范是給誰看的，展示在網(wǎng)站上還是直接用文檔承載，網(wǎng)站是否對公眾開放等問題。確定了這些問題后就可以確定規(guī)范的詳細(xì)程度、大體的展示形式。

　　5、制定規(guī)范的規(guī)范

　　規(guī)范本身要遵循什么規(guī)則，也是需要事先確定的，我認(rèn)為包括兩個部分，一是設(shè)計原則，二是輸出物規(guī)范。根據(jù)整個產(chǎn)品的目標(biāo)用戶、用戶及產(chǎn)品目標(biāo)可以確定我們的設(shè)計原則，所有的規(guī)范梳理都要遵循最基礎(chǔ)的設(shè)計原則，以滿足用戶及產(chǎn)品需求，提升整體的體驗。

　　ui界面設(shè)計規(guī)范的原則

　　1、一致性原則

　　堅持以用戶體驗為中心設(shè)計原則，界面直觀、簡潔，操作方便快捷，用戶接觸軟件后對界面上對應(yīng)的功能一目了然、不需要太多培訓(xùn)就可以方便使用本應(yīng)用系統(tǒng)。

　　2、準(zhǔn)確性原則

　　使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和顏色，顯示信息的含義應(yīng)該非常明確，用戶不必再參考其它信息源。顯示有意義的出錯信息，而不是單純的程序錯誤代碼。

ui界面設(shè)計規(guī)范（圖片來自網(wǎng)絡(luò)）

　　3、布局合理化原則

　　在進(jìn)行UI設(shè)計時需要充分考慮布局的合理化問題，遵循用戶從上而下，自左向右瀏覽、操作習(xí)慣，避免常用業(yè)務(wù)功能按鍵排列過于分散，以造成用戶鼠標(biāo)移動距離過長的弊端。多做“減法”運算，將不常用的功能區(qū)塊隱藏，以保持界面的簡潔，使用戶專注于主要業(yè)務(wù)操作流程，有利于提高軟件的易用性及可用性。

　　4、系統(tǒng)操作合理性原則

　　盡量確保用戶在不使用鼠標(biāo)(只使用鍵盤)的情況下也可以流暢地完成一些常用的業(yè)務(wù)操作，各控件間可以通過Tab鍵進(jìn)行切換，并將可編輯的文本全選處理。

　　5、系統(tǒng)響應(yīng)時間原則

　　系統(tǒng)響應(yīng)時間應(yīng)該適中，響應(yīng)時間過長，用戶就會感到不安和沮喪，而響應(yīng)時間過快也會影響到用戶的操作節(jié)奏，并可能導(dǎo)致錯誤。因此在系統(tǒng)響應(yīng)時間上堅持如下原則：2-5秒窗口顯示處理信息提示，避免用戶誤認(rèn)為沒響應(yīng)而重復(fù)操作；5秒以上顯示處理窗口，或顯示進(jìn)度條；一個長時間的處理完成時應(yīng)給予完成警告信息。

　　以上就是faceui為大家介紹的關(guān)于ui界面設(shè)計規(guī)范的相關(guān)內(nèi)容。ui界面設(shè)計本來關(guān)系到網(wǎng)頁的宣傳和用戶的關(guān)注，因此如何做好ui界面設(shè)計規(guī)范，還需要遵守一定的原則性，希望這些內(nèi)容對大家的ui界面設(shè)計有幫助。