六步完成卡通ui设计，让设计变得更简单

 卡通一直都是非常受人们欢迎的一种设计风格，而人们也开始把这种设计风格放在了ui界面设计中，因此也有了越来越多卡通形式的ui设计，下面我们跟随小编一起来了解一下卡通ui设计的相关资料吧。

卡通ui设计步骤一设计构思

在复杂的作品也要从简单的开始，拿起你的铅笔，画出你想要的卡通造型。无论是做什么设计，肯定 不可能空穴来风，凭空想像，特别是对自己不太熟悉的东西，所以千万别忘了找参考素材哦!

卡通ui设计步骤二草图绘制

新建AI文件把图片置入到文件当中。一定要点击嵌入，规整的图形思维，然后用钢笔工具照着草图描边细化，注意描边粗细的把握，大形体之间的描边要粗，小形体之间的描边要细一些，具体情况可自行斟酌，最后一点，对齐描边选项一定是居外描边，这对画面风格起到至关重要的左右。

（图片来自网络）

卡通ui设计步骤三初稿设计

最重要的一步：轮廓勾勒。其实用的是 UI 绘制 icon 手法和思维。所以在轮廓勾勒的时候要注意：一定要用布尔运算!

也就是说，凡是涉及到出线部分，一定是用各种圆叠加切割的，而不是用铅笔工具勾勒 。钢笔工具勾或放也可以，但这不是小魔女的插画风格~个人比较喜欢的是规整的圆，整齐的方。

以稍微复杂一些的身体为例，它其实是由很多的圆形、椭圆形叠加而成的。最后一行的不规则形状，其实是1/4圆。初稿设计的时候直充的颜色都只是大致的颜色，有一些回写的色卡，一般都是先用这些颜色 ，之后再根据整个画面重新去做调整。

卡通ui设计步骤四上固有色

这一步相对很简单就是把白色填充改成不同的固有色就好，如果是为了印刷需要，那么CMYK的色值注意取5进制的整数，对了还有鞋部的细节，勾选虚线，加细节效果~

（图片来自网络）

卡通ui设计步骤五增加明暗

虽然是矢量卡通形象，但是如果能加好明暗关系也能让画面更加丰富，如何加明暗呢?依胳膊这个局部为例子。

第一步当然是先要把暗部画出来，超出胳膊部分的图形可以随意一些，反正一会儿也是要剪去的!

第二步，把原有的胳膊CTRL+C复制，然后CTRL+C原位复制粘贴。

第三步，同时选中胳膊和阴影部分选择路径查找器当中的交集功能，大工搞成!

如果我们之前的描边对齐方式不是居外描边而是居中就会有最后一图的错误情况!所以切记!

卡通ui设计步骤六大功告成

造型已经做好了，在加点文字和背景吧!大功告成!

其实卡通ui设计的步骤还是相对比较简单的，不过设计出来的卡通ui效果却是非常不错的，而且它的市场反响也是非常不错的哦!