UI界面的排版技巧

首先第一个我要说的就是在一个界面中,最重要且最简单得一个手法就是拉开整个界面内容得距离,不管是图片和图片,还是图片和文字,都应该是带有一个有节奏感的空间距离,这样才能确保整个界面是具有呼吸感和条理性的。

其次是要注意保持重点标题文字和内容文字得主次关系,我们一般可以通过字体粗细、大小、颜色进行主次区分,然后在外加有规律得间距,这样就可以很好的帮助我们进行内容分类分组了。

最后一个是图片与图片之间的主次关系,比如在app设计中,有的app会有较多的图片显示(比如那种美食类和大牌服装类的app),那么,图片与图片得间距,或者图片组与图片组有节奏的间距,也可以更好的帮助我们区分一个界面内的主次板块内容。如果说有涉及到那些具有不同功能得图片展示,我们还可以通过图片大小进行区分。

一般情况下,我们在做作界面设计时,首先想到的就是依次罗列界面中的各种元素和文字,比如一张图片,然后下面是标题,其实,界面设计和平面中的版式设计具有异曲同工之处,我们可以在考虑如何将界面更加视觉和条理化,既满足了极少空间更多内容的展示,又同时提升了整体视觉的呈现。

我们可以将图片与图片进行重合,又或者我们可以文字+图片形式的重合其实都是帮助我们从规规矩矩的视觉角度去进行多方位的设计探索。通过以上这些层次技法表现,我们可以在视觉上更加灵活展现,并突出内容主体,丰富界面的空间关系。

排版是我们设计师必须要学习和熟练掌握的重要技能之一,无论你目前从事C端还是B端,还是电商、平面,排版技巧都不排斥,反而说,它却是所有设计最基础的技法之一了,所以,在实际的工作中,我们都应该重视起来,并总是下意识的进行操练。

猜你喜欢

转载自blog.csdn.net/echozly/article/details/122346868