PS设计教程网欢迎你!

设计中的图片运用技巧:简单清晰

文章来源于 bamagazine.com,感谢作者 陈汉聪编译 给我们带来经精彩的文章!
设计教程/设计理论/设计理论2010-02-20
当图片是你封面希望展示的重点对象时,那在设计中,就要考虑的是如何让图片最大程度地展示给读者。而有时,我们经常会使用某些自以为漂亮的效果来装点一些细节,实际上出来的效果却是事与愿违,导致整个版面变得缺乏吸引力。

你如何展示一张非常不错的照片?非常简单,保持清晰,所有无关的元素都不要出现在页面上。

设计中的图片运用技巧:简单清晰

Ambient摄影俱乐部出版了它们自己的月刊杂志来提升俱乐部的影响力。因此,他们希望杂志的视觉效果能够显得更加专业,以迎合范围更广的读者。Ambient是一本内部自己使用大幅激光打印机打印的杂志,这也意味着打印的质量相当高,而且能够使用全幅面无边距输出。版面主要以图片为主,文字为辅。

那你如何展示那些摄影作品?其实这与你要展示其它东西一样——将所有无关元素清理出版面!具体在这个案例中,就是将那些边界、阴影、复杂的字体及暧昧的信息传达替换成简洁的字体及干净开阔的空间。

看一下我们是如何改造:

设计中的图片运用技巧:简单清晰

这本杂志,有个好名称,有张好照片及少量的文字,但上面的设计,却显得过于喧哗。版面上有太多复杂的元素使到你无法将注意力放在照片上!柯达黄如果是小面积使用效果非常不错,但在这里,却显得过于抢眼。杂志名称使用粗体及全大写字母,而且还有描边效果及使用了阴影,这与“Ambient”一词所传达的意义是背道而驰的。而照片,感觉漂浮的效果及加边框的设计,再加上那些过于飘逸的字体,都使到整个版面显得过于造作及不真实。让我们将这些复杂琐碎的东西通通扔掉,直接让图片来成为一号主角。

繁琐复杂的设计

Ambient杂志的封面有太多毫无必要的细节,这些细节除了让眼睛感到眼花缭乱外,对信息的传达毫无用处。

设计中的图片运用技巧:简单清晰

设计中的图片运用技巧:简单清晰

描边及阴影

描边及阴影效果是一把双刃剑,一不留神,就会造成杯具。在我们的想象中,这些效果应该是一种悦目的装饰,会让元素显得更加整齐并且让文字更加突出。但在原设计中,我们的眼睛感受不到这种悦目。与一个简单直观的边距设计相比,我们在看原设计时,眼睛“穿越”了三个不连贯的区域及三条边界线,再加上阴影及三种颜色。而字母(上方右图),还有很多角位区域在阻碍着我们的视线。一句话:版面拥挤并且涣散。

互相抵触的字体:

不协调的字体——大而无当的杂志名称区域与矫揉造作的花体标题放在一起,使整个版面显得嘈杂不堪。

设计中的图片运用技巧:简单清晰

作为名称的字体,采用粗体并没有什么不妥,但问题是这种字体在这里并不起作用。Bauer Bodoni Condensed字体显得过于厚重及拥挤,其中的粗壮区域阻碍了阅读的节奏(上图)。而那些细小的衬线及非常幼细的线条也让眼睛无从适应。字母所形成的正负区域基本一致也增加了整体视觉的平淡感。描边效果使视觉效果显得更差。

设计中的图片运用技巧:简单清晰

上图所显示的文字负空间区域的形状让我们可以更加清晰观看到其中所形成的一些琐碎及毫无意义的凹位及突出的细小元素。

设计中的图片运用技巧:简单清晰

标题采用了Apple Chancery字体,它给人卖弄姿色及浮夸的感觉,这种字体多见于一些邀请函、宣言及私人文件中。问题在于这种字体过于活跃及没有半点正经,象钢笔效果的线条随意飘散,而且其角位的形状也是千奇百怪(见下图),使到文字形成不了一种节奏感。这两种字体加在一起,只会让读者的眼睛受不了。

设计中的图片运用技巧:简单清晰

简单化:

改造从清理这些无关元素开始。

设计中的图片运用技巧:简单清晰

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa