设计师必知的UI图标设计的全面知识汇总

像素效果

图标的像素效果在用户界面中是很重要的一部分，尤其在小尺寸设计中很影响整体视觉。如果像素网格中行间距不对齐，会导致边缘出现锯齿在小图标上会看起来很模糊。要是调整图标的像素网格会使直线变得单薄，角度与曲线的精确度就没那么精确。这也是为什么建议大家用45度角的原因，比较好掌握，更加精准容易对齐。

线的粗细

说到线的粗细，2像素应该是最理想的，可3像素是最通用的。我个人更倾向2PX和4px，理想状态下我会用2的倍数比较多。在大多情况下字和扁平的图标是要避免特别细的线条，除非你是为了做出一些期望效果。如果你想定义线条的形状，一般设计师会通过光线和阴影的方法。

设计师会通过某一个元素让一系列设计更统一，像荷兰设计师在2015年图标沙龙上谈到他为荷兰政府做的项目，在设计中他跟伙伴运用了"缺口"的元素，不是每一个图标都有这个元素，但是大多数的统一让这一系列有了自己的特色，也真正的把它们融合了起来。

图标的目的与让用户的沟通，让他们想到并且进行选择。太多的细节会增加图标的辨识复杂度，尤其是小尺寸更会成为累赘。当然，细节的复杂程度也会影响单个或者整个系列图标的效果。所以当你拿不准细节轻重的时候，最好的方法是考虑最低限度的保证细节，但要保证高质量的明确图标含义。

虽然我们能看到很对牛逼设计师在制作高质量的图标，但是他们过于注重设计趋势和其他高端设计师的风格模仿。作为一个设计师来说，创造可能是我们应该更看重的，我们可以从结构、字体、工业、心理、自然等其他领域寻找灵感。千篇一律的图标我们都见过，可是特立独行的你才是用户真正认可的风格。

下面讲一些设计过程中你需要注意的：

1. 让用户更容易理解

图标最重要的作用就是它的辨识度是否让用户易理解，人们需要在小图标中做出他们的选择是件很困难的事，所以对于品牌来说，大部分的图形设计是为了展现品牌logo或者是一个标志性的形象。当然对于一个新的或者小的品牌来说也会通过一些其他方式来展现。

图标可以包含图像，但也可能是一个文本，一个logo又或是这些元素的组合。图像图标在其他适应设备上会不易阅读，而图形的话可以携带更多的视觉感。

对于一个图标而言，不会使用单词作为内容，因为空间本身就不大，而内容不多又不易用户理解。这也是一则经验：如果这个文本不是你logo的一部分，那么请尽量避免。如果是，也要慎重考虑一下。

此外，很多图标实际使用是在一定的环境下，大多数包括一行描述性文本在图标下面。设计时，字母的颜色和图标的类型或者网站也要保持一致，这样才能建立品牌的统一性。

4. 用鲜亮的颜色

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!