如何设计贴纸,可爱画风的贴纸如何设计
前段时间做了一些贴纸,本来以为很简单,一做才发现,每一项UI设计(js.design)都有各自的门槛,都需要去不断的锻炼和学习,才能作出及格的东西。
先展示下大概的贴纸效果:

由于篇幅原因,今天先分享两个吧,虽然没有特别出彩,但过程还是经历了很多,交流一下:
先说第一个“求关注”。
1. 创意点
做设计前,一定要想清楚自己的创意点是什么,求关注这三个字很好理解,也很容易想到相关联的元素。
图形:

关注嘛,肯定是喜欢才会关注,而“喜欢“这两个字很容易联想到爱心,所以打算用爱心来做图形元素。
表情:
因为是求关注,这个“求“是最能体现情绪的,所以使用渴求、渴望的表情会比较合适。

通过对图形和表情的思考,最后设计成如下效果:

接下来我们用图形与文字结合。
2. 不要太碎
图形结合文字还是比较简单的,但是中间还是会遇到一点问题,最开始做的时候,肯定是希望尽可能的增加细节, 然而如果细节没有增加到位,就会导致整体有点琐碎,比如最开始的这一版本:

各种小点随意加,而且蓝色也是出现的比较莫名其妙。
后来去掉了一些乱加的小点,然后把翅膀变大一些,这样就会稍微好一点:

3. 我们的第一视觉应该是什么
不论做什么设计,我们都应该首先去考虑第一视觉是什么?最重要的内容是什么?我们的贴纸,毫无疑问最重要的肯定是“求关注”这三个字,但是我们下这个贴纸:

好像最突出的是爱心,而字并没有那么突出、清晰。
最后后来经过思考,直接把翅膀去掉,然后把文字放大,并且选用了一个与粉丝差异比较大的颜色—紫色,效果如下:

这样就会清楚很多了。
4. 我找了个合适的默认字体
我们再来说下字体的问题,如果项目时间比较赶,我觉得可以找一个合适的默认字体,我尝试了很多,最后选择了:字迹新手体,当然,一定要选择你们公司有版权的字体哦。
如果觉得字体比较合适,就可以适当的去修饰修饰,比如:
调整锯齿:
这个字体原本带有笔触,不是特别柔顺,所以我用钢笔工具重新勾绘了一遍:

增加细节:
再简单给字体增加点细节,比如选择几个笔画进行差异化颜色处理,在比如,再字体上加点图形,我这次加了主题相关的爱心:

这样,可以非常快速的文章字体部分。
5 关于描边
描边不要乱加,最开始我的描边加了很多层:

但是又不知道为什么这么加,就是为了增加细节而加,最后加多了,就会比较奇怪。
后来我把多余的描边都去掉了,就加了一个白色描边,但这个白色描边并不算风格里面的,只是为了区分贴纸与背景色才加上的:

因为我们整体是描边风格,所以最后给图形加了一层深色描边,再加一层区分背景的白色描边:

这样我们的描边层次也是是有理有据了。
接下来再聊聊加 qq 群:

1. 创意点
因为是加 qq 群嘛,所以肯定不只是一个人,于是就用两个形象来手牵手的,而且情绪还很快乐,因为的手绘造型能力一般,所以让龙哥给起了一个草图:

还是非常可爱的。
2. 对于手残党的我,sai 真是救命稻草
像我们手绘基础比较弱的,最怕的就是画线条,非常不自然,但是 sai 有一个钢笔工具,非常非常非常的好用,它就像普通画笔一样,但是它带锚点,我们可以任意拖动、删除、增加锚点如果中间线条不流畅,一定是手抖锚点画多了:

咔咔把锚点一删除就完事了:

网上也有很多关于 sai 的教程,就不过多赘述了,钢笔贼好使。
3. 颜色的丰富度
如果只是形象加文字,稍微显得有点单薄:

这种贴纸,我一般都会使用 2 种以上的颜色,这样会显得热闹活泼一点,于是我就想到在字体上面是不是可以再加点元素?
加点什么呢?后来想到了彩虹,雨过之后见彩虹嘛,肯定是一种很开心的状态,加群找到志同道合的群友,那也是一种见到彩虹非常开心的状态,于是就新增了彩虹的元素:

因为脸上有一个腮红,为了呼应,彩虹也留了一条红色,这样这个红色就不会太突兀,至少是有呼应的。
总结
好了,以上就是这两个小贴纸和大家分享的知识点,其实还有很多其他感悟,我们下次再见喽!