专栏名称: 优秀网页设计
优设网官方帐号,国内知名设计师学习平台。和大家一起来利用碎片时间学习设计和PS技术吧!
目录
相关文章推荐
ZaomeDesign  ·  前滩国际广场与陆家嘴广场L+PLAZA商场 ... ·  昨天  
庞门正道  ·  软柿子,可以当管理吗? ·  4 天前  
优秀网页设计  ·  蜜雪冰城门店8代设计!哪代升级最让你意外? ·  4 天前  
ZaomeDesign  ·  学习乐园:温州知林托管 / 由牧建筑 ·  3 天前  
51好读  ›  专栏  ›  优秀网页设计

你这稿设计好随意?文案都没有排版对齐?

优秀网页设计  · 公众号  · 设计  · 2017-09-06 13:14

正文

封面设计:Sara Gironi Carnevale

文中图片来源:Pinterest

对齐、重复、对比、亲密性这四大基本原则大家都很熟悉,但有一段时间,我对于“对齐”这项原则非常困惑:对齐是为了让页面上的元素看上去统一有联系,但通篇的对齐却会带来单调乏味和缺乏设计感,到底该怎么控制呢?

对齐的理论有太多人讲述,这篇文章我想聊聊,我们该在哪里“打破”对齐;不对齐与对齐应该怎样在画面中配合。如果你有和我曾经一样的困惑,就来读一读吧。

居中对齐、两端对齐、右(左)对齐

我们常说的对齐是指文字块间的对齐,但文字块内的对其同样值得注意。首先我们来看这一下这三种对齐方式。

居中对齐这一种不常用于长句以及长段落,因为它有一种聚焦的作用,如果很长一段文字都被聚焦了,就太惹人烦了。

但居中对齐常用于海报标题,甚至是整张海报上,你经常可以看到一溜儿对齐,很好看,但多数时候是缺乏创意的,因为你只是运用了对齐,而没有考虑去打破文字块,重新布局整个画面。

两端对齐是最工整的对齐,如果一个画面过于凌乱,就需要用两端对齐来协调。两端对齐因为段落固定宽度不变,每一行的字间距都不一样。字间距的变化可能会导致空白沟的出现(字与字之间留白过大),易导致跳行,影响人们阅读。

左(右)对齐是最常用的。它对齐的一端用于区分空间层级,不对齐的一端用于增加肌理。当你把文字块当做一个图形来看的时候,你会发现左(右)对齐一端不规则的边缘会形成很自然的波浪状,也就是说,不对齐的边缘自动生成了变化的负空间。需注意,数字常用右对齐。

除了这三种对齐方式,有时文字块还会随着图像轮廓对齐,形成更柔和的边缘。但无论如何,这样做的目的仍然是为了形成变化的负空间。

标准:层级关系

怎样综合考虑哪几个文字块间需要对齐,哪几个需要打破对齐呢?

答案是先考虑层级关系。

区分出一级重要、二级重要、三级重要等的信息后再把每个文字块都当成一个几何图形去决定是否应该对齐。比如招贴海报设计中,就需要三个层级,即观众在远距离一眼看到的醒目信息层级,在走进的过程中看到的信息层级,以及凑近后看到的丰富细节层级。







请到「今天看啥」查看全文