如何在小空間放置大圖片

人生不如意事十有八九。你有一張心儀的照片想應(yīng)用在設(shè)計(jì)上，但版面上留給你的位置卻很狹小，你處于兩難境地。事實(shí)上，作為一名設(shè)計(jì)人員，你經(jīng)常會(huì)面臨這種問(wèn)題，因?yàn)楠M窄的空間比比皆是：作為標(biāo)題的圖片、網(wǎng)頁(yè)橫幅、各種書簽、報(bào)紙上一些小廣告或其它一些戶外廣告，它們本身就是狹窄的區(qū)域。本文將以幾個(gè)實(shí)例來(lái)說(shuō)明一張大圖片如何被我們巧妙地“擠壓”進(jìn)狹窄的空間 。 

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

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

我們想將一張大的照片應(yīng)用在標(biāo)題區(qū)域里，怎么辦？

1 、大膽剪切：

如果你的照片的空度與你想要應(yīng)用的區(qū)域的寬度一樣，我們可以對(duì)照片進(jìn)行大膽的剪切。可能令你感到著迷的是，一張小照片同樣可以傳達(dá)大照片的精粹。

選擇照片最傳神的焦點(diǎn)，然后在照片上應(yīng)用剪切。令你感到驚訝的是，你切得越窄，照片反而越有力量感！

只要對(duì)上圖看上一眼，我們的眼睛就能夠快速接收各種信息，包括：

? 他們的年紀(jì)；

? 他們的性別；

? 他們的頭發(fā)；

? 他們的衣服；

? 他們的表情；

? 他們的關(guān)系；

而所有這些正是我們所需要的！

將剪切后的圖片應(yīng)用在這篇有關(guān)退休服務(wù)報(bào)道的標(biāo)題中，效果非常不錯(cuò)，比用上原來(lái)整張大圖片效果還要好！

二、填充背景

與剛才剪切相反的是，如果原來(lái)的圖片很小，而所需要應(yīng)用的區(qū)域又很寬，怎么辦？如果這張圖片的背景有一種實(shí)色或某個(gè)有規(guī)則的圖案，我們只需要在它的背景上取色或復(fù)制，然后將要應(yīng)用的空間進(jìn)行填充就可以了。

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

上圖中的圖片已經(jīng)很小，而我們要應(yīng)用到的白色區(qū)域又很寬，兩者的比例相差很大。我們首先在圖片上的背景取色，如上圖為黑色。

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

我們采有一種比較特別但仍能保持低調(diào)的文字，使文字與圖片能夠漂亮地結(jié)合――南瓜顯得很有力量感，而文字則顯得空間開闊。

三、兩個(gè)一起上

如果一張圖片還不夠，那就用兩張。這兩張圖片既可以放在一起，也可以分開。在開始時(shí)對(duì)圖片進(jìn)行恰當(dāng)?shù)丶羟袑⒂懈欣谇宄鬟_(dá)信息。

我們以設(shè)計(jì)一個(gè)書簽為例：

在書簽上必須要有“ Read a book: A pathway to imagination ”（讀書：想象之路），為了傳達(dá)這個(gè)信息，我們需要在一個(gè)狹窄的豎立空間里放進(jìn)兩張圖片。

在這個(gè)書簽設(shè)計(jì)中，我們會(huì)應(yīng)用到上面這兩張圖片

當(dāng)我們有一張構(gòu)圖比較復(fù)雜的圖片時(shí)（如上圖這張叢林小路的圖片），它的背景沒有一種固定的實(shí)色可以復(fù)制，這時(shí)我們可以做兩件事：

上圖 1 ：垂直剪切

我們需要注意的是要剪切多少才能傳達(dá)出原有圖片的主要信息。上圖剪切后的圖片只占到原圖的六分之一，但它仍然能夠清晰傳達(dá)出“叢林中的路徑”的主題。但它還是太大，因?yàn)槲覀冞€有其它東西要放上去，所以……

上圖 2 ：再切掉一半

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

我們現(xiàn)在要應(yīng)用第二張圖片了（那疊書的圖片），而文字可以使不同樣式、顏色形成對(duì)比。而且第二張圖片還可以遮住圖片的切邊，同時(shí)又能傳達(dá)出這張書簽的第二個(gè)信息。

上圖 1 ：分離

圖片與留白空間形成了一種吸引人的視覺效果。圖片的樹木與書本兩者分開，這種設(shè)計(jì)是希望通過(guò)對(duì)比給人留下深刻的印象。

上圖 2 ：重疊

為了減少中間高對(duì)比的視覺效果，我們將下方整個(gè)白色的背景填充上與道路比較接近的顏色。而那一疊書則放在接合位的地方，使到兩張圖片形成一個(gè)整體。看起來(lái)版面顯得很充實(shí)，但整個(gè)構(gòu)圖略略顯得有點(diǎn)擠。

上圖 3 ：混合

我們將圖片中的路徑虛化，使到整張書簽混為一體。這時(shí)我們會(huì)看覺到這兩張圖片形成了一張圖片的視覺效果。

本文所用的顏色數(shù)值如下：

當(dāng)前題目：如何在小空間放置大圖片
本文網(wǎng)址：http://m.kartarina.com/news/177650.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站制作、商城網(wǎng)站、網(wǎng)站維護(hù)、企業(yè)網(wǎng)站制作、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)