很久没发东西了，相信大家记忆里的我已经是个死的了。最近新加入某公司，突然对卡通形象有了大量的需求，时间紧张的情况下，连翻找素材都是麻烦事情，干脆关掉浏览器自己搞，于是，想着陷于这种情况的同学们应该不少，干脆分享一下自制土方，如果这打扰了你作为一名设计师的逼格，还请见谅。

首先，今天的分享有几个前提：

1.主题为卡通类ui,这类设计并不会过多严谨地核算像素，比例等等，与常规的app、web页设计还是有很大区别的。大家可以用我的办法进行原创，但不要忽视了“细致程度”这一点，因为ui是个细活，你可以是个糙人，但给出来的东西也是你对自己这份工作的尊重。

2.很多人问美术基础重要吗。基础是啥？就是最基本的，需要掌握的东西。并不是说你需要高超的美术技能。但是，最起码的能力，作为ui,还是要去掌握的。打个比方，当产品经理问你“你这个按钮为什么不能使用灰色呢？”的时候，你不会愣在那跟他大眼瞪小眼。你的设计，不能完全是“跟着感觉走”，而是要有依据的。至于设计软件，条条大路通罗马，ps,sketch，也可以有更好的选择，尝试掌握，不会就百度，却不要被局限，软件是为人服务的，不是为了为难你才出现。

3.审美。这个必须要练，审美决定最终你的作品什么高度，有人说“当你发觉自己设计的不好时，说明你在进步”，然而审美不好的人，是连这一点都察觉不到的。解决方法也不难，常看优秀作品，不是要膜拜，去思考。“他设计的好看，为什么好看？哪里可以改进？他是用什么办法设计的？我也可以试试吗？”

好了废话这么多进入正题，正题比较潦草，我没有刻意准备教材，大家见谅。

首先确定主题，比如我的主题，圣诞题材的卡通icon，表示某个活动，具体活动内容我用“merryxmas”代替了，不重要。

首先脑子里过一遍圣诞的信息。找到一些关键联想，梳理这些词汇。思路不要跑得太偏，找到你第一时间脑海里的内容就行了。例如：“惊喜”“礼物”“雪”“丝带”“温馨”“圣诞老人”“驯鹿”。

接下来，确定你想要的那个组合。根据我公司的产品，脑海里生产的第一内容是“礼盒中的娃娃”。第二内容是“下着雪的水晶球”。都很唯美，没法决定谁更好？那就停止纠结，打开你的ps，建立一个1000x1000的画布，白色背景。找到画笔工具。

接下来，土方第一步，选取一个深色，例如咖啡色。

开始用鼠标打草稿。这一步需要确定的内容：主体物。基本构图。

你可能会想说，干嘛不用铅笔笔记本呢，这样还能涂改。

给你三个法式不羁的理由：

1.效率。时间不够的情况下，速度制胜。

2.有很多人基础美术并不好。或许，接近儿时的随手涂鸦，对你更加友好。

3.神学理由。当你的手能完全控制的时候，你的能力也被手所限制。当你握着鼠标的时候，一切都会发生微妙的变化，控制力，精确程度，都不是完全在你的掌握范围之内。想要突破自己，先让自己脱离自己的控制。（听不懂没关系，不要在意细节）

接下来，你需要使用钢笔工具。因为我们绘制的是矢量icon。pscc2018,出了一款神器，弯度钢笔。当然，不代表别的软件就不能使用。接下来，我使用sktech的钢笔工具，对我的“法式”草图进行勾勒。勾勒的同时可以开始动脑了。我要画一个兔子。兔子有三瓣嘴。小鼻子。大眼睛。长耳朵。我要画一个卡通的兔子。卡通的兔子，眼睛更大，耳朵更长，鼻子更小，嘴巴更可爱。把一个动物的五官凑在一起，会显得更加幼小。

有人说，我美术不好。也没有这种什么可爱不可爱的概念。很简单，百度“可爱的兔子”，找到能够打动你的那些，了解他们的共同特征。

盒子有透视。有人没学过透视。一样有办法。找个类似的实物，放在你面前，调整角度观察就可以了。没有实物？度娘。

好了，现在我们有了一只兔子，猥琐地朝你笑。

大家有发现，我们的icon，现在有了明暗变化。想象一束光线，照到盒子，于是便有了明处和暗处。而最亮的，永远是眼睛的光点，带来神采和灵魂。

还是很糙，正常。绘制到这里没有花费多少时间，可能全程也就十几二十分钟。

你不应该在这里浪费时间抠细节。

接下来，你是否已经确定自己要使用这个图标了？缩小后放入你需要的场景里，感受一下是不是差不多。或者这个时候，你可以去喊你的产品经理了。“类似这个效果，放这里，ok吗？”当你们达成共识，可以继续下一步。所以，在这之前，不要浪费时间抠细节。也就是在这一步，最初构思时，你脑海里的其他方案，要么，代替第一个方案出现，要么，统统消失，不要影响思路。

下一步，继续使用钢笔工具，细化。

从上一步到这一步的难度，就和修图一样，你只需要确认，它看起来除了颜色，没什么大问题了，就行。在这一步，你不能留下任何基础问题，因为后期修补总是更麻烦一些。

接下来，上色，基础颜色，比如你要白兔子还是黑兔子，细化颜色，比如反光，渐变带来层次感，阴影色不要使用黑色，所有的阴影都是彩色的，你的世界也是全彩，这么想，你的设计就不容易产生“污糟糟”的感觉。增加场景物品，比如盒子里是不是要放点东西，完善构图，比如背后是不是太空了需要一棵树。这些东西我没留步骤，如果真的有人感兴趣，下次我另开一个帖子来和你们分享经验。

说到用色，不要莫名其妙地“大胆”。比如说，现在很流行的高饱和度设计，渐变的使用。但前提是你自己看自己的设计，不会觉得眼睛疼，盲从不提倡。与其抱着大神的腿求东求西，不如多看点东西，多做点实际思考

接下来放一下我现在的新项目设计进程，同样的方法，工具是ps画笔和ps弯度钢笔。

草稿，坐在地上的猫。

钢笔勾勒。

接下来是初步上色

未完待续，大家可以期待一下。

感谢你们的阅读，共勉。有事留言，不喜轻喷，我不是大神，我和你们一样，就是一个默默享受工作的小设计。