为什么你的图标明明很精致，放到作品集就显得很廉价？

一、全文速览图

很多同学图标做的很好，但是一到包装就哑火了，十分优秀的图标却没有完美的展示出来。

今天我来教你几招简单且非常容易出效果的包装方式！

二、局部放大 拉开对比

当我们拿到一组图标，直接平铺看起来比较普通，而且画面散，不够聚焦。

给图标增加个卡片容器，看起来更有整体感。

画面有些单调，继续增加文字的细节修饰，但是要注意文字的层级关系。

但是四个图标都是五五分，整体还是比较平，可以将其中一个放大，并增加层卡片，做出对比。

看起来还差点意思，给卡片增加个颜色，并且做出破形的处理。

注意这里的颜色并不是乱选，吸取与产品相关的颜色。

优化后的卡片看起来有些空，不够饱满。

增加一些文字形状的修饰，最好和图标或UI相关，例如按钮的选择。

最后再来一些画龙点睛的修饰。

这样一套简单且有细节的图标包装就完成了。

当一组图标有5-6个，比较多的时候，继续用平铺+局部放大的方式会有些小气。

那就调整横向的排版方式，变成左右布局，将其中一个局部放大，做一个夸张的大小对比。

也可以调整卡片的形式让它更有差异化和细节。

最后再加上简单的文字包装。

三、场景结合

除了对图标局部放大处理，还可以将图标与使用场景结合，看起来整个包装会更丰富一些。

将页面场景与图标进行左右布局的排版：

同样给图标增加卡片，丰富层次，但是要注意，不要让页面与图标模块看起来是平均的，没有主次关系。

因为我们目的是包装展示图标，所以重点是将图标作为主体，页面场景作为辅助。

接着可以再调整其中一个图标做出差异化，让图标模块看起来不会那么平。

最后再加上简单的文字包装，背景可以做一些色块的区分就完成了。

如果有图标的动效演示，也可以将动效融入到包装展示中，既能丰富包装的形式，又可以去展现你的动效能力，一举两得。

其实除了将界面与图标分开展示外，还可以直接融入界面中重点展示，看起来会更协调统一。

举一反三，还可以用同样的方法展示BANNME/卡片等等。

四、风格融入

还有同学在包装时，可能整体做的都没有什么问题有主次、有对比、有细节。

但是整个包装看起来很普通，没有什么风格，所以我们可以将UI的风格也融入到包装，比如我们的风格是这样的：

可以直接从页面中提取风格特征明显的效果，比如按钮/卡片/背景光。

再将风格融入到图标的包装：

这样就完成啦。

五、总结

以上就是我们三种比较简单且非常容易出效果的图标包装展示。

最后再来总结一下：

1. 局部对比
2. 场景结合
3. 风格融入

记住这些方法，下次你的包装也能很出色。