返修稿需要带修改标记么_UI设计师总为图标烦恼?灰大从零开始带你画图标

图标在UI设计体系中,是重要......

(此处省略1000字)

67981c81f08196c8e3a69479d772c96d.gif

直接上图!

24d783e657b9c8fb8e75d2ef57e65214.png

上图是我以前绘制的一套图标作品,

感兴趣的话就一起来了解一下我平时是怎么创作一套图标的吧~

制作过程

1、搜集+临摹+原创

积累素材是设计师必备的“基本功”,同时也是“职业病”。

平时我会有意识的在速写本上绘制一些简易的图标,如果在一些APP中看到比较好的图标,我也会临摹下来。

下面给大家随机展示一些我平时绘制的图标。

3bd6c21a42b1a10f525f43a778e467a5.png
0562219c87af0577d5a17a8bc15d1c5c.png
7f609e36a4a52d157e22abd0b51b9c33.png
b902ed470dc9b03c69f23ab421819a2f.png
9cad88b257be26420499fcd5a4b3e37e.png
b9a6ed8ae6bbe0dbb2780d4579cae1bb.png

除了绘制图标以外,我平时也喜欢绘制一些其他的图案

c97d22224742c4b37caa0859689730d0.png
20bcca7f19b5e6322773cd5db174a2e3.png

2、反复打磨

将绘制好的图标利用电脑矢量化后打印出来,根据打印稿用笔标记出不合理的地方,比如:线条太粗了,重心不稳.......对不合理的地方进行反复修改,再次打印,再修改,循环多次后直到得到自己满意的效果,最后定稿。

d40078fc3f626472cb644adbbcda2c2d.png

下面这幅手绘图就是文章一开始给大家展示的图标成品的手绘最终稿了。

73e3b11d9ffe5a11791645b32d6c5c37.png
a23e9f98025bde966ee282ca3b489602.png

需要强调的是,这一次图标的绘制,有一个特殊的地方,其中一个图标是有实物的。

99d906ab6df804b64312725132a103b6.png
58837a587b72720d472338304a924f71.png

3、图标插件化

最后,将图标上传阿里的iconfont网站,制作成字体图标。

3da2b004020b4d20a8aa18258a7ed420.png

然后将字体图标做成插件(我演示的是ps插件,也可以做成其它xd/sketch/figma插件)

cfdaae3b220123a5033b4a5a96d704cb.gif

制作过程就是给每个图标赋予关键字,然后利用正则表达式,可以方便的搜索所有图标。

不过这个步骤我就不详细解释了,因为

3599ba448f783e7b84af6ffe98d66b43.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值