在設(shè)計(jì) UI界面的時(shí)候，有許多需要遵循的規(guī)范，本文就來(lái)聊聊 UI界面設(shè)計(jì)規(guī)范。

首先說(shuō)下什么是 UI界面設(shè)計(jì)規(guī)范，簡(jiǎn)單來(lái)說(shuō)就是對(duì) UI設(shè)計(jì)中各個(gè)元素之間的關(guān)系進(jìn)行規(guī)范，使得不同元素之間能進(jìn)行協(xié)同工作。

索果設(shè)計(jì)作為醫(yī)療產(chǎn)品設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)的專家，索果小編下面就來(lái)說(shuō)說(shuō) UI界面設(shè)計(jì)規(guī)范有哪些，它們分別有什么作用，我們又該如何去做。

一：一致性原則

一致性原則指的是同一個(gè)元素在不同的界面中，顏色、排版、大小等保持一致。就拿圖標(biāo)來(lái)說(shuō)，圓形的圖標(biāo)容易識(shí)別，方形的圖標(biāo)更有安全感，所以在設(shè)計(jì)的時(shí)候盡量使用圓形或者方形的圖標(biāo)。

一致性原則同樣也適用于文字，比如文字大小、顏色、字體等都要保持一致。在設(shè)計(jì)界面的時(shí)候，要注意讓不同元素之間保持一致性，比如文字在不同頁(yè)面中的排版是不一樣的。

另外在設(shè)計(jì)中也要注意一些細(xì)節(jié)問題，比如文本和圖片大小，字體大小等都要保持一致。

二：準(zhǔn)確性原則

準(zhǔn)確性原則是指在設(shè)計(jì)中必須保持視覺上的一致性，也就是說(shuō)不能使用戶感到迷惑。

（1）一致性：視覺上要保持一致，即不要讓用戶產(chǎn)生誤解。

（2）結(jié)構(gòu)化：內(nèi)容之間要有明確的結(jié)構(gòu)關(guān)系，并且避免過于復(fù)雜，以免增加用戶學(xué)習(xí)成本。

（3）可讀性：確保頁(yè)面的內(nèi)容可以被更多人理解，比如一些新功能、新應(yīng)用或者是新的規(guī)則都可以采用可讀性原則來(lái)指導(dǎo)設(shè)計(jì)。

（4）一致性：確保所有頁(yè)面都遵循同一規(guī)范，即界面中的所有元素都應(yīng)該是統(tǒng)一的。

（5）可預(yù)測(cè)性：盡量減少用戶思考時(shí)間，提高用戶操作效率。

（6）可預(yù)期性：確保用戶在不同使用環(huán)境下都能順利操作，減少誤操作。

三：布局合理化原則

布局合理化原則，其實(shí)就是合理地對(duì)信息進(jìn)行分類、排序，使信息能夠很好地組織起來(lái)。

界面的信息分類有很多種，可以按照信息的重要性、關(guān)聯(lián)度進(jìn)行分類，比如：重要信息、核心內(nèi)容、次要信息等等。

界面中的元素也可以按照重要程度、關(guān)聯(lián)性進(jìn)行分類，比如：按鈕、文字、圖片等等。

布局合理化原則還可以按照系統(tǒng)優(yōu)先級(jí)進(jìn)行分類，比如：主界面優(yōu)先級(jí)高于子界面，主界面優(yōu)先級(jí)高于搜索框。

布局合理化原則還可以按照元素之間的層級(jí)關(guān)系進(jìn)行分類，比如：層級(jí)關(guān)系越高的元素，在層級(jí)上就應(yīng)該處于相對(duì)靠前的位置。

布局合理化原則還可以按照元素位置進(jìn)行分類，比如：居中、左對(duì)齊、右對(duì)齊等等。

四：系統(tǒng)操作合理化原則

1、界面要清晰易懂，便于用戶理解和操作；

2、界面操作步驟要簡(jiǎn)單，不要有多余的步驟，避免用戶操作煩瑣；

3、要有合理的操作反饋，讓用戶對(duì)自己的操作有成就感；

4、要盡量讓用戶能夠一眼看到結(jié)果，不要讓用戶多想。

五：系統(tǒng)響應(yīng)時(shí)間原則

在界面設(shè)計(jì)時(shí)，盡量使用最短的時(shí)間完成操作，在有限的時(shí)間內(nèi)完成操作。

一般來(lái)說(shuō)，當(dāng)頁(yè)面的狀態(tài)改變時(shí)，其響應(yīng)時(shí)間要小于用戶預(yù)期的變化時(shí)間。所以要盡量讓頁(yè)面的狀態(tài)變化得更快些。

根據(jù)用戶體驗(yàn)原則，設(shè)計(jì)中盡量用最少的操作完成任務(wù)，減少用戶操作成本。例如在加載時(shí)，通過增加額外的操作步驟來(lái)減少用戶等待時(shí)間；在反饋時(shí)，通過增加反饋流程來(lái)減少用戶等待時(shí)間。

?

索果設(shè)計(jì)：「長(zhǎng)期服務(wù)：上海微創(chuàng)、美敦力、凱利泰、思路迪、昊海生物等。十年專注醫(yī)療實(shí)驗(yàn)室儀器的設(shè)計(jì)、落地和創(chuàng)新，設(shè)計(jì)覆蓋產(chǎn)品開發(fā)全產(chǎn)業(yè)鏈：設(shè)計(jì)分析、外觀設(shè)計(jì)、結(jié)構(gòu)設(shè)計(jì)、ui界面設(shè)計(jì)、樣機(jī)制作、小批量生產(chǎn)、模具開發(fā)、大批量生產(chǎn)等?！?/strong>