我在 UI 课上告诉大家,图标做成下面这样是不可能的,精致度、统一性、差异化都没有:
其实你只需要有一定的审美,就可以做出足够优秀精致的图标,我在课上现场给大家演示了一下,今天也在这分享一下。
你只需要做三件事情,就可以让你做出足够优秀的作品
第一:找到合适的图标素材
第二:增强设计素材的统一性
第三:给设计素材加入自己的想法
我们这次做的图标分别为:通知、商城、发现、我的。
我就拿最常用的阿里巴巴图标库,打开网址,找通知图标,直接下载第一页,第 1 排第 2 个:
放大如下:
接下来是商城图标,继续搜索商城,我们选用第一页,第 2 排第 2 个:
放大如下:
相同的方式,我们找到以下四个图标的原始素材:
这里面我们需要注意,在找素材的时候,你至少需要找到一两个不太一样的图标,否则整体就会比较普通,我们现在这样看上去,第四个“我的”图标,相对来说不一样一点,至少没那么常见:
有了素材之后,我们首先要让他们看起来是一套的,所以在统一性上需要优化,先优化大小和线条粗细
大小和粗细优化完之后,我们再优化下圆角统一性,现在很明显,只有第二个图标是圆润的,其他的都是有点硬朗的,可以进行统一下:
直角圆角统一了之后,还有一个统一性就是断线,只有第二个没有断开的设计,所以我们再把商城进行断线处理:
大家要明白,虽然我们可以直接下载图标素材,而且可以通过审美让他们变得相对精致统一,但素材毕竟还是通用的,我们还是需要融入自己的想法和设计,不能完全依赖素材,举一个最简单的例子,“我的”这个图标,图标的头部是圆形的,那我们是不是可以把他改成矩形的
比如一些细节的调整,像通知图标,感觉有点秃,是不是可以让中间伸出一点宽度来:
细微调整之后,如果觉得还不够,我们还可以继续添加新的设计语言,比如增加配色点缀:
就这样,这几个图标,渐渐的就成为了你自己的作品!
我们适当包装一下:
我们再对比一下原始的素材:
效果还是提升很大的!
所以,做任何事情,一定要讲究方法,不能死脑筋,否则进步就很慢。
我估计大家肯定还没看够,菜心老师这么多年的经验,大家跟着我学习,我再拿一个更有难度的,比如也是咱们同学问我,老师这种古风的图标怎么做,上面是他找的参考,下面是他自己做的:
我问他,普通图标做成啥样?他说做成这样:
我就。。。。。
这里面他犯了两个逻辑问题:
第一个问题:基础图标都差很多,却想着做更难的古风图标
第二个问题:他在做更有难度的图标时,依然在自己想着做,而不是在别人的基础上去进行二次创新,虽然他找了参考,但是他画的东西和别人的参考没有半毛钱关系。
这两个逻辑问题,就导致他一定是没结果的。
假设现在是我来做几个古风图标,分别为首页、文物、推荐,我们依然用刚才的方法论:
- 找到合适的图标素材
- 增强设计素材的统一性
- 给设计素材加入自己的想法
① 找到合适的图标素材:
② 增强设计素材的统一性
社区的房子,我们都改成线性语言,然后再加一个竖线:
文物图标这个鼎,我们可以缩短四个角落的线条,让中视觉更加聚焦中间:
扇子,我们做一定的简化处理,让它变得更加工整:
最后我们整合到一起,效果就可以变成这样:
是不是看起来就精致统一很多啦。
③ 给设计素材加入自己的想法
接下来就是继续融入自己的想法,比如融入一些粗细的笔触,看起来更有古香古色的味道:
甚至你还可以增加更多细节:
当然,你也可以做减法,做更简洁的版本:
能玩的还是挺多的,而且也很有意思,但不管怎样,我都是在一个基础之上进行局部创新,而不是在经验不足的情况下追求 100%的创新,哪怕是这么火爆的哪吒 2 和黑悟空,那也是站在历史文化的基础上进行的局部创新,但是很多没有经验的设计师,就喜欢自己瞎琢磨,最后导致啥也做不出来,然后开始怀疑自己!
欢迎关注作者的微信公众号:「菜心设计铺」
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
这么设计才好玩
已累计诞生 671 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓