全部素材

UI设计教程之断线图标设计技巧(1)

升级会员,全站资源免费下载

四个月前答应过大家要写一篇关于断线图标的规律,一直没来得及总结,很多人说想知道,终于,今天它来了,哈哈哈!


对于图标如何断线,如果是经验丰富的设计师,估计靠感觉做就可以了,但不是大神的我们怎么办呢?总得有点规律让我们参考参考吧,虽然有些规律不能全盘通用,但这次总结一定能给你带来帮助。

来,看下大纲:


1.先考虑在拼接处断线

2.平衡视觉复杂度

3.避免正中间处断线

4.尽量让图标一笔画完



1.先考虑在拼接处断线

如果一个物体是由两个部分组成,当我们选择在拼接处断开:



我会觉得两个部分还没组装好,是一种很自然的分开。

但如果是下面这样的:



我会觉得它坏了,很不舒服。

我们做断线图标的时候也一样,可以先考虑在物体的拼接处断线,让断口看起来自然和谐!


举个例子:

下图是一个“我的”图标:



如果现在让我给它来做断线,我就先找到拼接处,分析如下:



虽然例子有点血腥,但事实确实如此,拼接处就在头和身子连接的地方,所以尝试在这里断开:



哎呦,我觉得还ok。


行,那再来个例子!


下图是个消息的图标:



123共3页
联盟广告
温馨提示
  • 如果发现资源过期或不存在,可通过提交工单或者联系在线客服为您解决;
  • 本资源来源于互联网,仅供学习参考禁止用于商业用途。
  • 若该资源侵犯了您的权益,请联系我们处理

热门推荐

相关标签

ui图标教程ui干货
http://new.shejixf.com/shejijiaocheng/shejililun/6754.html
右侧广告

相关推荐