什么样的icon图标才算是好的APP图标设计呢

众所周知，无论是文字icon还是图形icon，都是以快速识别作为基本目的，以简化的图形为基础，衍生出千变万化而又有迹可循的样子。icon因此是UI设计中必不可少的元素。特别是移动APP界面设计当中，icon图标设计是我们必修课。

在整个APP界面设计当中，icon图标设计也是最重要的一环节。花在app图标设计的时间上也是蛮多的。之前学堂君也整理了APP 图标和按钮视觉设计规范 ，值得大家阅读。

 

那到底什么样的icon图标才算是好的APP图标设计呢？

学堂君收集了一些APP设计的经验和干货分享给大家。大致需要满足四个方面的要求。

 

第一：ICON图标边界清晰

换句话说，图标的轮廓要清晰。具有很强的识别性。降低用户的认知成本。

所以，icon一定要有清晰的边界，最好的方式就是清晰的线条。App内的icon大多采用这种形式。

上面2个是  淘宝和微信底部tab的icon，都是采用线型作为icon的未选中状态。

当然，还有下面这些比较好拟物化的appicon 学习欣赏：

 

 

第二个：合适的色彩与质地

合适的含义是，填充的色块和纹理要有利于边界的形成。淘宝和微信底部的tab，我们观察被选中的状态与选中状态的差异，

选中状态将部分线条改为闭合或未闭合（购物车）的轮廓填充成色块，这里涉及到另一个问题，图形和背景的的分离。填充的色块和色块底部的tab bar的灰色依旧有清晰的边界，使我们可以容易的将icon识别出来。

 

第三个：一致的角度和占位符空间

icon内轮廓的线条的角度往往是相对一致的，并且一般是均衡的角度，如45度，90度，0度，这三种角度的轮廓可以给人一种稳定的感觉。

A、角度一致。比如iOS系统图标Quick Time Player ，Safari和launchpad的icon都采用了45度角作为内部图形倾斜的依据。

B、占位符空间的一致。如下图

 

 
特别是一些重要活动的Icon图标设计，比如奥运会的icon设计。在系列的icon，统一的倾斜角度格外重要。45度角使用的更为频繁。

 

第四个：空间感的塑造

icon首先必然是平面的，大多数的icon采用的都是正视图的方式呈现。

但是有些特殊的含义往往需要表达重复的意思，那么在二维空间内展示空间的层叠关系，依赖的只能是大小恒常性。淘宝底部tab中的社区icon，两个对话框的叠加就是这样。

比如天气类的图标设计：

 

还有直接依赖透视线的方式等等。

 

最后，APP  icon图标在设计中最为基本的存在意义是识别，为了达到这个目的。希望大家可以好好遵循以上四点要求。多多练习。