图标设计总结:断线图标规律
2017-09-25 12:09:58 来源:易采站长网友投稿 作者:人人都是产品经理
关于图标怎样断线,假如是经历丰硕的设想师,估量靠觉得做便能够了,但没有是年夜神的我们怎样办呢?总得有面纪律让我们参考参考吧,固然有些纪律不克不及齐盘通用,但此次总结必然能给您带去协助。
去,看下纲领:
1.先思索正在拼接处断线
2.均衡视觉庞大度
3.制止正中心处断线
4.只管让图标一笔划完
1.先思索正在拼接处断线
假如一个物体是由两个部门构成,当我们挑选正在拼接处断开:

我会以为两个部门借出组拆好,是一种很天然的分隔。
但假如是上面那样的:

我会以为它坏了,很没有舒适。
我们做断线图标的时分也一样,能够先思索正在物体的拼接处断线,让断心看起去天然调和!
举个例子:
下图是一个“我的”图标:

假如如今让我给它去做断线,我便先找到拼接处,阐发以下:

固然例子有面血腥,但究竟的确云云,拼接处便正在头战身子毗连的处所,以是测验考试正在那里断开:

哎呦,我以为借ok。
止,那再去个例子!
下图是个动静的图标:

再去阐发,它的中形是由一个矩形战一个三角形构成的:

我们借是正在拼接处断开,获得以下图:

嗯,也借止!
以是普通去做断线图标,我便会先操纵那一个纪律看可不成止。
假如可止,便持续劣化细节,假如不成止再测验考试其他办法。
2.视觉庞大度要均衡
偶然候,我们的图标欠好将其拆解,那时分我们便能够测验考试来思索图标的视觉庞大度。
去个例子,下图是一个皇冠的图标:

颠末阐发,我们能够得出,图标白色地区的庞大水平要比蓝色地区下:

以是我挑选正在蓝色地区断心,去删减蓝色地区的庞大水平,到达均衡的结果:

那假如正在白色地区断开是甚么样的呢,我们去阐发比照一下:

以是,经由过程对视觉上庞大水平的剖析后发明,计划一会均衡和谐许多!
再去个例子,上面是个通信录图标:

图标的左边要比左侧庞大:

假如我们挑选正在左边断线,那左边便会更庞大,那样双方的庞大度便会平衡,以是我挑选正在左边断线:

那样图标阁下皆有细节,视觉均衡多了!
3.制止正中心处断线
有伴侣会道了,那有些图标出有拼接处,庞大水平也皆一样,好比上面那种:

怎样办呢?
很简朴,那种图标只需只管制止正在正中心断线便ok,果为正中心断线隐得过于机器:

别的处所皆能够测验考试,比方左上角、左上角、左上角、左下角等等。
4.只管让图标一笔划完
那也是一个很主要的常识面:假如能够的话只管让图标中表面一笔划完,以下图:

实在许多时分,只需我们能从拼接处断线,根本皆是能够一笔划完的,以是各人留意一下便好了。
固然,假如真正在不克不及一笔划下去,也没必要委曲,果为强扭的瓜欠好看!
总结
那四个常识面便是今朝为行菜心所收拾整顿的闭于断线图标的纪律,小我私家经历,供各人参考。
不外提示各人,那些办法不免会有少数没有合用的时分,逢到没有合用的状况,万万没有要果为划定规矩而被困住,多多测验考试,勇于差别,或许能够找到更适宜的处理计划。











闽公网安备 35020302000061号