欢迎来到合肥浪讯网络科技有限公司官网
  咨询服务热线:400-099-8848

如安在小空间放置大图片

发布时间:2019-11-29 文章来源:本站  浏览次数:2282

那里都有狭隘的空间:网页横幅、新闻标题处的空间、柱状的广告,但一张来自照相机的相片却要大很多,它们的份额一般是 6 × 4 英寸 。你如何处理这两者的联系?在本文中咱们提供三种解决办法。

一、新闻标题:

如安在小空间放置大图片(图一)

咱们想将一张大的相片使用在标题区域里,怎么办?

1 、斗胆剪切:

假如你的相片的空度与你想要使用的区域的宽度一样,咱们能够对相片进行斗胆的剪切。或许令你感到入神的是,一张小相片同样能够传达大相片的精粹。

如安在小空间放置大图片(图二)

选择相片最传神的焦点,然后在相片上使用剪切。令你感到惊讶的是,你切得越窄,相片反而越有力气感!

如安在小空间放置大图片(图三)

只需对上图看上一眼,咱们的眼睛就能够快速接收各种信息,包括:

  • 他们的年岁;
  • 他们的性别;
  • 他们的头发;
  • 他们的衣服;
  • 他们的表情;
  • 他们的联系;

而所有这些正是咱们所需求的!

如安在小空间放置大图片(图四)

将剪切后的图片使用在这篇有关退休服务报导的标题中,作用非常不错,比用上原来整张大图片作用还要好!

二、填充布景

与方才剪切相反的是,假如原来的图片很小,而所需求使用的区域又很宽,怎么办?假如这张图片的布景有一种实色或某个有规矩的图案,咱们只需求在它的布景上取色或仿制,然后将要使用的空间进行填充就能够了。

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

如安在小空间放置大图片(图五)

上图中的图片现已很小,而咱们要使用到的白色区域又很宽,两者的份额相差很大。咱们首先在图片上的布景取色,如上图为黑色。

如安在小空间放置大图片(图六)

当咱们对白色的区域填充后,使到咱们现在焦点都放在南瓜上。感觉就象舞台上聚光灯下的艺人一样。

如安在小空间放置大图片(图七)

咱们采有一种比较特别但仍能坚持低调的文字,使文字与图片能够美丽地结合——南瓜显得很有力气感,而文字则显得空间开阔

三、两个一同上

假如一张图片还不行,那就用两张。这两张图片既能够放在一同,也能够分隔。在开始时对图片进行恰当地剪切将有更有利于清楚传达信息。

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

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

如安在小空间放置大图片(图八)

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

当咱们有一张构图比较复杂的图片时(如上图这张森林小路的图片),它的布景没有一种固定的实色能够仿制,这时咱们能够做两件事:

如安在小空间放置大图片(图九)

上图 1 :垂直剪切

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

上图 2 :再切掉一半

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

咱们现在要使用第二张图片了(那叠书的图片),而文字能够使不同款式、色彩构成比照。并且第二张图片还能够遮住图片的切边,一起又能传达出这张书签的第二个信息。

如安在小空间放置大图片(图十)

上图 1 :别离

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

上图 2 :重叠

为了削减中心高比照的视觉作用,咱们将下方整个白色的布景填充上与道路比较挨近的色彩。而那一叠书则放在接合位的当地,使到两张图片构成一个全体。看起来版面显得很充实,但整个构图略略显得有点挤。

上图 3 :混合

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

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

如安在小空间放置大图片(图十一)

(全文完) 

上一条:十个极具酷感的涂鸦风格网...

下一条:如何针对搜索引擎优化网站...