ui的設(shè)計(jì)規(guī)范是什么

時(shí)間：2022-05-09 21:21:01 | 來(lái)源：行業(yè)動(dòng)態(tài)

時(shí)間：2022-05-09 21:21:01 來(lái)源：行業(yè)動(dòng)態(tài)

ui設(shè)計(jì)是目前很火熱的行業(yè)，ui設(shè)計(jì)師在設(shè)計(jì)的時(shí)候應(yīng)具備設(shè)計(jì)規(guī)范，系統(tǒng)建議的規(guī)范可以讓我們?cè)O(shè)計(jì)具有統(tǒng)一性，界面視覺更美觀。接下來(lái)給大家詳細(xì)的講解下ui設(shè)計(jì)的規(guī)范是什么?

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

很多設(shè)計(jì)師以為ui就是設(shè)計(jì)圖標(biāo)。雖然事實(shí)并非如此，但圖標(biāo)的設(shè)計(jì)在整個(gè)ui中是比較基礎(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)格等等。

圖標(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)理解更加深刻;

后期更改形狀更加方便。

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

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

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

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

在如今的APP設(shè)計(jì)環(huán)境當(dāng)中，一些APP設(shè)計(jì)大牛都一直強(qiáng)調(diào)，設(shè)計(jì)師要為有品牌意識(shí)。在圖標(biāo)的設(shè)計(jì)中，我們也必須強(qiáng)調(diào)“品牌性”，簡(jiǎn)單的說(shuō)就是把品牌中的抽象的概念變成具象化的圖形，把品牌主副色調(diào)應(yīng)用到圖標(biāo)設(shè)計(jì)中。

5、標(biāo)注規(guī)范

如何把標(biāo)注的思路整理清晰——結(jié)構(gòu)化思維進(jìn)行拆解，將大問(wèn)題拆解成小問(wèn)題，逐一擊破。

ui設(shè)計(jì)師在設(shè)計(jì)時(shí)應(yīng)具備設(shè)計(jì)規(guī)范，要具有審美、創(chuàng)新能力，制作出更規(guī)范的APP或者界面，提高用戶體驗(yàn)。