|
利用文字來(lái)組織圖片
在版面非常狹窄的時(shí)候，文字與圖片必須謹(jǐn)慎配合，避免讓人產(chǎn)生兩者分離的感覺(jué)。事實(shí)上，文字與圖片必須形成同一種信息。記住，字體也是一種圖形，所以你可以充分利用字體的樣式、形狀、粗細(xì)及顏色來(lái)補(bǔ)充和加強(qiáng)圖片的力量。
一張全景圖注定不會(huì)簡(jiǎn)單，文字 “ EI Capitan ”與這座作為焦點(diǎn)的花崗巖山峰分開(kāi)。當(dāng)然，我們可以通過(guò)剪切來(lái)作進(jìn)一步的處理，但有一個(gè)問(wèn)題，這座山峰的美麗正是要有一定的距離感及它周?chē)募?xì)節(jié)才體現(xiàn)出來(lái)。而下方的那個(gè)綠色實(shí)色區(qū)域使到文字與圖片分離，避免了整張圖片變得過(guò)于復(fù)雜。
上圖的圖片經(jīng)過(guò)剪切，使其更加收緊。現(xiàn)在山峰給人一種更加強(qiáng)烈的高聳感而不是開(kāi)闊感。陰影也使圖片形成了縱深。同時(shí)采用了一種縮窄的大寫(xiě)字母，使到文字與圖片形成一個(gè)有機(jī)的整體，使讀者的眼睛看上一眼就能夠留意。
上圖采用名信片的設(shè)計(jì)樣式，盡管圖片沒(méi)有改變，但這種處理方式卻使整個(gè)設(shè)計(jì)顯得更加寧?kù)o，也更有畫(huà)廊的氣息�；疑淖煮w在白色區(qū)域上仍然能夠容易被辨認(rèn)，開(kāi)闊的白色區(qū)域也使到圖片有一種水平感。
再來(lái)看一下實(shí)際大小的效果：
讓我們進(jìn)一步來(lái)探討上述的設(shè)計(jì)：
首先將一張大圖片縮小到合適的尺寸（ 1 ）。
將圖片的寬度變成標(biāo)準(zhǔn)的 120px ，而圖片高度要少于 90px ，因?yàn)槲覀兿路竭�要加上文字區(qū)域（ 2 ）。
用一種實(shí)色填充下方區(qū)域，同時(shí)這個(gè)區(qū)域也與圖片有一些重疊。顏色來(lái)自于圖片，用吸管在圖片取色（ 3 ）。
最后加上文字（ 4 ）。當(dāng)您要面對(duì)一種復(fù)雜的或者有太多細(xì)節(jié)的圖片時(shí)，這種處理方式是比較理想的。
這里，我們對(duì)圖片進(jìn)行剪切，為該圖片創(chuàng)造出一個(gè)視覺(jué)焦點(diǎn)。然后再尋找一種能夠加強(qiáng)該圖片傳達(dá)的字體。在這個(gè)例子中，我們采用一種又高又窄的字體填滿(mǎn)下方整個(gè)區(qū)域來(lái)加強(qiáng)這座山峰的特點(diǎn)。留意上方的那行細(xì)字，山峰是疊在這行文字上方的，加強(qiáng)了圖片的層次感。也使到這座花崗巖山峰有更加靠前的感覺(jué)。
出處：logo設(shè)計(jì)在線
責(zé)任編輯：bluehearts
上一頁(yè) 如何設(shè)計(jì)網(wǎng)頁(yè)小廣告(banner) [3] 下一頁(yè) 如何設(shè)計(jì)網(wǎng)頁(yè)小廣告(banner) [5]
|
第 1 頁(yè) 
第 4 頁(yè) 如何設(shè)計(jì)網(wǎng)頁(yè)小廣告(banner) [4]
