基线对齐是两端对齐吗_做设计不得不懂的对齐原则

不知道大家看之前的内容是否还记得我之前写过对齐相关的知识的,当时根据版式设计的那本书的相关内容学习的,整体的排版啥的当时也没做好,对此深感抱歉,希望我们能继续一起学习相关的知识。

我们今天主要从以下几方面学习:

1.什么是对齐?

2.对齐的几种方式

3.小结

A.什么是对齐

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

不管什么样的环境,只要有各种各样的事物存在,就需要秩序的存在,设计元素如果参差不齐会使画面变得杂乱无章,没有美感,影响阅读,合理的对齐可以带来秩序感,让整个页面井然有序,看起来更加严谨专业。

生活中常见的画面

63051b8c30ae84cc942bf5267f357e0b.png

8d14e77c947c6c799c3cecc735361cf9.png

如果页面上的一些项是对齐的,这会得到一个更内聚的单元。即使对齐的元素物理位置是彼此分离的,但在你眼里(以及在你的心里),它们之间也会有一条看不见的线把彼此连在一起。尽管你可能通过分开放置某些元素来指示它们的关系(使用亲密性原则),但对齐原则很“神奇”,它会告诉读者,即使这些项并不靠近,但它们属于同一组。

92bd2a22035bd5e8bfd4b96a51452334.png

B.对齐的几种方式

通常我们有以下几种对齐方式(注意可能有些称呼会不同,大家看图示即可)

21a990ede67b7e1c2f2f85a829ceda5e.png

B1左对齐

左对齐是阅读效率最高的对齐方式,是排版中最常见的对齐方式。

B2居中对齐

多用于居中对称式版面,给人庄重、肃穆经典的感觉。

B3右对齐

与人的视线移动方向相反,起始部分的不规则增加阅读的时间和经历。

B4两端对齐末行左对齐

最常用的段落性文字编排形式,使得文段严谨工整,提升阅读效率。

B5两端对齐

将一部分元素调整间距使得两端能够完全对齐,这样可以达到工严谨的效果。

B6顶部对齐

顶部对齐常用于纵向排版,可以营造出复古的文化氛围。

B7底部对齐

底部对齐适用于纵向排版,因为不适合阅读,只用于少量的装饰性文字上。

请注意:

在页面上放其他项时,一定要确保每一项都与页面上的其他项存在某种对齐。如果文本行水平摆放,则按其基线对齐。如果有多个单独的文本块,则对齐其左边界或右边界。如果有图片元素,将其边界与页面的其他边界对齐。绝对不要在页面上随意摆放元素!

C.对齐小结

任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。在设计中,统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带。尽管这些孤立元素在页面上的物理位置可能并不靠近,但是通过适当放置,可以让它们看上去是有联系而且相关的,并且与其他信息统一。可以看看你喜欢的那些设计。一个精美的设计不论最初看上去多么杂乱无章,总能找出其中的对齐方式。

好啦今天就到这里,设计的眼界带你看世界!七夕祝大家七夕节快乐~好了我单身我知道~明天默默加班!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值