木子素材 首页 大神 UI设计 查看内容

如何系统性优化一组图标?我总结了这五个方面!

2020-6-13 00:52| 发布者: admin| 查看: 258| 评论: 0

摘要: 和大家分享一下,杨杨在年前做的一套新年主题图标,整个过程成长很大,也希望能给大家一些启发。 其实一套主题图标对于一个刚毕业的大学生来说,难度不小,但只要愿意学习,还是可以攻克重重困难,最后把需求做好的 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

和大家分享一下,杨杨在年前做的一套新年主题图标,整个过程成长很大,也希望能给大家一些启发。

其实一套主题图标对于一个刚毕业的大学生来说,难度不小,但只要愿意学习,还是可以攻克重重困难,最后把需求做好的。

新年嘛,关键词的发散就不多说了,无非就是鞭炮、对联、福、灯笼等等。

我们直说重点:

  • 风格如何选取
  • 找不足的维度
  • 透视角度优化
  • 颜色优化
  • 怎么增加亮点

风格如何选取

对于风格,应该如何选择呢,比如有描边扁平风格:

如何系统性优化一组图标?我总结了这五个方面!

△ Martin David作品

有轻质感的拟物风格:

如何系统性优化一组图标?我总结了这五个方面!

△ Man King作品

这里可以给大家一个参考维度:

界面常驻功能性图标一般会使用描边、扁平风格的图标,而对于节日主题图标,图标如果太平会显得比较冷静,所以加一些质感的渲染会更有气氛。

而且增加质感一定程度上可以弥补造型上的不足,而且很出效果,对于时间有限的需求,是个不错的选择。

所以这次新年主题图标的需求,我们选择了轻质感的风格。

找不足的维度

由于没有做图标的经验,所以第一版的样式犯了一些基础型的问题:

如何系统性优化一组图标?我总结了这五个方面!

有不足不可怕,可怕的是不知道不足在哪里,所以清晰有条理的找到问题也是我们设计必须具备的能力。

我们从以下三个维度进行问题拆解,供大家参考

  • 厚度的一致性:既然是轻质感风格,那就需要让图标有一定的立体感,也就是厚度,而图中的鞭炮、小鼓看起来有些平,没有体现出厚度。
  • 颜色的一致性:一组图标颜色一定要看起来是和谐,用的色相要保持一种,比如现在鞭炮的红色有些偏暗红,而小鼓的颜色偏黄红,这也是比较明显的问题。
  • 创意亮点的发掘:图标中有一个老鼠的形象,想表达一定的创意性,但是老鼠的造型还不够可爱饱满,并且这个创意点和平台品牌关联性不强,如果用在别的平台也可以的话,那就证明还可以再想象独特性。

灯笼是五个图标中做的相对比较稳的一个。

问题和优化方向都有了,接下来就是调整了!

造型方面的优化

首先我们来优化造型方面的。

既然我们要做立体化质感的图标,那图标就不能太平,原有的鞭炮角度太正,所以在角度上进行了优化。

并且因为一个鞭炮有些太单调,所以把数量增多,优化如下:

如何系统性优化一组图标?我总结了这五个方面!

除了鞭炮以外,我们认为那个鼓的造型本身不够饱满,短时间内比较难出效果,所以及时更换了元素——锦鲤(锦鲤和推荐貌似还点关系):

如何系统性优化一组图标?我总结了这五个方面!

多次调整后,图标在立体化方面有了很重要的突破。

颜色方面的规范

之前的颜色有些偏暗,有些发黄,所以我们定了一个颜色规范,在主色上都使用统一的颜色,这样在延展的时候,就不容易跑偏:

如何系统性优化一组图标?我总结了这五个方面!

只要严格保持颜色规范的使用,不停的对比调整,一定可以让一套图标的颜色不跑偏。

创意方面的优化

咱不说一组图标,每个都有亮点,但至少有一个是相对比较特别的,这是非常有必要的,否则整体看起来就会非常平庸。

产生亮点的方法有很多,比如风格、透视、颜色、品牌基因等等。

由于我们在风格、颜色等方面都已经固定,所以选择在品牌基因的维度出发进行优化。

一说到品牌基因,我们就可以联想到吉祥物,由于又是鼠年的新年主题,所以我们将自己的吉祥物黑子与老鼠的元素结合,让「吉祥物黑字」穿上了「老鼠外衣」,并且手举春联:

如何系统性优化一组图标?我总结了这五个方面!

可谓是整组图标最大的亮点,这个生产创意的方法其实很常用,大家一定要多多练习。

最后我们看一下优化前后的效果:

优化前:

如何系统性优化一组图标?我总结了这五个方面!

优化后:

如何系统性优化一组图标?我总结了这五个方面!

整体还算ok,关键是能在执行的过程中有所成长,也期待杨杨后续更加成熟的作品。

超长干货!图标设计零基础科普指南

借着疫情期间在家休假的时间,将平时用到的一些零零散散的图标绘制方法与思路进行了一次全面的汇总与沉淀。

阅读文章 >

欢迎关注作者的微信公众号:「菜心设计铺」

如何系统性优化一组图标?我总结了这五个方面!

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×