对于H5、小程序、APP等应用程序来说，用户体验都是评价其是否优秀的重要指标，影响用户体验因素有很多，最直观、最容易评判的就是程序的界面设计，因此界面设计对于整个程序应用的制作十分重要。下面，蓝橙视觉就给大家分享一些UI界面制作中应当注意的细节，看看什么样的界面更受人欢迎。

1、尺寸

宽度和高度是定义对象大小的参数。在二维空间上，宽度代表横轴上的比例，高度代表纵轴上的比例。一定比例的宽和高构成的矩形是容纳对象的最小矩形框。如果对象本身是不规则的形状，在设计时就需要根据对象的尺寸制定一个规则的矩形框，方便交付开发。

2、角度

角度定义了对象顺时针旋转的方向，默认为0°。另外旋转也可以是负数，比如-15°旋转与345°旋转的角度是相同的。如果想要设计一个统一的界面，最好不要手动旋转对象，而是通过输入度数来旋转，这样会比手动旋转更精确。旋转对圆形来说是特殊的存在，因为一个圆形无论旋转到哪个角度看都是一样的。

3、填充

填充是指对对象内容的操作，填充的可以是一种颜色，也可以是一张图片。针对不同对象，需要差异化定义每个对象的填充效果，保证这些对象简单易懂，清晰可见。在设计过程中，可以对同一个对象组合使用多种填充效果。例如一个正方形头像，首先填充一张照片，在照片的基础上再添加各种颜色效果，能让头像的设计与界面更匹配。

4、描边

如果说填充强调对象内部，那么描边就是对对象外部边框的操作。描边分为内部边框、居中边框和外部边框三种样式，其中只有内部边框不会在视觉上使对象变大。

5、阴影

阴影是 UI 设计中最常用的效果，根据对象的 X 轴、Y 轴的偏移程度、模糊程度、扩展程度、颜色和不透明度等属性构成。通过设置模糊能让阴影的面积扩散扩得更大，颜色由深变浅。一般来说阴影的不透明度低于 40%时，呈现的效果比较好。

6、模糊

模糊分为许多不同的形式，包括：高斯模糊、背景模糊、动感模糊、缩放模糊。其中高斯模糊是最常用的设计效果，呈现出从中心向四周均匀扩散的模糊效果，常用在界面之间的过渡或者用来模糊背景突出景深效果。

总的来说，界面设计就像是在制作一个盒子模型，主要掌握好内容、内边距、边框和外边距四个主要元素，结合上述细节处理方式，就能让界面设计更加简洁美观，便于用户使用。