ui界面設計是ui設計中很關鍵的一個內容,也是關系到界面的風格和關注程度的。但沒有規(guī)矩不成方圓。ui界面設計也需要一定的規(guī)范和原則。今天就讓faceui為大家介紹ui界面設計規(guī)范。
如何有效制定ui界面設計規(guī)范
1、制定一個計劃
整理設計規(guī)范是一個涉及廣周期長的項目,所以有一個清晰的計劃可以幫助這個項目更好的推進。
2、整理規(guī)范內容及分類
做之前先明確我們需要整理哪些內容,這些內容的分類是怎樣的,下圖是我們整理騰訊云規(guī)范時列的內容及分類,初始時列舉的內容可能不全,但沒有關系,先把最基礎的分類和內容定義好,后續(xù)發(fā)現有遺漏的內容再添加進去即可。
3、確定優(yōu)先級與分工
由上圖可以看出,一整套規(guī)范包含的內容非常的多,所以內容和分類整理好后,還需要確定每塊內容的優(yōu)先級和分工。從大的模塊上說,首先應當確定整體的設計風格和框架,整體確定后才好確定細節(jié)的風格;其次的優(yōu)先級最好是控件、組件、場景,因為控件組成組件,控 件和組件組成場景,所以先確定小的控件后,組件和場景更容易確定。至于分工,規(guī)范的制定是整個團隊的事情,最好團隊中的設計師都能夠參與,互相分擔工作量以提高規(guī)范整理的效率,也能夠確保規(guī)范是在大家的討論下制定而成,每個人都參與過并贊同結論。

ui界面設計規(guī)范(圖片來自網絡)
4、確定規(guī)范展示形式及推進流程
其實確定規(guī)范展示形式也是確定規(guī)范目標用戶,要確定規(guī)范是給誰看的,展示在網站上還是直接用文檔承載,網站是否對公眾開放等問題。確定了這些問題后就可以確定規(guī)范的詳細程度、大體的展示形式。
5、制定規(guī)范的規(guī)范
規(guī)范本身要遵循什么規(guī)則,也是需要事先確定的,我認為包括兩個部分,一是設計原則,二是輸出物規(guī)范。根據整個產品的目標用戶、用戶及產品目標可以確定我們的設計原則,所有的規(guī)范梳理都要遵循最基礎的設計原則,以滿足用戶及產品需求,提升整體的體驗。
ui界面設計規(guī)范的原則
1、一致性原則
堅持以用戶體驗為中心設計原則,界面直觀、簡潔,操作方便快捷,用戶接觸軟件后對界面上對應的功能一目了然、不需要太多培訓就可以方便使用本應用系統(tǒng)。
2、準確性原則
使用一致的標記、標準縮寫和顏色,顯示信息的含義應該非常明確,用戶不必再參考其它信息源。顯示有意義的出錯信息,而不是單純的程序錯誤代碼。

ui界面設計規(guī)范(圖片來自網絡)
3、布局合理化原則
在進行UI設計時需要充分考慮布局的合理化問題,遵循用戶從上而下,自左向右瀏覽、操作習慣,避免常用業(yè)務功能按鍵排列過于分散,以造成用戶鼠標移動距離過長的弊端。多做“減法”運算,將不常用的功能區(qū)塊隱藏,以保持界面的簡潔,使用戶專注于主要業(yè)務操作流程,有利于提高軟件的易用性及可用性。
4、系統(tǒng)操作合理性原則
盡量確保用戶在不使用鼠標(只使用鍵盤)的情況下也可以流暢地完成一些常用的業(yè)務操作,各控件間可以通過Tab鍵進行切換,并將可編輯的文本全選處理。
5、系統(tǒng)響應時間原則
系統(tǒng)響應時間應該適中,響應時間過長,用戶就會感到不安和沮喪,而響應時間過快也會影響到用戶的操作節(jié)奏,并可能導致錯誤。因此在系統(tǒng)響應時間上堅持如下原則:2-5秒窗口顯示處理信息提示,避免用戶誤認為沒響應而重復操作;5秒以上顯示處理窗口,或顯示進度條;一個長時間的處理完成時應給予完成警告信息。
以上就是faceui為大家介紹的關于ui界面設計規(guī)范的相關內容。ui界面設計本來關系到網頁的宣傳和用戶的關注,因此如何做好ui界面設計規(guī)范,還需要遵守一定的原則性,希望這些內容對大家的ui界面設計有幫助。


在微信中搜索faceui