在线看片电视剧免费看,精品国产一区二区三区2021,99久久久无码国产精品免费,精品人妻少妇嫩草AV无码专区

0411-39943997
工作時(shí)間:周一至周日 8:30-22:00
設計知識
News and information

如何在小空間放置大圖片

標簽:網(wǎng)站設計瀏覽次數:?? 時(shí)間:2018-01-04

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

 

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

一、新聞標題:

我們想將一張大的照片應用在標題區域里,怎么辦?

1 、大膽剪切:

如果你的照片的空度與你想要應用的區域的寬度一樣,我們可以對照片進(jìn)行大膽的剪切??赡芰钅愀械街?zhù)迷的是,一張小照片同樣可以傳達大照片的精粹。

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

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

?  他們的年紀;

?  他們的性別;

?  他們的頭發(fā);

?  他們的衣服;

?  他們的表情;

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

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

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

二、填充背景

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

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

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

當我們對白色的區域填充后,使到我們現在焦點(diǎn)都放在南瓜上。感覺(jué)就象舞臺上聚光燈下的演員一樣。

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

三、兩個(gè)一起上

如果一張圖片還不夠,那就用兩張。這兩張圖片既可以放在一起,也可以分開(kāi)。在開(kāi)始時(shí)對圖片進(jìn)行恰當地剪切將有更有利于清楚傳達信息。

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

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

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

當我們有一張構圖比較復雜的圖片時(shí)(如上圖這張叢林小路的圖片),它的背景沒(méi)有一種固定的實(shí)色可以復制,這時(shí)我們可以做兩件事:

上圖 1 :垂直剪切

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

上圖 2 :再切掉一半

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

我們現在要應用第二張圖片了(那疊書(shū)的圖片),而文字可以使不同樣式、顏色形成對比。而且第二張圖片還可以遮住圖片的切邊,同時(shí)又能傳達出這張書(shū)簽的第二個(gè)信息。

上圖 1 :分離

圖片與留白空間形成了一種吸引人的視覺(jué)效果。圖片的樹(shù)木與書(shū)本兩者分開(kāi),這種設計是希望通過(guò)對比給人留下深刻的印象。

上圖 2 :重疊

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

上圖 3 :混合

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

本文所用的顏色數值如下:



本文地址:http://www.nwafulive.cn/library/shejizhishi/20180104522.html
Copyright? 2011 仟億科技,All rights reserved.
首頁(yè)關(guān)于我們新聞資訊服務(wù)項目軟件產(chǎn)品解決方案成功案例網(wǎng)站地圖加入我們聯(lián)系我們
欧美日韩不卡视频合集| 无码中文亚洲AV影音先锋| 波多野42部无码喷潮| 日韩成人无码一区二区三区| 国产乱子伦60女人的皮视频 | 最新在线伦费观看中文|