ui需要美术基础吗(ui需要具备哪些能力)

本文主要介绍ui需要美术基础吗(ui需要哪些能)？，下面跟着东辰网详细了解一下吧。

上次讲座后，许多人给我留言，提出各种问题:

如果你能做到，这有关系吗？;t画？

2做ui一定要会画画吗？

3能在UI上画的好吗？

等一下。

综上所述，我觉得有必要谈谈绘画理论在设计中的实际运用。只有这样，我们才能判断绘画在设计中的比例:实际上，绘画并不。;在UI设计中不占多大比重。这就好比麻雀虽小五脏俱全，但所占比例很小，却很重要。如果缺少它，它将被禁用。如果太多了，就不会因为你的某个器官太大而对你的身体有绝对的好处。反之，可能会影响身体健康。凡事都有极限。

除了网店的商品展示，UI里基本没有直接用照片的，需要重新设计和绘制。

那么如何才能让用户用最少的视觉元素快速识别信息内容呢？

这是一只鸟。很明显，上面的主要信息是什么？嘴巴？眼睛？翅膀？画什么才能让人知道是鸟？

其实不需要，侧影是最低级的信息识别。你会发现大量的UI原图，信息内容都是由剪影转化而来的。根据不同的风格，廓形的轮廓会有不同的变形。时尚不在今天。;的讨论，所以让我们先忽略变形的问题。今天只说最基本的绘画原理。

这个东西基本上很难识别吧？不是所有的物品都可以通过轮廓区分，但细节是需要的。

实际上，这是一个钱包。。。。。那么是什么让我们确认这是一个钱包呢？

我先假设一个命题。让让我们今天制作一个钱包的图标。通过完成流程来熟悉绘画的知识、应用和理解。

我先翻了这个钱包，原因如下:

一般来说不是特别需要，一个物品的方向主要在右边！为什么？因为光源的大致方向是从左边。这既是人的视觉习惯，也是市场上常见的设计，导致了这种经验主义的设计习惯。这不是必须遵守的规则，只是一个常规参考。目的根据实际情况判断物体的方向和光源我们今天只单独做一个图标，所以不存在整体UI设计的影响，其他因素我们也不会考虑太多。

让让我们看看接下来的四个草案:

一:只有外轮廓，无法确定是什么。

二:用一个紧固件的轮廓，还是无法准确判断。

三:带扣上的按钮，它这次更容易判断了。

四:更多拼接细节。

因此，信息简化是有限度的。你可以用最少的视觉内容让用户分辨信息，这是一种理想的状态。

但是仅仅是认可就可以不能满足UI的需求。例如，如果你画了这样一个草图，你就能认出它，而且在大多数情况下你能不要直接使用它。

所以让我们现在这个钱包变复杂了。首先需要建立的是结构:

我们生活在三维空间中。在房间里，所以所有物品都要有厚度h(三维世界无非是Z轴方向的)，哪怕是一张纸。

一个补丁，即使只有一个像素的高光和阴影，也可以直接从空间中脱颖而出。

这是一个概念，而不是必须遵循的规则。尤其是在UI设计上，很多风格，比如扁平化等。，厚度上可以忽略，纯拼和构图。而是为了方便大家理解绘画的逻辑。所以我们今天的例子有空间和结构的概念。

ABCD:分辨率增加不同方向的厚度。

首先B不会被选中，B增加的厚度没有机会展现钱包内部，直接挡住了添加细节的范围。

其他三个还可以，可以延续设计细节。

我选择了C，don不要问我为什么，它这只是我个人的偏好，因为这个命题没有参考其他图标和UI界面的透视方向，所以我随意选择。总体来说，整体UI的光源透视方向要统一。除非有特殊需要和目的，或资源限制。

首先，我们增加牛皮这个钱包的厚度。

得到这样一个结果。但是...。。。。。

如果任何物体都有厚度，那么它至少有两部分，即受光部分和阴影部分。

所以我还想为钱包的边框调整光线和背光，增加它的视觉厚度。

这时，问题出现了。

根据正常的光线方向，我应该在顶部边缘看到高光。理论上应该是这种打磨。但是我没有。;t选择，我选择了打中灯，因为正常左手打灯的话钱包边缘会不清晰。因为许多图标很小，光源越复杂，有时就越难分辨。我在这里主观选择了光照。为了避免放大缩小带来的麻烦(制作图标时必须考虑大小和视觉)，这是一个样本，所以我赢了不要深究。

我们逐渐增加了钱包表面的厚度。

1、纯贴片，一般适合平面和非透视设计。

2、有一定的厚度，但没有复杂的形状变形。这种结构的大部分被考虑用于抛光。毕竟纯贴片是没有打磨机会的。

3.在稍微现实一点的设计中，钱包的厚度不会是平的，而是弯曲的。

所以让我们现在增加弧面厚度。

曲面被阴影包围，高光集中在最高点。所以只要选择合适的范围，直接阴影就可以了。

给出了两个亮点，因为一个是弧面，是钱包正面的亮点，另一个是钱包侧面的亮点，当你了解了钱包的形状之后。你可以很容易地找到阴影和高光。那么它it’体现结构对你来说更容易。

现在让我们■加上牛皮扣:

首先，这肯定不行。平牛皮扣可以做到这一点，但不能用透视。

因为牛皮扣是贴在钱包上的，所以必须顺着钱包的结构来包裹。

类似地，当补片向上移动时，它具有厚度。，复制收缩，留下牛皮扣的边框。当你理解了空间、结构、光线的原理，你就可以很容易地用一个初始的形状做加减法，大大增加了绘图效率。

牛皮扣罐t是完全平坦的，所以我们给出了曲面的高光和阴影。

一个圆，复制移动，等于一个按钮。

让让我们为钱包添加详细信息。既然是钱包，总该有些钱吧？

我们做了两块面团和一枚硬币，但似乎总是有问题。问题出在哪里？水平！

硬币蒙上阴影后，看起来就像在钱包里一样。UI有很多层次问题，都是通过阴影遮挡来实现的。

层次的问题需要用透视、光线、结构等原理来解决。

请注意开始枚硬币的影子，第二次修正后的影子。第二个更尊重钱包本身的结构，所以看起来更舒服。

因此，结构对光影和阴影的影响也必须与结构的透视关系相一致。

在网上随便找了个牛皮材质的，盖在钱包上。因为明暗关系已经做完了，直接看起来像牛皮钱包。

我可以改变钱包的颜色，只要我改变材料的颜色。

然后下一步就是手绘修改，接收素材的范围，调整高光大小增加细节。

差距大吗？嗯，好像很大，因为这是网上的效果图。感谢作者，节省了我很多时间。

总而言之:

这个讲座，从剪影到补丁，再到空间结构。我们不断地根据结构、光线和透视原理将一个物体复杂化。

我的目的不是说怎么画出好看的东西。我的目的是希望大家能通过这些简单的原则来分析你想做什么。无论是加减法，你都需要尊重这些原则。

UI不是画画的工作。了解绘画原理就是拆解我们的工作流程，合理化规划设计流程。

其实UI里很少有需要你手绘的部分。都是基本形状的应用。所以绘画的原理也是可以品味的。不需要每个UI都有原画师的画图能力。

上次讲座后，许多人给我留言，提出各种问题:

如果你能做到，这有关系吗？;t画？

2做ui一定要会画画吗？

3能在UI上画的好吗？

等一下。

综上所述，我觉得有必要谈谈绘画理论在设计中的实际运用。只有这样，我们才能判断绘画在设计中所占的比例:实际上，绘画并不。;在UI设计中不占多大比重。这就好比麻雀虽小五脏俱全，但所占比例很小，却很重要。如果缺少它，它将被禁用。如果太多了，就不会因为你的某个器官太大而对你的身体有绝对的好处。反之，可能会影响身体健康。凡事都有极限。

除了网店的商品展示，UI里基本没有直接用照片的，需要重新设计和绘制。

那么怎样才能用最少的视觉元素让用户快速？快速识别信息内容呢？

这是一只鸟。很明显，上面的主要信息是什么？嘴巴？眼睛？翅膀？画什么才能让人知道是鸟？

其实不需要，侧影是最低级的信息识别。你会发现大量的UI原图，信息内容都是由剪影转化而来的。根据不同的风格，廓形的轮廓会有不同的变形。时尚不在今天。;的讨论，所以让我们先忽略变形的问题。今天只说最基本的绘画原理。

这个东西基本上很难识别吧？不是所有的物品都可以通过轮廓区分，但细节是需要的。

实际上，这是一个钱包。。。。。那么是什么让我们确认这是一个钱包呢？

我先假设一个命题。让让我们今天制作一个钱包的图标。通过完成流程来熟悉绘画的知识、应用和理解。

我先翻了这个钱包，原因如下:

一般来说不是特别需要，一个物品的方向主要在右边！为什么？因为光源的大致方向是从左边。这既是人的视觉习惯，也是市场上常见的设计，导致了这种经验主义的设计习惯。这不是必须遵守的规则，只是一个常规参考。目的根据实际情况判断物体的方向和光源我们今天只单独做一个图标，所以不存在整体UI设计的影响，其他因素我们也不会考虑太多。

让让我们看看接下来的四个草案:

一:只有外轮廓，无法确定是什么。

二:仅凭一个紧固件的轮廓，还是无法准确判断。

三:带扣上的按钮，它这次更容易判断了。

四:更多拼接细节。

因此，信息简化是有限度的。你可以用最少的视觉内容让用户分辨信息，这是一种理想的状态。

但是仅仅是认可就可以不能满足UI的需求。例如，如果你画了这样一个草图，你就能认出它，而且在大多数情况下你能不要直接使用它。

所以让我们现在这个钱包变复杂了。首先需要建立的是结构:

我们生活在一个三维空间，所以任何东西都应该有厚度h(三维世界无非是Z轴方向的)，哪怕是一张纸。

一个补丁，即使只有一个像素的高光和阴影，也可以直接从空间中脱颖而出。

这是一个概念，而不是必须遵循的规则。尤其是在UI设计上，很多风格，比如扁平化等。，厚度上可以忽略，纯拼和构图。而是为了方便大家理解绘画的逻辑。所以我们今天的例子有空间和结构的概念。

ABCD:分辨率增加不同方向的厚度。

首先B不会被选中，B增加的厚度没有机会展现钱包内部，直接挡住了添加细节的范围。

其他三个还可以，可以延续设计细节。

我选择了C，don不要问我为什么，它这只是我个人的偏好，因为这个命题没有其他图标和UI界面的透视方向等参考，所以我选择。随意选择。总体来说，整体UI的光源透视方向要统一。除非有特殊需要和目的，或资源限制。

首先，我们增加牛皮这个钱包的厚度。

得到这样一个结果。但是...。。。。。

如果任何物体都有厚度，那么它至少有两部分，即受光部分和阴影部分。

所以我还想为钱包的边框调整光线和背光，增加它的视觉厚度。

这时，问题出现了。

根据正常的光线方向，我应该在顶部边缘看到高光。理论上应该是这种打磨。但是我没有。;t选择，我选择了打中灯，因为正常左手打灯的话钱包边缘会不清晰。因为许多图标很小，光源越复杂，有时就越难分辨。我在这里主观选择了光照。为了避免放大缩小带来的麻烦(制作图标时必须考虑大小和视觉)，这是一个样本，所以我赢了不要深究。

我们逐渐增加了钱包表面的厚度。

1、纯贴片，一般适合平面和非透视设计。

2、有一定的厚度，但没有复杂的形状变形。这种结构的大部分被考虑用于抛光。毕竟纯贴片是没有打磨机会的。

3.在稍微现实一点的设计中，钱包的厚度不会是平的，而是弯曲的。

所以让我们现在增加弧面厚度。

曲面被阴影包围，高光集中在最高点。所以只要选择合适的范围，直接阴影就可以了。

给出了两个亮点，因为一个是弧面，是钱包正面的亮点，另一个是钱包侧面的亮点，当你了解了钱包的形状之后。你可以很容易地找到阴影和高光。那么它it’体现结构对你来说更容易。

现在让我们■加上牛皮扣:

首先，这肯定不行。平牛皮扣可以做到这一点，但不能用透视。

因为牛皮扣是贴在钱包上的，所以必须顺着钱包的结构来包裹。

同理，贴片上移时有厚度，抄下来时留下牛皮扣的边框。当你理解了空间、结构、光线的原理，你就可以很容易地用一个初始的形状做加减法，大大增加了绘图效率。

牛皮扣罐t是完全平坦的，所以我们给出了曲面的高光和阴影。

一个圆，复制移动，等于一个按钮。

让让我们为钱包添加详细信息。既然是钱包，总该有些钱吧？

我们做了两块面团和一枚硬币，但似乎总是有问题。问题出在哪里？水平！

硬币蒙上阴影后，看起来就像在钱包里一样。UI有很多层次问题，都是通过阴影遮挡来实现的。

层次的问题需要用透视、光线、结构等原理来解决。

请注意开始枚硬币的影子，第二次修正后的影子。第二个更尊重钱包本身的结构，所以看起来更舒服。

所以结构影响光，影，影也会。必须与结构的透视关系一致。

在网上随便找了个牛皮材质的，盖在钱包上。因为明暗关系已经做完了，直接看起来像牛皮钱包。

我可以改变钱包的颜色，只要我改变材料的颜色。

然后下一步就是手绘修改，接收素材的范围，调整高光大小增加细节。

差距大吗？嗯，好像很大，因为这是网上的效果图。感谢作者，节省了我很多时间。

总而言之:

这个讲座，从剪影到补丁，再到空间结构。我们不断地根据结构、光线和透视原理将一个物体复杂化。

我的目的不是说怎么画出好看的东西。我的目的是希望大家能通过这些简单的原则来分析你想做什么。无论是加减法，你都需要尊重这些原则。

UI不是画画的工作。了解绘画原理就是拆解我们的工作流程，合理化规划设计流程。

其实UI里很少有需要你手绘的部分。都是基本形状的应用。所以绘画的原理也是可以品味的。不需要每个UI都有原画师的画图能力。

了解更多ui需要美术基础吗(ui需要哪些能)？相关内容请关注东辰网。