UI设计过程中经常会用到的两个软件是什么?
今天特地总结了一下，在UI设计过程中，我们通常会用到两个软件：ps和ai，
对于ps可能很多人都多多少少了解到ps的具体功能。
《开始会讲述基础，后面才是精华》
但是对于AI，可能就有新手会问什么是ai？
今天这一篇主要是通过一个例子主要介绍ai的具体操作，
新手留下，大神可以飘过~什么是AI
我们都应该知道，我们的PS是一个位图软件，那么，我们的AI就是一个和PS 相辅相成的一个矢量图软件，那什么是矢量图呢？
位图和矢量图两者之间有什么区别呢？
什么是矢量图？
矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件
生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。是一种无论图像放大还是缩小都不会失真的图像制作软件，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。ai就是一款制作矢量图的软件。
位图和矢量图有什么区别？
举个简单的例子我们在很多时候需要将图片进行放大或者缩小，这时我们就需要保证一个图片的清晰度。矢量图就是这样的一个绘图软件。
好的，明白了什么是ai，那么ai怎么去操作呢？我们通过一个绘制人物头像的例子来说明：
AI的具体操作步骤
一 、绘制头部
第一步
打开ai之后，创建一个宽度和高度600*600px的新文件用于绘制头部。
使用椭圆工具，画一个椭圆。填充你需要的颜色，如下图的RGB配色显示，然后通过使用效果>弯曲>膨胀，按照下图来设置，然后回车确定。
第二步
绘制耳朵，首先需要绘制两个圆形，如在下面的图像中相互重叠，然后在路径查找面板里使用剪掉重叠部分按钮，用头部相同颜色，来创建一个圆，把你刚刚创建的半圆形放在上面，遮掩我们就有了我们的耳朵。
第三步
画完左边的耳朵，我们把它放在头像的左边，保持他选中，使用镜像工具，按住Alt，在脑袋前面脸的中间点击一下。
在新的对话框里，选择垂直，角度90度，按一下复制，我们就有两只耳朵了。
第四步
绘制小脸颊看，首先绘制一个细长的椭圆，靠近左边耳朵，会展示出左边脸颊的绯红。有一点像右边轻轻倾斜，使用镜像工具（垂直，90度，复制）创造一个右边的绯红。
使用矩形工作在头部画一个小的矩形，保持他选中，使用效果>弯曲>下弧形。按照下图设置。
二、 创建两个不同的眼睛
第一步
眼睛－通往我们灵魂的窗口，创造两个正圆使用椭圆工具同时按住shift。然后在这个圆里面添加一个更小的更暗一点的圆，添加两个白色的圆形，作为眼睛的高光。
同时按住shift和alt按键，把这个眼睛移动到右边。你将会得到这只眼睛的另一个拷贝，为了你的方便，成组眼睛（右击—成组）
第二步
让我们添加眼眉，创建两个圆形，彼此重叠。作为一个图像在下面，确保更大的在小的上面，使用路径查找器，使用减去顶层。
第三步
在左边的眼睛上放置左边眼眉。当保持左边眼眉选中，使用镜像工具同时按住alt键，在两个眼睛中间点击。
在新的对话框里面，选择垂直，90度，按下复制，这样我们就有了两个眼眉。
第四步
我们将会复制眼睛和眼眉的设置，跟着设置来创造不同的变化。改变眼睛和眉毛的颜色，甚至更加倾斜一下眼眉，来创造不同的变化。
下面图像3是通过设置眼眉角度，来告诉你当你大笑，眼睛的闭合。
三、 创造不同的口型
第一步：
让我们来着手处理口部。当你开始创建你自己的口型时，你只需要一个白色的填充，最细的描边。你可以在下面的图像里看的更清楚。
首先我们创造一个小的白色椭圆，然后使用转换锚点工具（Shift＋C），通过点击它们，把左边和右边的锚点变得尖锐。用直接选择工具（A）选中上面和底部的锚点，然后通过按键盘上的向下键，向下移动这两个锚点。
第二步
通过移动口型锚点的手柄，你可以创建不同类型的口型，你也可以向下面一样画一个细长的椭圆，展示一个唱歌或者惊奇的嘴。
四、 创建不同的头发类型
第一步
在你之前创建的头部中的基础上，因为直接在头部上绘制头发时比较容易的。
我们将会使用变形工具来造型一下我们的头发。但是首先我们要创建一个在头部的后面先创建一个棕色的椭圆，在前额上创建一个小的椭圆，这两个元素将会舒展或者变形成各种头发。
在变形工具上双击,回车确认你会看到下面图像，像下图箭头一样移动。
在你使用变形工具前，选中这个物体非常重要，否则你将会扩展到他旁边其他物体上。
五 、制作服装
第一步
我们将会设计不同的衣服。
使用圆角矩形工具，做出两个圆角矩形，一个在另一个上面。你可以选择任何有创造性的颜色，心中记住前面需要一个浅一点的灰色。
选中一个矩形，然后使用效果>变形>弧形，按照下面对话框设置。两个矩形都有同样的设置参数。扩展这个形状，对象>扩展外观。
第二步
画一个矩形，然后用颜色填充，像下图一样放置，覆盖住圆角矩形的下半部分。我们将会用这个做一个剪刀，保持选中，原位复制（control－C，control－F）
选中圆角矩形和和新的剪刀部分，在路径查找器里按一下去掉重叠部分，保持剪刀部分的拷贝和第二个圆角矩形选中，进行同样操作，这是躯干的上半部分，肩部和胸。
第三步
使用多边形工作在你的画板上点击，在新的对话框里选择三角形，然后确定。像下图一样放置，作为衣领的一部分。使用镜像工具（O）做一个垂直方向的拷贝，完成另一半的衣领，然后放置两个圆作为按钮。
六 、结合人物头像
第一步
是时候看一下我们现在创造的头像了，把你制作的所有元素结合起来，创造出不同的人物，下面是一些我已经组合起来的人物。
第二步
现在我们看到了不同人物的不同个性，我们可以围绕着他们添加一些配饰。
这个可爱的小男孩花费一整天的时间在电子游戏上，结果是明显的－－它需要一副眼镜。
今天特地总结了一下，在UI设计过程中，我们通常会用到两个软件：ps和ai，
对于ps可能很多人都多多少少了解到ps的具体功能。
《开始会讲述基础，后面才是精华》
但是对于AI，可能就有新手会问什么是ai？
今天这一篇主要是通过一个例子主要介绍ai的具体操作，
新手留下，大神可以飘过~什么是AI
我们都应该知道，我们的PS是一个位图软件，那么，我们的AI就是一个和PS 相辅相成的一个矢量图软件，那什么是矢量图呢？
位图和矢量图两者之间有什么区别呢？
什么是矢量图？
矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件
生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。是一种无论图像放大还是缩小都不会失真的图像制作软件，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。ai就是一款制作矢量图的软件。
位图和矢量图有什么区别？
举个简单的例子我们在很多时候需要将图片进行放大或者缩小，这时我们就需要保证一个图片的清晰度。矢量图就是这样的一个绘图软件。
好的，明白了什么是ai，那么ai怎么去操作呢？我们通过一个绘制人物头像的例子来说明：
AI的具体操作步骤
一 、绘制头部
第一步
打开ai之后，创建一个宽度和高度600*600px的新文件用于绘制头部。
使用椭圆工具，画一个椭圆。填充你需要的颜色，如下图的RGB配色显示，然后通过使用效果>弯曲>膨胀，按照下图来设置，然后回车确定。
第二步
绘制耳朵，首先需要绘制两个圆形，如在下面的图像中相互重叠，然后在路径查找面板里使用剪掉重叠部分按钮，用头部相同颜色，来创建一个圆，把你刚刚创建的半圆形放在上面，遮掩我们就有了我们的耳朵。
第三步
画完左边的耳朵，我们把它放在头像的左边，保持他选中，使用镜像工具，按住Alt，在脑袋前面脸的中间点击一下。
在新的对话框里，选择垂直，角度90度，按一下复制，我们就有两只耳朵了。
第四步
绘制小脸颊看，首先绘制一个细长的椭圆，靠近左边耳朵，会展示出左边脸颊的绯红。有一点像右边轻轻倾斜，使用镜像工具（垂直，90度，复制）创造一个右边的绯红。
使用矩形工作在头部画一个小的矩形，保持他选中，使用效果>弯曲>下弧形。按照下图设置。
二、 创建两个不同的眼睛
第一步
眼睛－通往我们灵魂的窗口，创造两个正圆使用椭圆工具同时按住shift。然后在这个圆里面添加一个更小的更暗一点的圆，添加两个白色的圆形，作为眼睛的高光。
同时按住shift和alt按键，把这个眼睛移动到右边。你将会得到这只眼睛的另一个拷贝，为了你的方便，成组眼睛（右击—成组）
第二步
让我们添加眼眉，创建两个圆形，彼此重叠。作为一个图像在下面，确保更大的在小的上面，使用路径查找器，使用减去顶层。
第三步
在左边的眼睛上放置左边眼眉。当保持左边眼眉选中，使用镜像工具同时按住alt键，在两个眼睛中间点击。
在新的对话框里面，选择垂直，90度，按下复制，这样我们就有了两个眼眉。
第四步
我们将会复制眼睛和眼眉的设置，跟着设置来创造不同的变化。改变眼睛和眉毛的颜色，甚至更加倾斜一下眼眉，来创造不同的变化。
下面图像3是通过设置眼眉角度，来告诉你当你大笑，眼睛的闭合。
三、 创造不同的口型
第一步：
让我们来着手处理口部。当你开始创建你自己的口型时，你只需要一个白色的填充，最细的描边。你可以在下面的图像里看的更清楚。
首先我们创造一个小的白色椭圆，然后使用转换锚点工具（Shift＋C），通过点击它们，把左边和右边的锚点变得尖锐。用直接选择工具（A）选中上面和底部的锚点，然后通过按键盘上的向下键，向下移动这两个锚点。
第二步
通过移动口型锚点的手柄，你可以创建不同类型的口型，你也可以向下面一样画一个细长的椭圆，展示一个唱歌或者惊奇的嘴。
四、 创建不同的头发类型
第一步
在你之前创建的头部中的基础上，因为直接在头部上绘制头发时比较容易的。
我们将会使用变形工具来造型一下我们的头发。但是首先我们要创建一个在头部的后面先创建一个棕色的椭圆，在前额上创建一个小的椭圆，这两个元素将会舒展或者变形成各种头发。
在变形工具上双击,回车确认你会看到下面图像，像下图箭头一样移动。
在你使用变形工具前，选中这个物体非常重要，否则你将会扩展到他旁边其他物体上。
五 、制作服装
第一步
我们将会设计不同的衣服。
使用圆角矩形工具，做出两个圆角矩形，一个在另一个上面。你可以选择任何有创造性的颜色，心中记住前面需要一个浅一点的灰色。
选中一个矩形，然后使用效果>变形>弧形，按照下面对话框设置。两个矩形都有同样的设置参数。扩展这个形状，对象>扩展外观。
第二步
画一个矩形，然后用颜色填充，像下图一样放置，覆盖住圆角矩形的下半部分。我们将会用这个做一个剪刀，保持选中，原位复制（control－C，control－F）
选中圆角矩形和和新的剪刀部分，在路径查找器里按一下去掉重叠部分，保持剪刀部分的拷贝和第二个圆角矩形选中，进行同样操作，这是躯干的上半部分，肩部和胸。
第三步
使用多边形工作在你的画板上点击，在新的对话框里选择三角形，然后确定。像下图一样放置，作为衣领的一部分。使用镜像工具（O）做一个垂直方向的拷贝，完成另一半的衣领，然后放置两个圆作为按钮。
六 、结合人物头像
第一步
是时候看一下我们现在创造的头像了，把你制作的所有元素结合起来，创造出不同的人物，下面是一些我已经组合起来的人物。
第二步
现在我们看到了不同人物的不同个性，我们可以围绕着他们添加一些配饰。
这个可爱的小男孩花费一整天的时间在电子游戏上，结果是明显的－－它需要一副眼镜。
