在版式设计过程中,我们常常因为客户说画面不对齐而被要求改稿。其实很多设计师都会面临画面、文字不对齐等问题,因为不对齐会让作品看起来有点不对劲(强迫症的赶脚),所以活用对齐方式也是设计师需要学习的一环,那么我们应该如何活用对齐方式呢?



多属性对齐


下图中在标题和内容采用了左对齐的形式,形成了不规整的边缘,让我们的视觉上就会参差不齐,导致很难操作。

明明对齐了,为什么界面还是不好看?

下图为优化后的版本,将列表标题和内容进行单独划分,用户在浏览中可以快速识别和区分信息。

明明对齐了,为什么界面还是不好看?




视觉边界线对齐

以下图为例,大家可以看到下图的上半部分列表中灰色背景承担了两端对齐的角色,而该图重要元素是文字,就会导致我们的视觉产生一种不对齐的视觉效果。

明明对齐了,为什么界面还是不好看?

而下图中将列表数据做两端对齐,让整个画面大方得体,看起来也比较舒适。

明明对齐了,为什么界面还是不好看?


垂直与水平对齐


垂直对齐是比较常见的对齐方法,在设计中将文字或图片居中对齐、上对齐或两端对齐等都能够让作品看起来比较工整。

明明对齐了,为什么界面还是不好看?
明明对齐了,为什么界面还是不好看?

其实对齐方式决定了画面的流畅性,在设计中我们可以使用各种维度的对齐方式,虽然现在很多人都只考虑物理对齐方式。


以视觉流对齐


我们在看东西的时候都是从上到下,从左到右吸收信息的,所以在设计中需要按照这一点进行设计。

明明对齐了,为什么界面还是不好看?

上面两张图都运用了左、右对齐,但是考虑到视觉流向,会发现第二个的操作区域位置更为合理,这也是由于我们的阅读习惯造成的。

明明对齐了,为什么界面还是不好看?