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

Date 2024-02-02 11:55:35

形状和对象


图像是如何创建的?无论你是做低保真线框图还是做一个漂亮的界面,你都需要使用形状工具和一些图像。然后你可以使用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需要掌握的知识有一个清晰的认识!

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计