歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

如安在小空間放置大圖片

發(fā)布時間:2019-11-29 文章來源:本站  瀏覽次數(shù):2750

那里都有狹隘的空間:網(wǎng)頁橫幅、新聞標題處的空間、柱狀的廣告,但一張來自照相機的相片卻要大很多,它們的份額一般是 6 × 4 英寸 。你如何處理這兩者的聯(lián)系?在本文中咱們提供三種解決辦法。

一、新聞標題:

如安在小空間放置大圖片(圖一)

咱們想將一張大的相片使用在標題區(qū)域里,怎么辦?

1 、斗膽剪切:

假如你的相片的空度與你想要使用的區(qū)域的寬度一樣,咱們能夠?qū)ο嗥M行斗膽的剪切。或許令你感到入神的是,一張小相片同樣能夠傳達大相片的精粹。

如安在小空間放置大圖片(圖二)

選擇相片最傳神的焦點,然后在相片上使用剪切。令你感到驚訝的是,你切得越窄,相片反而越有力氣感!

如安在小空間放置大圖片(圖三)

只需對上圖看上一眼,咱們的眼睛就能夠快速接收各種信息,包括:

  • 他們的年歲;
  • 他們的性別;
  • 他們的頭發(fā);
  • 他們的衣服;
  • 他們的表情;
  • 他們的聯(lián)系;

而所有這些正是咱們所需求的!

如安在小空間放置大圖片(圖四)

將剪切后的圖片使用在這篇有關(guān)退休服務(wù)報導的標題中,作用非常不錯,比用上原來整張大圖片作用還要好!

二、填充布景

與方才剪切相反的是,假如原來的圖片很小,而所需求使用的區(qū)域又很寬,怎么辦?假如這張圖片的布景有一種實色或某個有規(guī)矩的圖案,咱們只需求在它的布景上取色或仿制,然后將要使用的空間進行填充就能夠了。

咱們以一個網(wǎng)頁橫幅為例:

如安在小空間放置大圖片(圖五)

上圖中的圖片現(xiàn)已很小,而咱們要使用到的白色區(qū)域又很寬,兩者的份額相差很大。咱們首先在圖片上的布景取色,如上圖為黑色。

如安在小空間放置大圖片(圖六)

當咱們對白色的區(qū)域填充后,使到咱們現(xiàn)在焦點都放在南瓜上。感覺就象舞臺上聚光燈下的藝人一樣。

如安在小空間放置大圖片(圖七)

咱們采有一種比較特別但仍能堅持低調(diào)的文字,使文字與圖片能夠美麗地結(jié)合——南瓜顯得很有力氣感,而文字則顯得空間開闊

三、兩個一同上

假如一張圖片還不行,那就用兩張。這兩張圖片既能夠放在一同,也能夠分隔。在開始時對圖片進行恰當?shù)丶羟袑⒂懈欣谇宄䝼鬟_信息。

咱們以設(shè)計一個書簽為例:

在書簽上有必要要有“ Read a book: A pathway to imagination ”(讀書:幻想之路),為了傳達這個信息,咱們需求在一個狹隘的豎立空間里放進兩張圖片。

如安在小空間放置大圖片(圖八)

在這個書簽設(shè)計中,咱們會使用到上面這兩張圖片

當咱們有一張構(gòu)圖比較復(fù)雜的圖片時(如上圖這張森林小路的圖片),它的布景沒有一種固定的實色能夠仿制,這時咱們能夠做兩件事:

如安在小空間放置大圖片(圖九)

上圖 1 :垂直剪切

咱們需求留意的是要剪切多少才干傳達出原有圖片的主要信息。上圖剪切后的圖片只占到原圖的六分之一,但它依然能夠清晰傳達出“森林中的途徑”的主題。但它還是太大,因為咱們還有其它東西要放上去,所以……

上圖 2 :再切掉一半

其實咱們將左圖再切掉一半,依然不影響咱們這張圖片所要傳達的信息。而剪切掉后,下面就能夠留出滿足的空間給文字了。

咱們現(xiàn)在要使用第二張圖片了(那疊書的圖片),而文字能夠使不同款式、色彩構(gòu)成比照。并且第二張圖片還能夠遮住圖片的切邊,一起又能傳達出這張書簽的第二個信息。

如安在小空間放置大圖片(圖十)

上圖 1 :別離

圖片與留白空間構(gòu)成了一種吸引人的視覺作用。圖片的樹木與書本兩者分隔,這種設(shè)計是希望經(jīng)過比照給人留下深刻的形象。

上圖 2 :重疊

為了削減中心高比照的視覺作用,咱們將下方整個白色的布景填充上與道路比較挨近的色彩。而那一疊書則放在接合位的當?shù),使到兩張圖片構(gòu)成一個全體?雌饋戆婷骘@得很充實,但整個構(gòu)圖略略顯得有點擠。

上圖 3 :混合

咱們將圖片中的途徑虛化,使到整張書簽混為一體。這時咱們會看覺到這兩張圖片構(gòu)成了一張圖片的視覺作用。

本文所用的色彩數(shù)值如下:

如安在小空間放置大圖片(圖十一)

(全文完) 

上一條:十個極具酷感的涂鴉風格網(wǎng)...

下一條:如何針對搜索引擎優(yōu)化網(wǎng)站...