做界面设计的人，，，，，谁手机里没存过几十套按钮图标素材？？？？？但存了不蹬宗会用，，，，，更不蹬宗用得好。。。。。。我见过太多人，，，，，素材库堆了好几个G，，，，，真到做项主张时辰，，，，，翻来翻去就是找不到相宜的那一个。。。。。。问题出在哪？？？？？不是素材不够多，，，，，而是没搞领略按钮图标素材到底该怎么挑、怎么用。。。。。。

先说一个最容易被忽略的点：按钮图标素材不是越精彩越好。。。。。。好多人一看到那种细节拉满、光影复杂的图标就走不动路，，，，，感触高级。。。。。。但放到现实界面里，，，，，这种图标往往是最难用的。。。。。。为什么？？？？？由于按钮图标的性质是职能提醒，，，，，不是艺术品。。。。。。用户扫一眼就得知路这是干嘛的，，，，，你整一堆渐变、投影、拟物纹理，，，，，反而滋扰判断。。。。。。真正好用的素材，，，，，往往是那些看起来“平平无奇”的线性图标或者简洁面性图标。。。。。。

那到底怎么选。。。。。？？？？我自己的经验是分三步走。。。。。。

第一步，，，，，先定风格基调。。。。。。你的产品是偏年轻潮水，，，，，还是偏商务稳沉？？？？？是走极简路线，，，，，还是必要一点趣味性？？？？？风格定了，，，，，再去素材站里筛，，，，，直接过滤掉那些风格不符的，，，，，效能翻倍。。。。。。好比做金融类产品，，，，，你搞一堆手绘风格的按钮图标，，，，，用户看着就不安心。。。。。。?

第二步，，，，，看线条和圆角。。。。。。这个细节好多人不把稳。。。。。。同样是线性图标，，，，，有的线条粗细是1.5px，，，，，有的是2px，，，，，有的圆角大，，，，，有的圆角幼。。。。。。这些差距在单看的时辰不显著，，，，，但放到统一套界面里，，，，，就会显得出格乱。。。。。。所以选素材的时辰，，，，，尽量挑统一套下凤的，，，，，或者至少保障线条粗细和圆角风格是统一的。。。。。。不然按钮图标素材混着用，，，，，做出来的界面跟拼盘似的。。。。。。

第三步，，，，，查抄可鉴别度。。。。。。把图标缩幼到16px或者24px，，，，，看看还能不能一眼认出是什么。。。。。。好多图标在128px的时辰好看得不能，，，，，一缩幼就糊成一团。。。。。。这一步能助你筛掉一大批弄虚作假的素材。。。。。。?

再说说按钮图标素材的几种常见风格，，，，，方便你对号入座。。。。。。

线性图标是始终的万金油。。。。。。它不挑场景，，，，，不挑配色，，，，，放在哪里都显得干净利落。。。。。。尤其是那种1.5px细线条的，，，，，出格适合做工具类产品的顶部操作按钮。。。。。。面性图标则更适合做底部导航栏的选中态，，，，，视觉沉量够，，，，，按下去的感触更切实。。。。。；；；；；褂幸恢终饬侥旰芑鸬，，，，，就是线性面性结合的那种，，，，，默认状态是线性的，，，，，选中之后填充成面性，，，，，动效做出来出格丝滑。。。。。。这种素材此刻好多设计资源站都有现成的，，，，，直接拿来用就杏祝。。。。。

另表，，，，，若是你做的是偏年轻化的产品，，，，，能够试试那种带一点圆润感的“胖胖图标”。。。。。。这种按钮图标素材风格很讨喜，，，，，适合社交类、娱乐类产品。。。。。。但要把稳，，，，，别用得太满，，，，，一屏里有一两个这种风格的图标装点一下就够了，，，，，全用的话会显得很幼稚。。。。。。?

接下来聊一个实操问题：拿到素材之后，，，，，怎么处置能力让它们真正融入你的界面？？？？？

好多人喜欢直接拖进去用，，，，，了局发现图标的色彩跟按钮布景不搭，，，，，或者大幼比例不合。。。。。。我的习惯是，，，，，拿到素材之后先做三件事：统一尺寸、统一色彩、统一留白。。。。。。统一尺寸不用多说，，，，，把图标放到统一个画布里，，，，，调整到视觉大幼一致。。。。。。统一色彩也很单一，，，，，若是是SVG体式的，，，，，直接改填充色就杏祝。。。。。统一留白指的是图标内部的留白区域要差不多，，，，，不然视觉上会忽大忽幼。。。。。。

这一步做完，，，，，你会发现正本看起来有点杂乱的素材，，，，，瞬间变得整齐了。。。。。。这也是为什么有些人用免费素材也能做出高级感，，，，，而有些人用付费素材还是显得廉价——差距就在这些细节处置上。。。。。。?

最后说一句，，，，，素材这器材，，，，，贵精不贵多。。。。。。与其囤几百套按钮图标素材在网盘里吃灰，，，，，不如当真挑两三套高质量的，，，，，吃透它们的用法。。。。。。我自己的素材库里，，，，，真正高频使用的也就那三四套，，，，，其他的都是偶然翻出来找找灵感用的。。。。。。

你平时做界面的时辰，，，，，最常用的是线性图标还是面性图标？？？？？有没有哪套素材是你用了很久都舍不得删的？？？？？