UI知識,圖標的認知與設計步驟

2022-12-26 11:14:23 來源/作者: / 己有:25人學習過

UI知識,圖標的認知與設計步驟 UI知識,圖標的認知與設計步驟 UI知識,圖標的認知與設計步驟 UI知識,圖標的認知與設計步驟

特點,精致,細膩,識別性強,比較接近真實物品

圖標設計設計原則

1可識別性原則

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

UI知識,圖標的認知與設計步驟

2差異性原則

即每個圖標之間要有一定的差異性,這樣比較容易辨別與區分

如下圖所示如果每個圖標彼此之間很相似的化就會很難分辨

UI知識,圖標的認知與設計步驟

3統一性原則

統一性原則表現在形狀,樣式等風格層面。如下圖圖標都用了線條,并且圖標都比較圓滑。

UI知識,圖標的認知與設計步驟

4尺寸大小尺寸與格式。

圖標一般有以下幾種尺寸

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

圖標有以下幾種格式

png , jpg ,svg

圖標設計設計步驟