如何在小空间放置大图片

【译者的话】 人生不如意事十有八九。你有一张心仪的照片想使用在设计上,但版面上留给你的地位却很狭小,你处于两难地步。现实上,作为一名设计人员,你常常会面临这种成绩,由于狭隘的空间屈指可数:作为标题的图片、

【译者的话】 人生不如意事十有八九。你有一张心仪的照片想使用在设计上,但版面上留给你的地位却很狭小,你处于两难地步。现实上,作为一名设计人员,你常常会面临这种成绩,由于狭隘的空间屈指可数:作为标题的图片、网页横幅、各种书签、报纸上一些小广告或其它一些户外广告,它们自身就是狭隘的区域。本文将以几个实例来阐明一张大图片如何被我们巧妙地“挤压”进狭隘的空间 。

原文出处:www.bamagazine.com

那里都有狭隘的空间:网页横幅、旧事标题处的空间、柱状的广告,但一张来自照相机的照片却要大很多,它们的比例普通是 6 × 4 英寸 。你如何处置这两者的关系?在本文中我们提供三种处理方法。

一、旧事标题:

我们想将一张大的照片使用在标题区域里,怎样办?

1 、大胆剪切:

假如你的照片的空度与你想要使用的区域的宽度一样,我们可以对照片停止大胆的剪切。能够令你感到着迷的是,一张小照片异样可以传达大照片的精粹。

选择照片最传神的焦点,然后在照片上使用剪切。令你感到诧异的是,你切得越窄,照片反而越无力量感!

只需对上图看上一眼,我们的眼睛就可以疾速接纳各种信息,包括:

• 他们的年岁;

• 他们的性别;

• 他们的头发;

• 他们的衣服;

• 他们的表情;

• 他们的关系;

而一切这些正是我们所需求的!

将剪切后的图片使用在这篇有关退休效劳报道的标题中,效果十分不错,比用上原来整张大图片效果还要好!

二、填充背景

与方才剪切相反的是,假如原来的图片很小,而所需求使用的区域又很宽,怎样办?假如这张图片的背景有一种实色或某个有规则的图案,我们只需求在它的背景上取色或复制,然后将要使用的空间停止填充就可以了。

我们以一个网页横幅为例:

上图中的图片曾经很小,而我们要使用到的白色区域又很宽,两者的比例相差很大。我们首先在图片上的背景取色,如上图为黑色。

当我们对白色的区域填充后,使到我们如今焦点都放在南瓜上。觉得就象舞台上聚光灯下的演员一样。

我们采有一种比拟特别但仍能坚持低调的文字,使文字与图片可以美丽地结合――南瓜显得很无力量感,而文字则显无暇间开阔。

三、两个一同上

假如一张图片还不够,那就用两张。这两张图片既可以放在一同,也可以分开。在开端时对图片停止恰外地剪切将有更有利于清楚传达信息。

我们以设计一个书签为例:

在书签上必需要有“ Read a book: A pathway to imagination ”(读书:想象之路),为了传达这个信息,我们需求在一个狭隘的竖立空间里放进两张图片。

在这个书签设计中,我们会使用到下面这两张图片

当我们有一张构图比拟复杂的图片时(如上图这张丛林小路的图片),它的背景没有一种固定的实色可以复制,这时我们可以做两件事:

上图 1 :垂直剪切

我们需求留意的是要剪切多少才干传达出原有图片的次要信息。上图剪切后的图片只占到原图的六分之一,但它依然可以明晰传达出“丛林中的途径”的主题。但它还是太大,由于我们还有其它东西要放上去,所以……

上图 2 :再切掉一半

其实我们将左图再切掉一半,依然不影响我们这张图片所要传达的信息。而剪切掉后,上面就可以留出足够的空间给文字了。

我们如今要使用第二张图片了(那叠书的图片),而文字可以使不异样式、颜色构成比照。而且第二张图片还可以遮住图片的切边,同时又能传达出这张书签的第二个信息。

上图 1 :别离

图片与留白空间构成了一种吸引人的视觉效果。图片的树木与书本两者分开,这种设计是希望经过比照给人留下深入的印象。

上图 2 :堆叠

为了增加两头高比照的视觉效果,我们将下方整个白色的背景填充上与路途比拟接近的颜色。而那一叠书则放在接合位的中央,使到两张图片构成一个全体。看起来版面显得很空虚,但整个构图略略显得有点挤。

上图 3 :混合

我们将图片中的途径虚化,使到整张书签混为一体。这时我们会看觉到这两张图片构成了一张图片的视觉效果。

本文所用的颜色数值如下:

最新案例