|
四个月前答应过大家要写一篇关于断线图标的规律，一直没来得及总结，很多人说想知道，终于，今天它来了，哈哈哈！ 对于图标如何断线，如果是经验丰富的设计师，估计靠感觉做就可以了，但不是大神的我们怎么办呢？总得有点规律让我们参考参考吧，虽然有些规律不能全盘通用，但这次总结一定能给你带来帮助。 来，看下大纲： 1.先考虑在拼接处断线 2.平衡视觉复杂度 3.避免正中间处断线 4.尽量让图标一笔画完 1.先考虑在拼接处断线 如果一个物体是由两个部分组成，当我们选择在拼接处断开：
但如果是下面这样的：
我会觉得它坏了，很不舒服。 我们做断线图标的时候也一样，可以先考虑在物体的拼接处断线，让断口看起来自然和谐！ 举个例子： 下图是一个“我的”图标：
如果现在让我给它来做断线，我就先找到拼接处，分析如下：
哎呦，我觉得还ok。 行，那再来个例子！ 下图是个消息的图标：
再来分析，它的外形是由一个矩形和一个三角形组成的：
我们还是在拼接处断开，得到如下图：
嗯，也还行！ 所以一般来做断线图标，我就会先利用这一个规律看可不可行。 如果可行，就继续优化细节，如果不可行再尝试其他方法。 2.视觉复杂度要平衡 有时候，我们的图标不好将其拆解，这时候我们就可以尝试去考虑图标的视觉复杂度。 来个例子，下图是一个皇冠的图标：
经过分析，我们可以得出，图标红色区域的复杂程度要比蓝色区域高：
那如果在红色区域断开是什么样的呢，我们来分析对比一下：
所以，通过对视觉上复杂程度的解析后发现，方案一会平衡协调很多！ 再来个例子，下面是个通讯录图标：
图标的左侧要比右侧复杂:
这样图标左右都有细节，视觉平衡多了！ 3.避免正中间处断线 有朋友会说了，那有些图标没有拼接处，复杂程度也都一样，比如下面这种：
怎么办呢？ 很简单，这种图标只要尽量避免在正中间断线就ok，因为正中间断线显得过于呆板：
其它地方都可以尝试，例如左上角、左上角、右上角、右下角等等。 4.尽量让图标一笔画完 这也是一个很重要的知识点：如果可以的话尽量让图标外轮廓一笔画完，如下图：
其实很多时候，只要我们能从拼接处断线，基本都是可以一笔画完的，所以大家注意一下就好了。 当然，如果实在不能一笔画下来，也不必勉强，因为强扭的瓜不好看！ 总结 这四个知识点就是目前为止菜心所整理的关于断线图标的规律，个人经验，供大家参考。 不过提醒大家，这些方法难免会有少数不适用的时候，遇到不适用的情况，千万不要因为规则而被困住，多多尝试，敢于不同，也许可以找到更合适的解决方案。 科科！ 更多干货欢迎关注公众号：菜心设计铺 |
|
|
