【譯者的話】 當(dāng)你設(shè)計(jì)的作品最后要用到桌面打印機(jī)輸出時(shí)，一般的打印機(jī)總會(huì)在頁面四周留下白邊，解決的方法或許有很多，但最理想的解決辦法或許就是將版面變成無邊界式的設(shè)計(jì)，這不但解決了打印留白邊的問題，而且還令你的作品獲得新生！

原文出處：www.bamagazine.com

現(xiàn)在的桌面打印機(jī)的表現(xiàn)已經(jīng)達(dá)到一個(gè)相當(dāng)高的水平，你可以在一張質(zhì)量較高的紙張上打印出色彩鮮艷、分辨率非常高的效果，而且成本低廉。但對(duì)于一臺(tái)價(jià)值 99 美元的打印機(jī)來說，它就有很多事情不能完成，包括它不能打印到整頁紙的邊緣（全出血位）。大多數(shù)打印機(jī)都會(huì)在紙張四周留出一條白邊，這些四周的白邊的間距并不相等，而且每臺(tái)打印機(jī)打印出來也不一樣，毫無規(guī)律可言。

這些白邊對(duì)于設(shè)計(jì)師來說有時(shí)確實(shí)讓人沮喪，因?yàn)檫@些白邊并不是你所能控制的，可以說也不是你想要的。

象上述打印出來的圖片一樣（上圖大圖），你或許也經(jīng)常面對(duì)這種問題。你原本的設(shè)計(jì)并沒有留出白邊，就象上方小圖一樣，采用了全出血位的設(shè)計(jì)。這種事與愿違的情況或許讓你感到煩惱。

你或許有很多種辦法解決，你甚至可能在最后將這些白邊切掉。但我們?cè)谶@里所提供的解決辦法卻相反：與其跟這些白邊作對(duì)，不如與它們和諧共處。我們將版面留白區(qū)域放大，使之成為你設(shè)計(jì)的一部分。

增加白色區(qū)域

消除這些白邊最好的辦法就是增加白色區(qū)域！減少版面中主要視覺元素與頁面邊緣的聯(lián)系。

上方左圖，頁邊邊界與圖片邊界靠得太近，使到兩者在視覺上產(chǎn)生聯(lián)系，所以我們的眼睛就將兩者之間的留白區(qū)域看成是一條邊界。而上圖右，我們減少圖片的尺寸，使到圖片與紙張邊界失去聯(lián)系，邊界的視覺效果自然消失。

圖片尺寸減少后，現(xiàn)在圖片給人的感覺好象是在畫廓里那些掛在白色墻壁上的作品一樣。留意一點(diǎn)，為了使尺寸縮小后的圖片與頁面的四個(gè)頁邊距相等，我們對(duì)圖片進(jìn)行了一些剪切（比以前更窄），這也使到海岸線的區(qū)域更容易引起別人的注意，整個(gè)構(gòu)圖也比以前更生動(dòng)一些。

圖片尺寸變小還有一個(gè)很大的好處：您可以通過剪切、移動(dòng)等方式，更具靈活性地設(shè)計(jì)你的版面。

移動(dòng)：

將圖片移動(dòng)眼睛視平線的地方，使到整個(gè)版面產(chǎn)生三種頁邊距，這也使到整個(gè)版面沒有形成邊框的感覺。將圖片分割成三部分，引導(dǎo)觀看的人的眼睛由下至下自然移動(dòng)。

邊界是靜態(tài)的，而你需要的是運(yùn)動(dòng)。上方左示意圖，圖片處于眼睛視平線的地方，使到視覺效果更自然。整個(gè)頁面產(chǎn)生了三種不同的頁邊距，上方較狹窄，左右兩邊較寬，而下方則最寬闊――這使到邊界的感覺蕩然無存。將圖片垂直分成三部分，使到整張圖片都更具活力。

還有另一種處理方法：在一張圖片中，你可以挑選出三個(gè)（甚至更多）的柱狀區(qū)域。這種設(shè)計(jì)非常有趣，你可以通過這種技巧加強(qiáng)圖片的表現(xiàn)力，因?yàn)槟闼x擇的區(qū)域都是最吸引人的地方，當(dāng)它們相鄰放在一起時(shí)，這種效果更加強(qiáng)烈。

字體配合：

文字的樣式及尺寸與版面的各個(gè)元素協(xié)調(diào)配合，可以使整個(gè)設(shè)計(jì)顯得更加和諧統(tǒng)一。相似的元素傳達(dá)和諧，而對(duì)比則傳達(dá)活力。

縱排的元素加強(qiáng)了垂直運(yùn)動(dòng)的感覺

上圖左，大寫字母所形成的整齊邊緣本來與圓形的 LOGO 能夠產(chǎn)生優(yōu)美的對(duì)比搭配，但由于版面及圖片已經(jīng)呈矩形，如果文字區(qū)域也形成一個(gè)粗壯的矩形區(qū)域，會(huì)極大地壓抑 LOGO 的傳達(dá)。

而上圖右，字母呈小寫，邊緣呈圓形，與圓形 LOGO 非常相似。整體地看， LOGO 與字母形成了四個(gè)圓形的區(qū)域，這些圓形的邊緣與矩形的圖片及版面都形成了對(duì)比，也使到整個(gè)版面形成了兩個(gè)搶眼的區(qū)域。

水平放置：

一張水平放置的圖片面積非常大。它的不同方向?qū)Ρ仁拱婷娉錆M活動(dòng)，但仍然沒有感覺到有邊界的存在，因?yàn)樗瑯佑兄煌捻撨吘嗉懊鎸?duì)面的移動(dòng)。

圖片與頁面要和諧共處可以用到其中一個(gè)技巧：圖片與頁面的長寬比例一樣，但我們將圖片倒轉(zhuǎn) 90 度，并將其縮小到 60% 即可。（上圖左）

眼睛視平線：一張標(biāo)準(zhǔn)信紙的面積與一個(gè)人的臉部的面積大體差不多。在眼睛視平線的那個(gè)區(qū)域里放置元素很容易也很自然地成為視覺焦點(diǎn)。（上圖中）

在眼睛視平線的地方放置的圖片使整個(gè)版面形成三個(gè)不同的頁邊距，也使整個(gè)版面趨于動(dòng)態(tài)（上圖右）。

按上述方法放置的圖片，圖片及頁面的比例一樣

創(chuàng)造一個(gè)中心焦點(diǎn)：

一行字體加強(qiáng)了水平運(yùn)動(dòng)的感覺，使之形成一個(gè)具有力量及復(fù)雜的焦點(diǎn)。而下方小小的 LOGO 則控制著周圍的留白空間。

小即是大這個(gè)道理在這里得到了很好的證明。在上圖中，圖片象在畫廓里展覽一樣掛在一面墻壁上，這使到眼睛的注意力都集中到這里來。整個(gè)版面形成兩個(gè)區(qū)域：一個(gè)是暗區(qū)域，一個(gè)是這區(qū)域。各個(gè)區(qū)域的中間都可以說是一個(gè)視覺焦點(diǎn)――在上圖中，暗區(qū)域的中間是標(biāo)題，而下方亮區(qū)域的中間是一個(gè) LOGO 。標(biāo)題與 LOGO 各自控制著暗淺兩個(gè)區(qū)域，這種簡潔的處理手法使整個(gè)版面顯得更加經(jīng)典，也使信息更有效傳達(dá)――比你呼天搶地更能引起別人的注意！

加強(qiáng)版面

你可能經(jīng)常會(huì)感到驚訝的是，只需截取圖片的一小部分――最精髓的部分――卻能傳達(dá)出更多的信息！如上圖，我們只截取海岸線、海灣、河口及干、濕地的一部分，就能完全傳達(dá)出整張圖片的信息。

圖片當(dāng)然與頁面形成強(qiáng)烈對(duì)比：高與寬、肥與瘦、上與下等兩者這些對(duì)比都非常強(qiáng)烈。

對(duì)于一張漂亮的全景圖，我們可以輕易地讓它裝飾版面，但在這個(gè)例子中卻有點(diǎn)例外，圖片右方區(qū)域顯得很呆滯（圓圈處），簡單，大膽切掉它！我們將它切去一半！

右對(duì)齊：

圖片與文字右對(duì)齊，同時(shí)元素也處于眼睛水平線時(shí)，大面積的白色區(qū)域似乎統(tǒng)領(lǐng)著頁面――這種設(shè)計(jì)動(dòng)感非常強(qiáng)烈。

圖片及文字只占頁面的一小部分，卻帶來了強(qiáng)烈的視覺效果：圖片成為了一個(gè)強(qiáng)烈的視覺焦點(diǎn)，而大面積的白色區(qū)域使整個(gè)版面產(chǎn)生很強(qiáng)的流動(dòng)感。文字與 LOGO 采用灰色，有意退居二線，圖片成為舞臺(tái)上的唯一焦點(diǎn)。

上方小圖，右邊參差不齊的左邊緣避免了形成一些不受歡迎的整齊邊緣――過于整齊的邊緣只會(huì)削弱版面的流動(dòng)感。

文字應(yīng)該多大？應(yīng)該放在哪里？

文字附近的元素直接決定了文字的大小，在這個(gè)例子中，圖片中海灣及入口就成了我們控制字體大小、行距的標(biāo)準(zhǔn)及 LOGO 大小的標(biāo)準(zhǔn)（上方示意圖）。這種處理方法并不是故弄玄虛，而是相似的元素產(chǎn)生和諧的視覺效果。通過圖片的某些元素來決定文字的大小，結(jié)果就是文字與圖片兩者呼應(yīng)。

上述提供了幾種解決，使整個(gè)版面沒有形成邊界，避免了打印機(jī)打印出來時(shí)的白邊影響到整個(gè)設(shè)計(jì)的效果。但我們也不僅僅是為了取消邊界這個(gè)目的，上述的幾個(gè)解決辦法也顯示出，善于利用留白空間，可以使你的版面形成嶄新的漂亮面孔――也更具視覺沖擊力。

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