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

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

如何有效制定ui界面設(shè)計規(guī)范,需要遵循哪些原則

Time: 2021-05-07

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ī)范

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ī)范

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è)計有幫助。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開