【UI设计培训】：UI设计中必备的基础知识分享

形状和对象

图像是如何创建的？无论你是做低保真线框图还是做一个漂亮的界面，你都需要使用形状工具和一些图像。然后你可以使用Figma、其他软件，如Adobexd，熟悉形状工具的使用。

因此，目前的UI设计工具是通过操纵一些矢量形状来工作的。这意味着你看到的一切都是通过定义形状的值来完成的。无论他是放大还是拉伸，他只是改变了一个值，没有任何质量损失。

如果你计划设计界面，你应该做好准备，因为大多数时候你是一个没有感情的移动矩形机器人。（矩形是界面设计中非常流行的形状（椭圆前）

UI设计的基本思想是通过一些适当的手段改变矩形

盒子模型

盒子模型是在设计和代码中定义数字接口对象的最基本方法。我们的大部分设计都是根据盒子模型设计的，所以有必要理解它。

Filll填充，border边框，Outer margin外距Iner margin内边距

填充:顾名思义，它是元素的背景(它可以是纯色、渐变、图像或前者的混合)

边框:是包裹我们对象的轮廓(描述)。

定义属性

大小

宽度和高度（以点为单位）定义了对象的大小。在大多数情况下，我们使用W和H来缩写它。因为它是一个二维空间，宽度是水平轴上的刻度，高度是垂直轴上的刻度。

简而言之，UI设计的基本知识不同于像素。分辨率和像素密度是另一篇文章的主题，所以点是像素的向量表示，这取决于分辨率。

在现代，在像素密度非常高的显示器上，一个点可以是四个像素或更多。原因是要有足够大的元素，但也要给它们足够的清晰度和准确性。

宽度和高度是一个容器，可以容纳最小矩形(包括对象本身是不规则形状)。

位置

对象的位置是X、Y轴上的一组值，这是由包含它的画板定义的。X表示水平轴上的位置，Y表示垂直轴上的位置。

对于矩形和一些规则图形来说，这很容易，但对于一些不规则图形来说，它们的位置就是包含矩形的位置。

角度

角度定义了对象顺时针旋转的角度，一般默认为0°，当然，旋转也可以是负数。值得记住的是，例如-15°，他其实是360-15°(345°)

为了达到持续的效果，请不要手动旋转对象，而是从键盘输入值，因为它比手动旋转更准确。

边界半径

研究表明，圆形比尖锐的形状更友好。为了定义圆度的等级，我们用一个词来定义它的属性，叫做边界半径（即圆角度数）。

边界半径只是一个值，就像宽度和高度一样，它也表示值越大，圆角的形状就越圆。你可以单独使用一个地方或多个地方。一般来说，2到6p比0p更友好。

如何决定这样设计按钮，记得保持一致性！

我希望以上内容能对您学习UI设计有所帮助和改进。因此，您现在已经了解了与UI设计师工作相关的主要技能。如果您想了解更多信息，请注意我。稍后，我将发送更多关于在该领域工作的相关文章。

  以上就是红喵教育小编为大家介绍的“UI设计培训”：UI设计中必不可少的基础知识共享“学习UI设计培训，可参考红喵教育提供的UI学习路线，包括PS软件介绍、AI与品牌设计、视觉表达技术、web视觉设计、图标设计、产品交互、移动终端设计等。根据红喵提供的ui学习路线图，可以让你对学好ui需要掌握的知识有一个清晰的认识！