UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟

2022-12-26 11:14:23 來源/作者: / 己有:25人學(xué)習(xí)過

UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟 UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟 UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟 UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟

特點(diǎn),精致,細(xì)膩,識(shí)別性強(qiáng),比較接近真實(shí)物品

圖標(biāo)設(shè)計(jì)設(shè)計(jì)原則

1可識(shí)別性原則

可識(shí)別性原則即清晰明了的表達(dá)清楚相應(yīng)的功能和和操作。通俗的將就是用戶一眼看過去就知道它是做什么的。比如撥打電話圖標(biāo),用戶不需要看文字只需要看圖標(biāo)就知道是撥打電話用的

UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟

2差異性原則

即每個(gè)圖標(biāo)之間要有一定的差異性,這樣比較容易辨別與區(qū)分

如下圖所示如果每個(gè)圖標(biāo)彼此之間很相似的化就會(huì)很難分辨

UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟

3統(tǒng)一性原則

統(tǒng)一性原則表現(xiàn)在形狀,樣式等風(fēng)格層面。如下圖圖標(biāo)都用了線條,并且圖標(biāo)都比較圓滑。

UI知識(shí),圖標(biāo)的認(rèn)知與設(shè)計(jì)步驟

4尺寸大小尺寸與格式。

圖標(biāo)一般有以下幾種尺寸

256x256 256x256 128x128 64x64 32x32 16x16

圖標(biāo)有以下幾種格式

png , jpg ,svg

圖標(biāo)設(shè)計(jì)設(shè)計(jì)步驟