虎课网为您提供字体设计版块下的XD+AI-logo和情感插画设计图文教程，本篇教程使用软件为AI（CC2020）、XD 1.0，难度等级为中级拔高，下面开始学习这节课的内容吧！

本篇教程学习的是XD、AI设计logo和情感插画，喜欢的一起来学习吧。

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

那我们开始今天的教程吧。

1.首先要了解logo和图标的区别，以及图标设计的一些基本原则，确定好logo后，可以延伸出一些情感类插画。

2.基本原则：logo不同于图标，图标是功能优先，logo大多是传播品牌形象，二者的使用目标存在差异，但有些共通性，保罗·兰德的logo设计7原则，简洁性、独特性、可视性、适应性、可记忆性、普适性、经典不过时。

3.简约设计一直都有，它更容易被理解和应用，比如星巴克的logo演变，最初是一个徽章的样式，逐渐简化到现在这种状态，独特性反映出它品牌的气质，比如可乐的logo，并不是很简约，是在上个世纪就开始使用这个logo，它有它的特点，这些曲线和中文的展示，使它更有独特性。

4.可视性就是说在视觉传达的时候，要具备一定的辨识度，尤其是在用文字做logo的时候，适用性就是适用范围一定要广，品牌的认知度高低和它的可记忆性有着紧密的关联，优秀的logo也要配合持续的营销来推广。

5.普适性是对设计师本身的要求，需要站在更高的角度上去提前设计它，让它流传的时间更长，所能覆盖的范围更广，这也涉及到了最后一个原则经典不过时，尽量少去受这个时代的审美局限。

6.logo设计灵感：要想设计的好，除了这些原则之外，还要多看多练，建立灵感库，浏览应用市场，推荐一个网站，是收集苹果商店上面图标的，里面展示了很多精美的logo。

7.logo设计软件：AI最为方便，XD、Sketch等矢量软件也可以做，PS出一些精美的图，操作比AI更便捷一些，但是它矢量方面操作有所欠缺，如果需要PS，可以结合来使用。

8.情感化设计：情感化设计是一种设计方法，给用户带来良好的视觉体验或操作体验，以达到触发用户积极的情感共鸣，一般会通过视觉传达信息，或者通过微交互传达信息。

9.打开【AI】软件，新建画布，重命名，把图片放进来进行参考，这个logo打算尽量设计成圆形，先切割嘴巴，画一个【圆】，给它一个颜色，按住【Alt】拖动鼠标，复制出另外一个圆，在它的正上方复制一个圆，可以把【透明度】调小。

10.全部选中，点击【形状生成器】，按住鼠标左键拖动，切割出图形后松开鼠标，把其它部分删除，然后切割翅膀，画两个【圆】，【居中对齐】，在上面复制一个小的圆，全部选中，点击【形状生成器】，裁剪出来。

11.打开【XD】软件，新建空白画板，把这两个复制过来，回到【AI】，画一个【圆】做它的身体，复制一个，给到【170】以上，【顶对齐】，再做一个【50】的小圆，【底对齐】，让它们产生一些交点，点击【形状生成器】，进行裁剪。

12.复制到【XD】，【透明度】改为【100】，填充一些【颜色】，【Ctrl+D】复制翅膀，【Ctrl+Shift+[】移到最底层，旋转一下，让它有一个区分，复制一个嘴，放到下面，缩小，调整到合适的位置。

13.取消【边界】，降低【透明度】，选中两个图形【减去顶层】，之后做一些细节，做一个红色的嘴尖，复制一个嘴，选中它们两个，按住【Ctrl+Shift+M】创建蒙版，填充【颜色】，画上鼻孔和眼睛，做一些渐变。

14.情感化设计就是从logo中演变过来，复制一份，修改【颜色】，用【钢笔工具】做一个眼睛，做【粗】一点，选择【圆角】，眼睛两边圆滑一些，翅膀放到上面，尾巴耷拉下来，肚子减小一点，身体再加一部分。

15.用【钢笔工具】画一些眼泪和爪子，【Ctrl+G】打个组，再调节细节，表情和动作都可以继续延伸。

16.同学们记得上传自己的作业哦！

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