![成功案例](https://linxingbaozhuang.oss-cn-guangzhou.aliyuncs.com/upload/admin/20210806/202108061656226821.png)
![图标设计原则](http://www.wintour.net.cn/public/uploads/pull_images/547d19379bf9264ffe5a2b9fb55536af.jpeg)
图标设计原则
图标设计的基本原则包括:辨识度高、风格统一、视觉美观、图标的辨识度高,表意准确,能让用户一眼就明白图标的含义;图标的风格统一,使整个界面具有很好的整体感;图标的视觉美观,能提高用户的关注度,使用户获得良好的体验感
![图标设计步骤](http://www.wintour.net.cn/public/uploads/pull_images/8d5850bc50a5729c8745e55ed19dbd47.jpeg)
图标设计步骤
制作一个好图标,既要考虑图标的辨识度、美观性和统一度,也要考虑图标应用界面的文化、未来显示的载体以及不同产品的特殊要求等
![金刚区图标设计](http://www.wintour.net.cn/public/uploads/pull_images/f29fb165fccf7d86afe8581fbf560447.jpeg)
金刚区图标设计
金刚区是 APP 首页的主图标区, 位于页面中上部, Banner 栏下面,其内容往往随公司活动需要随时灵活调整。因此,金刚区图标具有需求层次高、色彩丰富、以面性图标为主的特点
![Tab栏图标设计](http://www.wintour.net.cn/public/uploads/pull_images/d5284645cc297254f85c4c88bfbe8e76.jpeg)
Tab栏图标设计
相对于金刚区图标的设计,Tab栏图标在外形设计和样式设计上要简单很多。Tab栏图标设计尺寸通常为 48px。Tab栏图标设计根据用户群体及APP主题表达确定图标风格。
![识别性](http://www.wintour.net.cn/public/uploads/pull_images/a91bbc9c3bc4a25034f2bcab81ecd83c.jpeg)
识别性
图标就是帮助用户理解信息,所以识别性(也可以说是可访问性)是一个图标最重要的一项,尤其在没有文字说明的情况下,一定不能让用户产生疑惑。我们检测图标的可读性通常要将图标的背景色底板在黑色和白色之间进行切换对比
![规范性](http://www.wintour.net.cn/public/uploads/pull_images/1f476079c58f2f6b4499de13f5460d66.jpeg)
规范性
规范性也是做好一个图标的基础,我们要保证图标在视觉大小的一致性,图标饱满度、遵循同一种规律,细节统一性。
![统一性](http://www.wintour.net.cn/public/uploads/pull_images/98b3ccecedd340f996fc1fdbc905b451.jpeg)
统一性
在绘制多个类型相同的图标时,我们需要注意这一套图标合集需要在视觉上保持统一性。在一整套产品中,会有很多种图标,但是图标的功能不一样,所表达的内容也不同。这时,图标一致性的意义就体现出来了,根据格式塔原理中的相似性原则
![呼吸感](http://www.wintour.net.cn/public/uploads/pull_images/0e2efac0cd1a2e987f43449ba90afe05.jpeg)
呼吸感
呼吸感的意思就是适当留白。不管是图标还是界面,适当的留白可以突出主体内容,让内容具备易看性。在图标的绘制过程中,我们应该注意图标元素之间的间距不宜过近,元素也不宜过多。图标是一个物体的简略缩影,目的是为了表达内容