如何让页面UI设计更好看
发布于 2024年08月08日来源:南昌UI设计公司

在进行界面设计时,我们需要生成出各种尺寸的矩形、圆形等对象,规定这些对象的尺寸和样式,并对这些对象进行移动,将它们放到合适的位置上。下面将由南昌UI设计公司来详细说明:

 

一、盒子模型

 

我们所做的大多数设计都是根据盒子模型进行,因此了解盒子模型对界面设计来说非常重要。

 

盒子模型由四个主要元素组成:

 

内容 (content)、内边距(padding)、边框(border)、外边距(margin)。

 

内边距(padding)是内容和边框线之间的空间。内边距的范围越广,内容的安全区域就越大。

 

外边距(margin)是盒子与其他元素之间的空白区域。外边距保证了盒子与盒子之间有足够的间距。

 

二、尺寸

 

宽度(width)和高度(height)是定义对象大小的参数。在二维空间上,宽度代表横轴上的比例,高度代表纵轴上的比例。

 

一定比例的宽和高构成的矩形是容纳对象的最小矩形框。如果对象本身是不规则的形状,在设计时我们需要根据对象的尺寸制定一个规则的矩形框,方便交付开发。

 

另外,有的UI设计是偏艺术风格的,所以在设计尺寸时需要考虑线性插画设计和UI的匹配度。

 

三、角度

 

角度定义了对象顺时针旋转的方向,默认为 0°。另外旋转也可以是负数,比如-15°旋转与 345°旋转的角度是相同的。

 

如果我们想要一个统一的界面,最好不要手动旋转对象,而是通过输入度数来旋转,这样会比手动旋转更精确。

 

旋转对圆形来说是特殊的存在,因为一个圆形无论旋转到哪个角度看都是一样的。

 

四、圆角半径

 

边框半径数值越大,这个形状的圆角度数就越大。例如一个矩形,既能一次性设置四个点的圆角半径,也可以单独设置某个点的圆角半径。

 

正常来说,设置圆角的图形看起来比直角图形更友好。界面设计中,相同的图形最好能保持一样的的圆角度数,这样界面看起来会更统一。

 

以上就是南昌UI设计公司蓝橙视觉的分享,如果你还想要知道更多的资讯的话,可以来联系我们,我们是一家专业的成都AAP界面设计公司