2022-07-13 分類: 網(wǎng)站建設(shè)
人生不如意事十有八九。你有一張心儀的照片想應(yīng)用在設(shè)計上,但版面上留給你的位置卻很狹小,你處于兩難境地。事實上,作為一名設(shè)計人員,你經(jīng)常會面臨這種問題,因為狹窄的空間比比皆是:作為標題的圖片、網(wǎng)頁橫幅、各種書簽、報紙上一些小廣告或其它一些戶外廣告,它們本身就是狹窄的區(qū)域。本文將以幾個實例來說明一張大圖片如何被我們巧妙地“擠壓”進狹窄的空間 。
那里都有狹窄的空間:網(wǎng)頁橫幅、新聞標題處的空間、柱狀的廣告,但一張來自照相機的照片卻要大很多,它們的比例一般是 6 × 4 英寸 。你如何處理這兩者的關(guān)系?在本文中我們提供三種解決辦法。
一、新聞標題:
我們想將一張大的照片應(yīng)用在標題區(qū)域里,怎么辦?
1 、大膽剪切:
如果你的照片的空度與你想要應(yīng)用的區(qū)域的寬度一樣,我們可以對照片進行大膽的剪切??赡芰钅愀械街缘氖牵粡埿≌掌瑯涌梢詡鬟_大照片的精粹。
選擇照片最傳神的焦點,然后在照片上應(yīng)用剪切。令你感到驚訝的是,你切得越窄,照片反而越有力量感!
只要對上圖看上一眼,我們的眼睛就能夠快速接收各種信息,包括:
? 他們的年紀;
? 他們的性別;
? 他們的頭發(fā);
? 他們的衣服;
? 他們的表情;
? 他們的關(guān)系;
而所有這些正是我們所需要的!
將剪切后的圖片應(yīng)用在這篇有關(guān)退休服務(wù)報道的標題中,效果非常不錯,比用上原來整張大圖片效果還要好!
二、填充背景
與剛才剪切相反的是,如果原來的圖片很小,而所需要應(yīng)用的區(qū)域又很寬,怎么辦?如果這張圖片的背景有一種實色或某個有規(guī)則的圖案,我們只需要在它的背景上取色或復(fù)制,然后將要應(yīng)用的空間進行填充就可以了。
我們以一個網(wǎng)頁橫幅為例:
上圖中的圖片已經(jīng)很小,而我們要應(yīng)用到的白色區(qū)域又很寬,兩者的比例相差很大。我們首先在圖片上的背景取色,如上圖為黑色。
當我們對白色的區(qū)域填充后,使到我們現(xiàn)在焦點都放在南瓜上。感覺就象舞臺上聚光燈下的演員一樣。
我們采有一種比較特別但仍能保持低調(diào)的文字,使文字與圖片能夠漂亮地結(jié)合――南瓜顯得很有力量感,而文字則顯得空間開闊。
三、兩個一起上
如果一張圖片還不夠,那就用兩張。這兩張圖片既可以放在一起,也可以分開。在開始時對圖片進行恰當?shù)丶羟袑⒂懈欣谇宄鬟_信息。
我們以設(shè)計一個書簽為例:
在書簽上必須要有“ Read a book: A pathway to imagination ”(讀書:想象之路),為了傳達這個信息,我們需要在一個狹窄的豎立空間里放進兩張圖片。
在這個書簽設(shè)計中,我們會應(yīng)用到上面這兩張圖片
當我們有一張構(gòu)圖比較復(fù)雜的圖片時(如上圖這張叢林小路的圖片),它的背景沒有一種固定的實色可以復(fù)制,這時我們可以做兩件事:
上圖 1 :垂直剪切
我們需要注意的是要剪切多少才能傳達出原有圖片的主要信息。上圖剪切后的圖片只占到原圖的六分之一,但它仍然能夠清晰傳達出“叢林中的路徑”的主題。但它還是太大,因為我們還有其它東西要放上去,所以……
上圖 2 :再切掉一半
其實我們將左圖再切掉一半,仍然不影響我們這張圖片所要傳達的信息。而剪切掉后,下面就可以留出足夠的空間給文字了。
我們現(xiàn)在要應(yīng)用第二張圖片了(那疊書的圖片),而文字可以使不同樣式、顏色形成對比。而且第二張圖片還可以遮住圖片的切邊,同時又能傳達出這張書簽的第二個信息。
上圖 1 :分離
圖片與留白空間形成了一種吸引人的視覺效果。圖片的樹木與書本兩者分開,這種設(shè)計是希望通過對比給人留下深刻的印象。
上圖 2 :重疊
為了減少中間高對比的視覺效果,我們將下方整個白色的背景填充上與道路比較接近的顏色。而那一疊書則放在接合位的地方,使到兩張圖片形成一個整體??雌饋戆婷骘@得很充實,但整個構(gòu)圖略略顯得有點擠。
上圖 3 :混合
我們將圖片中的路徑虛化,使到整張書簽混為一體。這時我們會看覺到這兩張圖片形成了一張圖片的視覺效果。
本文所用的顏色數(shù)值如下:
當前題目:如何在小空間放置大圖片
本文網(wǎng)址:http://www.rwnh.cn/news/177650.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站制作、商城網(wǎng)站、網(wǎng)站維護、企業(yè)網(wǎng)站制作、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容