版式设计的基础在于流畅地传达信息,即在某种意义上制造一种“通顺”的秩序,让信息在这样的“流”的状态下,准确、有效地传播。那么在UI设计中,如何设计版式布局呢?有哪些好的布局方法?下面我们一起来了解学习一下。

初步编排
首先文档中梳理最基本的文案内容,将文案放置到画面中简化做另一个初步框架的编排。
信息分层
阅读文案并分类出主题、副标题、内容、时间信息以及小部分弱化文字的关系,这样就可在之后的排版中做出字体、大小、位置、比例等信息的分层。
放置背景找到问题
尝试置入背景找寻问题的所在,例如填充底色,再放入跟主题相关的素材融入看看大概的感觉,当发现色系和风格不与主题相符时,可尝试换成与主题相似的色系和素材找出影响版式美感的问题所在。
版式编排
一般情况下可以利用色块先将文字层次划分出来,比如主题可以放大,小标题缩小,内容层进行拆分。
再结合一开始提到的布局比例关系,当图像的面占比越大时,版式上的构造就会相对简单的原理,解决初学者或者想快速排出好版式的首选。
解决配色
最简单的办法就是吸取你想要放置的主视觉图像或素材上的主颜色,以此得到一个主色调与辅助色,有人说另外一个颜色怎么配的,正常利用相邻色、间隔色、互补色等等来找寻之间的配比关系。
图像处理
比如可以利用渐变映射对其图像置换新的颜色,扁平和手绘风改变其原有纹理和色彩质感。
以上就是关于如何设计版式布局的一些相关技巧,版式布局在设计中是很重要的一个操作,好的版式布局可以有效的传达信息。