这两个icon分别叫「倾听机」与「积木桥」，最终效果如下：
在达到最终效果时，中间也是经历了几版尝试的，中间也遇到一些问题。
跟大家分享几个我的启发。 01 找一些参考图，让 APP 的风格在心里更具象
这个APP倾向的风格是简洁、有亲和力的。基于这个方向，我找的参考图如下：
认为这类「线性感、低饱和的颜色」的页面风格更能体现APP简洁、有亲和力的特质。
那么我们画的 icon 也跟着主视觉走，可以有几个关键的特征：
· 线性的
· 低饱和度的
这款APP是想要重构人的心理世界，需求方给出了「积木」这个概念，认为「积木」是很契合他们 APP 理念的。
所以 Icon 一共就可以赋予这三种特质：
03 直观快速的试错办法
很多时候，我们也不知道选取的 icon 风格是否能和我们设计的画面搭配上，最快速直观的办法就是将参考中的 icon 截图到我们的页面上去，很快就能知道这个 icon 风格适不适合画面，同时也能从别人的 icon 风格里汲取一些灵感。
以下的 icon 就是我从别人页面里截取看效果的。
觉得这种 Icon 风格还是能和页面搭上的，就是造型上有些单调。所以我们在画造型的时候，就一定要加一些复杂度。
04 将抽象的形容词转化为能实施的东西
在一开始拿到「积木感」这个词的时候，我其实是蒙的，脑子里也不知道如何去设计。
我认为此时最好的办法就是找参考，无论是哪一类的图片，只要他能告诉我「什么是积木感」
根据参考的图片，我能提炼出积木感就是造型规整的几何图形。 05 根据参考画造型
参考图有几个的造型都已经很像「积木桥」了。
我们把这几个造型拿过来，修改一下，就诞生了「积木桥」icon 的前身：
最终用的这一版，在这一版的基础上再加了一道河流，更有「桥」的感觉。
再加一些断线，使节奏感更好。
06 加颜色
现在看起来有些单调，可以加一些修饰元素。
增加这样的小元素，也使得 icon上部不那么空，整个icon的造型更稳。 07 延展另一个 icon
根据已经确定的「积木桥」风格去延展「倾听机」就要容易许多了，采用的结构也是类似于积木桥的（左边为主体物，右边挨着一个），这样做也让两个 Icon更整体。
整个完成画面：
总结
避免冥思苦想，就找找参考；避免少走弯路，就截图贴上去快速试错。
再加上自己一点点的尝试，画面呈现会越来越好！
欢迎大家在评论区讨论留言。
本文来自微信公众号“菜心设计铺”（ID：caixinshejipu）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。
