欢迎光临散文网 会员登陆 & 注册

基础功能图标应该如何设计和优化

2022-05-23 17:15 作者:设计是门艺术  | 我要投稿

越简单的东西,越能看到基础,前几天一位星友问我下面这组简单的功能性图标怎么优化:

看似好像很简单,没什么可以优化的,但其实还是有很多细节可以调整的。

我们先来看下我优化的结果:

来分享一下优化过程的感受,一个一个说。

第一个图标:待参加

我们看下原版:

我觉得有个比较大的问题就是,上面的圆角很大,下面又没什么圆角:

所以看起来就不是很和谐,统一圆角后:

并且之前的图标有点高了,把它稍微变矮一点,方正一点:

这样看起来也会比较饱满。

第二个图标:待签到

首先待签到和待签退两个日历是不一样的:

我觉得还是统一比较好。

其次,我个人不是特别喜欢这种日历造型,会显得顶部非常琐碎:

非常影响美感。

先不说签到是不是一样要用日历,我看很多签到是用下面这个图形:

就算我们用日历作为外轮廓,那日历是不是有其他的形状呢,是不是一定要用这样的外轮廓:

我猜不一定,比如我们看很多日历就是这样的:

那我们简化成线性的是不是可以变成这样:

这样图标就不会显得琐碎了。

当然,这只是我个人的一个喜好,不太喜欢这个外形:

不过有一些粗描边的,就还好:

因为面边比较粗,所以显得比较饱满,没那么细碎。

第三个图标:待签退

这个其实和第二个差不多,就不多说了。

第四个图标:待评价

这个图标首先我是觉得,他这里面的两条横线有点长了:

可以短一点。

其次是不是要用方形的图标?

其实一组图标里,最好是能有一定的差异化,在统一的基础上有一些差异,比如有一些是方形的,有一些是圆形的,有一些是三角的,这样会更加耐看。

因为前面三个,第一个偏高的方向,第二三个是偏宽的方向,如果第四个还是方形,就会有点腻了,于是就把待评价改成了圆形:

总结

我们再最后看一眼优化前后的对比图:

虽然从技术上没什么难度,但还是会有很多细节的思考在里面,另外除了这些细节,设计工具也是特别重要,比如figma、oursketch.com以及即时设计等国产软件,都是不错的选择,我们平时也不要太贪心,把基础的、简单的能做好,就和不错了,慢慢来,继续加油冲!


基础功能图标应该如何设计和优化的评论 (共 条)

分享到微博请遵守国家法律