怎么运用矩形元素进行UI设计，可以利用单个或多个矩形分割画面

一、怎么运用矩形元素进行UI设计

1、如果是在一个左右图文的排版设计中，我们可以在图片的底部添加一个矩形，这样就可以分割画面，使整个画面变得更加有层次更高级，调整一下他们的角度和形态，破出的效果就会更加明显。

2、或者我们可以利用多个矩形，来营造更加丰富的视觉表现。矩形也可以用线框来表示，如果觉得太常规的话，那就尝试把线框给断开，会更加的有趣味性。

3、像有些残缺的方框，一般会结合文案一起展示，既可以进行信息引导又可以营造强烈的空间感。

4、我们常见的一些商品展示模块，有些可能会感觉太平，我们也可以使用矩形，可以强化信息的层级，形成一种统一的秩序感。

5、如果我们想通过一些文字来描述几何的美感的话，也可以将文字放入矩形之中，简单的形态也能做出不错的视觉效果。

6、单独的一个矩形我们也可以复制并且旋转多个，也会绽放出你意想不到的美丽。

二、UI设计怎么运用元素叠加

1、元素叠加是一种常用的设计手法，如果我们不喜欢常规的圆形装饰效果，那就可以把它们叠在一起，就有了更加丰富的视觉表现，如果你觉得画面有些平淡，同样可以把元素进行堆叠，就形成了一种迷幻的神秘感。

2、在左右图文的排版中，如果觉得如今的视觉的效果有些普通，可以把元素放大一些，突出的效果会更加吸引用户的眼球，如果小伙伴们想要增加操作的趣味性，可以做成卡片堆叠的效果，既可以体现内容数量的丰富度，也能够引导我们的用户进行操作。

3、如果你喜欢某样东西，也许你的喜欢是直白的也可能是隐晦的，把文字堆叠在一起，就会有种朦胧的美。

4、把主体放置在框内，叠加上文字，就有了一种文艺的氛围，当然如果你想要增加一些神秘的艺术感，我们也可以使用一些叠加的手法和效果，就可以让我们的整体画面变得有层次感。