对齐原则

北京/UI设计师/9年前/505浏览
对齐原则
jfchris

任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系。

什么才是最重要的呢?倾听你的眼睛:

眼睛看向哪里,路线是什么,这是最佳的路径吗?重要的信息是否都归在了逻辑亲密性

中?对齐是否对清晰的表达有帮助?在这个小空间中画下能表示已经有对齐的垂直线。



1 应当找到一条明确的对齐线,并用它来对齐,如果有一张照片或图片(明确的直角边)

可以沿着照片的这个直角边与文本的平边对齐。


2 即使作品的设计起点本来就很高,在对齐方面稍做些调整也会有很好的好处,作为更

专业的设计,明确的对齐很关键,请检查每一个元素,确保它与页面上的另外某个元素

存在某种视觉联系。


3 如果文本为左对齐或者右对齐,让文本联系在一起的那条看不见的线更明确,因为现

在有一条“硬”的竖边,这就使左对齐和右对齐的文本看起来外观更清晰,效果更分明。


4 避免一种业余的居中方式,通过利用充分的亲密性,并结合明确的右对齐或左对齐。


5 明显而有意为之的居中对齐效果最好。当对齐经过精心策划而又明确时,你就可以对

其他元素充分发挥创造力,作品看起来仍然显得匠心独具,而这些元素也不会像是莫名

其妙地散落在页面上一样。


6 尽量在页面上只使用一种文本对齐,所有文本都左对齐,或右对齐,或者全部局中。


7 在页面上放其他项时,一定要确保每一项都与页面上的其他项存在某种对齐,如果文

本行水平摆放,则按其基线对齐。如果有多个单独的文本块,则对齐其左边界或右边界

如果有图片元素,将其边界与页面的其他边界对齐。

绝对不要在页面上随意摆放元素。


8 如果文档的外观差强人意,可能最大的毛病就是没对齐,我们的眼睛喜欢看到有序的

事物,这会给人一种平静,安全的感觉,此外也有助于表达信息。


作为优秀的设计,都可以在对齐的对象间画出“对齐线”,即使这些设计总体表现为汇集

了大量奇特的内容,甚至动感十足,这种“对齐线”也很明确。


9 文字排版的时候,第一段文字不要段落缩进。


10 找一条明确的对齐线,并坚持以它为基准。


11 检查有没有稍稍越过边界的插图,有没有在照片下居中的图片,有没有未与文本对齐

的标题,有没有没和任何其他元素对齐的线,或者居中文本和左对齐文本是否同时对齐


12 如果设计中的对齐很明确,那么可以有意识地打破对齐,而且一定要表现出这是有意

的,技巧在于,打破常规对齐时不要担心,一定要干脆一些,要么全部采用一种方式,

要么全部不采用这种方式 。千万不要保守。


但是必须知道,关于打破规则本身也有一条原则:在打破规则之前必须清楚规则是什么


LAST:

在设计中,统一性是一个重要的概念,要让页面上的所有元素看上去统一,有联系而且

彼此相关,需要在各个单独的元素之间存在某种视觉纽带,尽管这些孤立元素在页面上

的物理位置可能并不靠近,但是通过适当的放置,可以让它们看上去是有联系而且有相

关的,并且与其它信息统一。


2
Report
|
4
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
我画的🎨vs 我拍的📸
Homepage recommendation
工作渲染
Homepage recommendation
大家都在看
Log in