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

如安在小空間放置大圖片

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

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

一、新聞標(biāo)題:

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

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

1 、斗膽剪切:

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

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

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

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

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

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

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

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

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

二、填充布景

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

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

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

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

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

當(dāng)咱們對(duì)白色的區(qū)域填充后,使到咱們現(xiàn)在焦點(diǎn)都放在南瓜上。感覺(jué)就象舞臺(tái)上聚光燈下的藝人一樣。

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

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

三、兩個(gè)一同上

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

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

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

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

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

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

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

上圖 1 :垂直剪切

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

上圖 2 :再切掉一半

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

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

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

上圖 1 :別離

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

上圖 2 :重疊

為了削減中心高比照的視覺(jué)作用,咱們將下方整個(gè)白色的布景填充上與道路比較挨近的色彩。而那一疊書(shū)則放在接合位的當(dāng)?shù),使到兩張圖片構(gòu)成一個(gè)全體?雌饋(lái)版面顯得很充實(shí),但整個(gè)構(gòu)圖略略顯得有點(diǎn)擠。

上圖 3 :混合

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

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

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

(全文完) 

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

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