搞定UI丨究竟是哪9个基本规则，让排版不再困难？

今天总结了9个案例， 帮你快速了解版式设计的基础规则。

一.版心

版心是指放置文字信息和图片的区域。

版心的大小称为版心率，

版心率高，信息量大，给人热闹、丰富的印象。

二.网格

网格是指在版面上横竖摆放着的格子状的参考线。

沿着网格摆放在各个要素，可以做出整齐，统一的版式。

适合用于制作信息量大的素材、杂志等的版式中。

三.分组

将关联度高的信息靠近分成一个组，

在视觉上提高了关联性，

版式会更清晰，更易辨别。

四.对齐

​对齐有左对齐、右对齐、居中对齐、上对齐、下对齐。

对文字、图片进行排版时，对齐非常重要，

对齐之后的设计会产生稳定感和整体感。

五.对比

对比有文字大小对比、图片文字对比、

色彩对比、高密度与留白对比。

对比可以使版面更加清晰，漂亮。

六.重复

重复是指对多个要素按照一致的设计规则进行排版。

重复可以使版面产生规律性，

表现版面的整体感和统一感。

七.出血

出血是指将图片从版心中伸出摆放的方法。（哈哈，叮叮在大学是第一次听这个词的时候还被吓一跳呢）

出血可以表现空间的广阔，

使版面更具动感。

八.留白

留白是指版面上没有摆放任何东西的空白部分。

留白大，能营造宽松、高级、舒畅的氛围，

留白小，则给人愉快、热闹、精神的感觉。

九.对称

对称可以很自然地感受到美感。

对称适合用于法度、格调、传统印象的设计中，

在版式中，对称构图的重点在于要有适当的留白。

悄悄告诉你们

我在刚入行的时候方案也总是入不了产品经理的眼，被打回超多次！！！

所以小伙伴们遇到跟高高这种情况时，不要太快的否定自己，要冷静下来找出问题，实在找不出问题可以问产品经理让他给你提提意见哦~

最后在进行知识复盘，整理自己出现的问题，避免以后再出现相同的问题。