正文

ui設(shè)計(jì)規(guī)范怎么寫（ui設(shè)計(jì)規(guī)范大全）

發(fā)布時(shí)間：2023-04-08 18:27:56 稿源：創(chuàng)意嶺閱讀： 116

大家好！今天讓小編來(lái)大家介紹下關(guān)于ui設(shè)計(jì)規(guī)范怎么寫的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

1、PC客戶端UI設(shè)計(jì)有哪些規(guī)范
2、如何定義UI設(shè)計(jì)視覺(jué)規(guī)范
3、UI設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)字體規(guī)范應(yīng)該要注意什么
4、UI界面設(shè)計(jì)規(guī)范有哪些？

ui設(shè)計(jì)規(guī)范怎么寫（ui設(shè)計(jì)規(guī)范大全）

一、PC客戶端UI設(shè)計(jì)有哪些規(guī)范

1、簡(jiǎn)易性

界面的簡(jiǎn)潔是要讓用戶便于使用、便于了解產(chǎn)品，并能減少用戶發(fā)生錯(cuò)誤選擇的可能性。

2、用戶語(yǔ)言

界面中要使用能反映用戶本身的語(yǔ)言，而不是游戲設(shè)計(jì)者的語(yǔ)言。

3、記憶負(fù)擔(dān)最小化

人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩(wěn)定，24小時(shí)內(nèi)存在約25%的遺忘率。所以對(duì)用戶來(lái)說(shuō)，瀏覽信息要比記憶更容易。

ui設(shè)計(jì)規(guī)范怎么寫（ui設(shè)計(jì)規(guī)范大全）

4、一致性

它是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與產(chǎn)品內(nèi)容相一致。軟件中往往存在多個(gè)組成部分（組件、元素）。不同組成部分之間的交互設(shè)計(jì)目標(biāo)需要一致。交互元素的外觀往往影響用戶的交互效果。同一個(gè)（類）軟件采用一致風(fēng)格的外觀，對(duì)于保持用戶焦點(diǎn)，改進(jìn)交互效果有很大幫助。

5、清楚

在視覺(jué)效果上便于理解和使用。軟件要為用戶使用，用戶必須可以理解軟件各元素對(duì)應(yīng)的功能。如果不能為用戶理解，那么需要提供一種非破壞性的途徑，使得用戶可以通過(guò)對(duì)該元素的操作，理解其對(duì)應(yīng)的功能。

6、用戶的熟悉程度

用戶可通過(guò)已掌握的知識(shí)來(lái)使用界面，但不應(yīng)超出一般常識(shí)。

7、從用戶習(xí)慣考慮

想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。

通過(guò)比較兩個(gè)不同世界(真實(shí)與虛擬)的事物，完成更好的設(shè)計(jì)。如：書(shū)籍對(duì)比竹簡(jiǎn)。

8、排列

一個(gè)有序的界面能讓用戶輕松的使用。軟件的交互流程，用戶可以控制。功能的執(zhí)行流程，用戶可以控制。

9、安全性

用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。

10、靈活性

簡(jiǎn)單來(lái)說(shuō)就是要讓用戶方便的使用，但不同于上述。即互動(dòng)多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄、界面)。

11、人性化

高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級(jí)和初級(jí)玩家系統(tǒng)，即用戶可依據(jù)自己的習(xí)慣定制界面，并能保存設(shè)置。

二、如何定義UI設(shè)計(jì)視覺(jué)規(guī)范

圖標(biāo)規(guī)范

很多設(shè)計(jì)師以為UI設(shè)計(jì)

就是設(shè)計(jì)圖標(biāo)。雖然事實(shí)并非如此，但圖標(biāo)的設(shè)計(jì)在整個(gè)UI設(shè)計(jì)中是比較基礎(chǔ)的一個(gè)環(huán)節(jié)。

圖標(biāo)與品牌標(biāo)志一樣，在設(shè)計(jì)時(shí)都需要做適當(dāng)?shù)臏p法，應(yīng)該盡量用簡(jiǎn)約的線條去表達(dá)其含義，應(yīng)該盡量避免出現(xiàn)線條結(jié)構(gòu)過(guò)于復(fù)雜的設(shè)計(jì)，而且整體的圖標(biāo)都需要保持風(fēng)格一致，例如圖標(biāo)的線條粗細(xì)、邊角弧度、圖標(biāo)高度寬度比例、風(fēng)格等等。

UI設(shè)計(jì)師應(yīng)該知道的UI設(shè)計(jì)規(guī)范

特別是對(duì)于新人，所以大家一起來(lái)看看圖標(biāo)設(shè)計(jì)的規(guī)范吧：

(1)像素對(duì)齊

需要嚴(yán)格的做到像素對(duì)齊，尤其是在做較小尺寸的圖標(biāo)時(shí)，如果不嚴(yán)格的遵循像素對(duì)齊，那最終的顯示效果就會(huì)出現(xiàn)問(wèn)題。

(2)多用布爾運(yùn)算

在做圖標(biāo)的時(shí)候，能用基本圖形進(jìn)行布爾運(yùn)算的時(shí)候，盡量不要使用鋼筆，這樣做的好處有如下幾點(diǎn)：

·讓你的圖標(biāo)更加規(guī)范

·對(duì)圖形結(jié)構(gòu)理解更加深刻

·后期更改形狀更加方便

UI設(shè)計(jì)師應(yīng)該知道的UI設(shè)計(jì)規(guī)范

(3)獨(dú)特的風(fēng)格

在做系列圖標(biāo)的時(shí)候，一定要在前期給圖標(biāo)設(shè)定一個(gè)風(fēng)格及原則，使之看起來(lái)與眾不同。

在這里值得一提就是，我們?cè)谧鼍€性圖標(biāo)時(shí)，一定要保證描邊粗細(xì)相同、圓角相同，如果這些基礎(chǔ)的規(guī)則都沒(méi)有遵循，那也就談不上風(fēng)格的統(tǒng)一、創(chuàng)新了。

(4)視覺(jué)大小統(tǒng)一

在進(jìn)行圖標(biāo)設(shè)計(jì)的時(shí)候，我們會(huì)使用柵格輔助線來(lái)幫助我們更加嚴(yán)格謹(jǐn)慎，但一定不要被輔助線困住，學(xué)會(huì)靈活運(yùn)用，保持視覺(jué)上的大小統(tǒng)一。

三、UI設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)字體規(guī)范應(yīng)該要注意什么

可以參考常規(guī)字體的使用規(guī)范：

1、在每個(gè)項(xiàng)目設(shè)計(jì)中只使用1-2個(gè)字體樣式，而在品牌字有明確的規(guī)范的情況下，只需要一種字體貫穿全文，通過(guò)對(duì)字體放大來(lái)強(qiáng)調(diào)重點(diǎn)文案。字體用的太多，越顯得不夠?qū)I(yè)。

2、不同的樣式的字體，形狀或系列最好相同，保證字體風(fēng)格的一致性。

3、字體與背景的層次要分明,確保字體樣式與色調(diào)氣氛相匹配，等。

ui設(shè)計(jì)規(guī)范怎么寫（ui設(shè)計(jì)規(guī)范大全）