设计师量好的尺寸图会给你吗(设计师你再看一眼)(1)

▲这一排酒瓶对齐了吗?

对齐,

最重要的是骗过眼睛~

这个世界充满了各种各样有趣的图像,作为设计师,你在排版这些五花八门的图像时,一定遇过这个问题:好不容易将它们排成一排,但总感觉图片没对齐~

对齐了吗??好像还差一点....可明明显示已经对齐了!Why? ?

放心,眼睛没毛病!

原因在于,ps看到的图与我们的不一样

设计师量好的尺寸图会给你吗(设计师你再看一眼)(2)

观察上面的两个图像,它们对齐了吗?

你肯定会说,左边罐子比明显比右侧的花盆大,当然没对齐。的确,我的结论跟你一样,但,PS却会认为它们已经对齐了!不信你看:

设计师量好的尺寸图会给你吗(设计师你再看一眼)(3)

区别在哪?左侧的罐子边界轮廓清晰,而右侧花盆的图像植物枝叶零散,稀稀疏疏看不清。这些像素虽然微弱,但PS图像大小的判断是基于边界框确定的。再微弱的像素也会影响边界的距离。边界框=长X宽,所以认为两者一样大!

设计师量好的尺寸图会给你吗(设计师你再看一眼)(4)

so,造成一个结果,感觉上左边的罐子比右侧的花盆大,但实际上它们边界框已经对齐了

设计师量好的尺寸图会给你吗(设计师你再看一眼)(5)

这就是为什么说设计中用尺子来测量是一件可怕的事。重要的应该是图像给人传递的重量感,而不是它的边框位置。

一起来看修正思路↓↓↓ 1.视觉重量法调整动图

设计师量好的尺寸图会给你吗(设计师你再看一眼)(6)

结论:我们需要的是物体的视觉重量,而非它们的边界距离。

2. 视觉平衡法

仔细观察下面这张排版,这个画面居中对齐了吗?

设计师量好的尺寸图会给你吗(设计师你再看一眼)(7)

嗯,没错。如果你仔细看,会感到左边的抱枕的比较重,画面向左倾斜。

但在PS里显示的是图片和文字是居中对齐的如下如。

设计师量好的尺寸图会给你吗(设计师你再看一眼)(8)

边界框已经是对齐的了,那遇到这样的情况,该如何调整呢?

嗯,我们把抱枕往右轻推一下调整动图

设计师量好的尺寸图会给你吗(设计师你再看一眼)(9)

现在是不是好多了?

这就好像玩跷跷板,较重的人需要稍微靠近中心才能维持平衡。

设计师量好的尺寸图会给你吗(设计师你再看一眼)(10)

总结:软件中的居中对齐工具虽然简单好用,但我们中还是要用眼睛观察是否舒服。

3.字距调整的注意点

在印刷技术中,不同形状的字母与字母之间会产生不同形状的空白空间。字距调整也适用于我们这里所说的情况。

设计师量好的尺寸图会给你吗(设计师你再看一眼)(11)

不能单纯的让所有字母间距等同,必须要进行眼睛的再调整。通常的方法是在PS的文字工具面板中的字距微调选项里,将“度量标准”改为“视觉”模式,只是一个细微的调整,文字的排版就变得顺眼多了。

设计师量好的尺寸图会给你吗(设计师你再看一眼)(12)

调整动图

4.多个图片的视觉调整

与文字的字距调节类似,多个图片依靠边界框的排列效果与肉眼的调节效果也是不同的。

设计师量好的尺寸图会给你吗(设计师你再看一眼)(13)

设计师量好的尺寸图会给你吗(设计师你再看一眼)(14)

以上是依靠等距离的边界框的排列

设计师量好的尺寸图会给你吗(设计师你再看一眼)(15)

设计师量好的尺寸图会给你吗(设计师你再看一眼)(16)

这是肉眼调节后,尤其是勺子与躺椅的空隙变得更合理。

5.垂直间距的调整

最后一个例子,关于垂直间距的。

设计师量好的尺寸图会给你吗(设计师你再看一眼)(17)

上面的图片里有三排花瓶。

设计师量好的尺寸图会给你吗(设计师你再看一眼)(18)

虽然他们的行间距与标尺间距完全一致,但很明显中间那排图像看起来低。主要是因为中间的花瓶个头比较矮。这些花瓶上方的虚拟空间就比下面的空间大得多了。

设计师量好的尺寸图会给你吗(设计师你再看一眼)(19)

调整动图

因此,在这种情况下,解决方案是将该排整排上移,使这些花瓶上方和下方的空间相等。

设计师量好的尺寸图会给你吗(设计师你再看一眼)(20)

总结

不要完全相信边界框对齐,

Ps只是辅助,眼睛才是最好的标尺!

更多优质文章,请持续关注哦~

1、右上角关注同捉头条号~

2、评论文章,不限字数,一个字都可以

让小仙知道你喜欢这类文章,往后会更努力写优质文分享,爱你(づ ̄3 ̄)づ╭❤~

,