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

来源:网络   作者:热心网友   发布时间:2017-10-14    浏览次数:264

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


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

来,看下大纲:


1.先考虑在拼接处断线

2.平衡视觉复杂度

3.避免正中间处断线

4.尽量让图标一笔画完



1.先考虑在拼接处断线

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



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

但如果是下面这样的:



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

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


举个例子:

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



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



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



哎呦,我觉得还ok。


行,那再来个例子!


下图是个消息的图标:



123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/6754.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通