UI知识，图标的认知与设计步骤

第一次写文章，写完后挺高兴的，收获也挺多的。这事我从做设计到现在做图标的过程中对图标的认知与设计心得，很高兴跟大家一起分享。希望和大家一起交流学习。

UI知识，图标的认知与设计步骤

特点，精致，细腻，识别性强，比较接近真实物品

图标设计设计原则

1可识别性原则

可识别性原则即清晰明了的表达清楚相应的功能和和操作。通俗的将就是用户一眼看过去就知道它是做什么的。比如拨打电话图标，用户不需要看文字只需要看图标就知道是拨打电话用的

UI知识，图标的认知与设计步骤

2差异性原则

即每个图标之间要有一定的差异性，这样比较容易辨别与区分

如下图所示如果每个图标彼此之间很相似的化就会很难分辨

UI知识，图标的认知与设计步骤

3统一性原则

统一性原则表现在形状，样式等风格层面。如下图图标都用了线条，并且图标都比较圆滑。

UI知识，图标的认知与设计步骤

4尺寸大小尺寸与格式。

图标一般有以下几种尺寸

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

图标有以下几种格式

png , jpg ,svg

图标设计设计步骤

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) ps网页设计 UI设计教程 UI知识设计步骤图标设计图标知识