虎课网为您提供字体设计版块下的XD-运营设计之插画设计思路图文教程，本篇教程使用软件为Adobe XD，难度等级为新手入门，下面开始学习这节课的内容吧！

本篇教程讲XD-运营设计之插画设计思路，喜欢的一起来学习吧！

学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业，老师会一一进行解答。

那就开始今天的课程吧。

1.本节课的课程目标是根据学到知识，做一个插画风格的APP首页，核心知识点是插画设计。

2.首先看案例分析，这幅插画图片传递情感占比超过文案，合理的插画在运营设计当中很重要，更好的辅助产品的功能和运用。

3.产品需要有自己的设计，才有可能脱颖而出。首先设想跑步场景，需要情感共鸣。

4.场景为天气晴朗在草地上面跑步，背景填充渐变色，下半部分画椭圆形绿色草地，绿色草地不要和蓝色有太多冲突，【Ctrl+D】复制椭圆，调整形状，为草地添加细节。

5.草地颜色添加渐变，草地上方放入矩形，矩形边缘上部随机变化，复制矩形，调整位置，底层矩形填充土地色，调整土地厚度。

6.表示土地的矩形复制图层，下层画矩形，选中土地图层和矩形图层按【Ctrl+shift+M】创建蒙版，下层矩形去掉描边颜色，颜色调浅，产生过渡感。

7.缩小人物，人物上方使用圆形和圆角矩形做白云，【布尔运算】合成整体。

8.画矩形光束，按【回车】调出锚点，调整形状，不勾选【边界】，填充渐变，调整【不透明度】。

9.画树木，边缘弧形，填充渐变，【Ctrl+D】复制一片树放在后面，调整造型。

10.远处画椭圆形灌木丛，钢笔勾勒山的形状，填充颜色，饱和度降低。

11.信息点设计可以参考支付宝中种树的思路，渐变颜色，绿色【阴影】，加大【模糊】。

13.最终效果如图所示，本节课程结束，谢谢大家，希望大家及时提交作业。

以上就是XD-运营设计之插画设计思路图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！