当图片是你封面希望展示的重点对象时,那在设计中,就要考虑的是如何让图片最大程度地展示给读者。而有时,我们经常会使用某些自以为漂亮的效果来装点一些细节,实际上出来的效果却是事与愿违,导致整个版面变得缺乏吸引力。 你如何展示一张很不错的照片?非常简单,保持清晰,所有无关的元素都不要出现在页面上。
\*k}RKDwT @`Foy
]-G10p}Ph- Ambient摄影俱乐部出版了它们自己的月刊杂志来提升俱乐部的影响力。因此,他们希望杂志的视觉效果能够显得更加专业,以迎合范围更广的读者。Ambient是一本内部自己使用大幅激光打印机打印的杂志,这也意味着打印的质量相当高,而且能够使用全幅面无边距输出。版面主要以相片为主,文字为辅。
!L_\6;aP,x 那你如何展示那些摄影作品?其实这与你要展示其它东西一样——将所有无关元素清理出版面!具体在这个案例中,就是将那些边界、阴影、复杂的字体及暧昧的信息传达替换成简洁的字体及干净开阔的空间。
7! "OF 看一下我们是如何改造:
!`?*zf [agp06 $D?
"OO"Ab{t 这本杂志,有个好名称,有张好照片及少量的文字,但上面的设计,却显得过于喧哗。版面上有太多复杂的元素使到你无法将注意力放在照片上!柯达黄如果是小面积使用效果很不错,但在这里,却显得过于抢眼。杂志名称使用粗体及全大写字母,而且还有描边效果及使用了阴影,这与“Ambient”一词所传达的意义是背道而驰的。而照片,feel漂浮的效果及加边框的设计,再加上那些过于飘逸的字体,都使到整个版面显得过于造作及不真实。让我们将这些复杂琐碎的东西通通扔掉,直接让相片来成为一号主角。
HCTjFW>C 繁琐复杂的设计
0x]WW|se* Ambient杂志的封面有太多毫无必要的细节,这些细节除了让眼睛感到眼花缭乱外,对信息的传达毫无用处。
F~tT5?+ 6+Wkcrh
]Sgc42hk
;;g'C*_ 描边及阴影 描边及阴影效果是一把双刃剑,一不留神,就会造成杯具。在我们的想象中,这些效果应该是一种悦目的装饰,会让元素显得更加整齐并且让文字更加突出。但在原设计中,我们的眼睛领悟不到这种悦目。与一轻易直观的边距设计相比,我们在看原设计时,眼睛“穿越”了三个不连贯的区域及三条边界线,再加上阴影及三种颜色。而字母(上方右图),还有很多角位区域在阻碍着我们的视线。一句话:版面拥挤并且涣散。
([a[fi DKxzk~sOM O+Q t8, *%wfR7G[B 互相抵触的字体:
sM$gfFx 不协调的字体——大而无当的杂志名称区域与矫揉造作的花体标题放在一起,使整个版面显得嘈杂不堪。
.,5N/p"aV QvN=<V
W_ hckq. 作为名称的字体,采用粗体并没有什么不妥,但问题是这种字体在这里并不起作用。Bauer Bodoni Condensed字体显得过于厚重及拥挤,其中的粗壮区域阻碍了阅读的节奏(上图)。而那些细小的衬线及非常幼细的线条也让眼睛无从适应。字母所形成的正负区域基本一致也增加了整体视觉的平淡感。描边效果使视觉效果显得更差。
fd}
Ul }tRY,f
U$5 lh 上图所显示的文字负空间区域的形状让我们可更加清晰观看到其中所形成的一些琐碎及毫无意义的凹位及突出的细小元素。
@,{',
=L6 TwZASn]o
K}p!W"!o 标题采用了Apple Chancery字体,它给人卖弄姿色及浮夸的feel,这种字体多见于一些邀请函、宣言及私人文件中。问题在于这种字体过于活跃及没有半点正经,象钢笔效果的线条随意飘散,而且其角位的形状也是千奇百怪(见下图),使到文字形成不了一种节奏感。这两种字体加在一起,只会让读者的眼睛受不了。
W4~:3Sk L+o"<LV]
`$odxo+ 轻易化:
b 5X~^L 改造从清理这些无关元素开始。
251^>x.R
DYKJ Vn7w 4#^?-6 轻易,安静,漂亮:将刚才我们所说的各种闲杂人员清理出场!过程1:将字体扔掉;过程2:将颜色及阴影去掉;过程3:见下图,将白色边框拆掉,将相片放下来,去到边缘上。这个时候,仍然形成了两个区域,相片不再“放在”白色背景上,而且我们也开始留意到照片的美感。
\$]
V#@F
,Bg)p_B }^np o<r|YRzQl 选择颜色:
r|>a;nY 2po>%Cp 在照片上不同区域取色会形成不同的视觉感观。
) ]x/3J@ 43 h0i-%1
8V$ :th(' D-<9kBZs
-1 Ok_h" 8Vb.%f&I
{Bb:S"7NX
s]z-d!G
{q-<1|xj/J 设计名称: 使用一种简洁的字体来与轻易的版面相呼应。Helvetica Neue Ultra Light作为一种经典字体,既传达出空灵的feel,也具有精致感。
&