在一个左右图文的排版设计中,可通过在图片底部添加矩形来分割画面,这样能凸显画面的层次感,之后再适当调整其角度与形态,就能达到更好的效果。
利用多个矩形表现更丰富的视觉效果,矩形可用线框来表示,或尝试断开线框,这样能增加趣味性。
对于有残缺的方框,可以和文案共同展示出来,这样在引导信息的同时,还能让空间感表现得更强。
一、怎么运用矩形元素进行UI设计
1、如果是在一个左右图文的排版设计中,我们可以在图片的底部添加一个矩形,这样就可以分割画面,使整个画面变得更加有层次更高级,调整一下他们的角度和形态,破出的效果就会更加明显。
2、或者我们可以利用多个矩形,来营造更加丰富的视觉表现。矩形也可以用线框来表示,如果觉得太常规的话,那就尝试把线框给断开,会更加的有趣味性。
3、像有些残缺的方框,一般会结合文案一起展示,既可以进行信息引导又可以营造强烈的空间感。
4、我们常见的一些商品展示模块,有些可能会感觉太平,我们也可以使用矩形,可以强化信息的层级,形成一种统一的秩序感。
5、如果我们想通过一些文字来描述几何的美感的话,也可以将文字放入矩形之中,简单的形态也能做出不错的视觉效果。
6、单独的一个矩形我们也可以复制并且旋转多个,也会绽放出你意想不到的美丽。
二、UI设计怎么运用元素叠加
1、元素叠加是一种常用的设计手法,如果我们不喜欢常规的圆形装饰效果,那就可以把它们叠在一起,就有了更加丰富的视觉表现,如果你觉得画面有些平淡,同样可以把元素进行堆叠,就形成了一种迷幻的神秘感。
2、在左右图文的排版中,如果觉得如今的视觉的效果有些普通,可以把元素放大一些,突出的效果会更加吸引用户的眼球,如果小伙伴们想要增加操作的趣味性,可以做成卡片堆叠的效果,既可以体现内容数量的丰富度,也能够引导我们的用户进行操作。
3、如果你喜欢某样东西,也许你的喜欢是直白的也可能是隐晦的,把文字堆叠在一起,就会有种朦胧的美。
4、把主体放置在框内,叠加上文字,就有了一种文艺的氛围,当然如果你想要增加一些神秘的艺术感,我们也可以使用一些叠加的手法和效果,就可以让我们的整体画面变得有层次感。