当前位置:设计先锋 > 设计教程

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

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

再来分析,它的外形是由一个矩形和一个三角形组成的:



我们还是在拼接处断开,得到如下图:



嗯,也还行!

所以一般来做断线图标,我就会先利用这一个规律看可不可行。

如果可行,就继续优化细节,如果不可行再尝试其他方法。


2.视觉复杂度要平衡

有时候,我们的图标不好将其拆解,这时候我们就可以尝试去考虑图标的视觉复杂度。


来个例子,下图是一个皇冠的图标:


经过分析,我们可以得出,图标红色区域的复杂程度要比蓝色区域高:




所以我选择在蓝色区域断口,来增加蓝色区域的复杂程度,达到平衡的效果:



那如果在红色区域断开是什么样的呢,我们来分析对比一下:



所以,通过对视觉上复杂程度的解析后发现,方案一会平衡协调很多!


标签:ui图标教程ui干货

分享到

网站首页|电脑版|返回顶部