【譯者的話】 視野開闊的橫放版面既容易排版，又容易閱讀。通過靈活安排圖片與文字，使小冊子形成協調漂亮的效果。本文通過一個實例，深入探討其中所涉及的一些原則，讓你也能夠輕松設計一本漂亮的小冊子。絕對實用的一篇文章。

原文出處：www.bamagazine.com

這種版面介乎于書本與雜志之間，開闊的版面能夠讓你輕松排版，也容易閱讀。

（這本小冊子的主題是阿拉斯加州的環境保護――譯注）

打開……

開闊的內頁設計

極寬但高度較小的版面非常適合于一些敘述性、歷史介紹、記錄文件、產品目錄等的設計，如果用一臺能夠打印小海報（ Tabloid ）尺寸的打印機，你完全可以自己實現桌面輸出。它近似屏幕的版面同樣適合于網頁設計。

一般信紙尺寸的版面最大的問題是它太大！設計這些版面就象要布置一座城堡一樣，有時讓人感到吃力。如果用上太多素材，一不小心就會讓版面中各個元素失去聯系，效果出來又不佳。而我們現在介紹的這種小冊子版面卻不存在這些問題。每個內頁只有半張紙大小，每一個區域都能夠互相緊聯，每張內頁都有相似的版面，而且以“圖片―文字―圖片―文字”這樣一直排列下去，視覺上顯得順暢。可以說，這是一種簡化的設計。這種版面還有一個好處，就是它看起來很自然，一頁接著一頁下去，由于版面比例的關系，觀眾看起來時眼睛不用到處轉來轉去。看一下我們是如何設計的？

基本版面：

這個版面很簡單：對開內頁，半張信紙大小，橫放，每頁兩欄。在打印時，一張海報尺寸（ 17 英寸 × 11 英寸 ）的紙剛好可以放下兩個對開頁。

我們這個版面是在 Adobe InDesign 軟件里設計的，單位使用“ picas ”，每個 Picas 單位約為 1/6 英寸。當然，你可以采用你習慣的軟件或單位來設計。你也不必嚴格按照這個版面的尺寸來安排，可以根據自己的實際情況調整，只要能夠保持這種大概的版面比例即可。

字體樣式：

為了敘述不同的東西，你會希望能夠采用不同的字體樣式來分別用在標題、文字等內容上。為了使文字能夠輕易實現協調，你可以選用一種字體家族，即這種字體必須能夠包括正體、幼體、粗體、斜體等字形。

我們這本小冊子所用的字體為 ITC cheltenham ，它屬于 Roman 字體的一種，結構緊密，其字形家族從幼體到粗黑體、斜體都一應俱全。最早的 Cheltenham 字體在 20 世紀早期非常受歡迎，而這種字體經過修整后至今仍大行其道，其中一種就是我們非常熟悉的 New York Times 字體，還有其它的變體，如 Eddie Bauer 等字體。 Cheltenham 字體非常適合閱讀，其結構有點偏離中心，外表質樸無華，已經跨越了整整一個世紀，非常適合于一些戶外主題的設計搭配。

點擊上圖看大圖

1、主標題的字體最大，字形也采用粗黑體，標題跨越兩欄的寬度必須采用單行，如果你采用某種顏色，則以后在其它版面中也必須采用同樣的顏色。

2、副標題進一步解釋了主標題的含義，它的字體尺寸介乎于主標題與正文字體之間，采用斜體，以形成對比；

3、正文中的小標題尺寸與正文一樣大，但設為黑體，以引起別人的注意。通常我們在談到新的主題或另一內容時會用到，當然，為了避免正文過長，你也可以適當打斷一下。留意正文段前都有一個較大的行距來表示起段，不要采用首行縮進的形式來區分段落。

4、圖片說明文字的尺寸通常比正文小 1 到 2 個 p ，通常采用斜體或粗體（選擇哪一種視你要達到什么對比而定）。這些說明文字是非常重要的，通常一個讀者會先看這些文字再看正文，留意說明文字與上方的正文的行距為兩行。

5、正文中，字體通常大小為 9p 或 10p ，在這個設計中，所有文字都是左對齊。無論你采用哪一種形式，如果你在第一個版面中采用后，一定要記住在其它版面也要采用相同的排版方式。

版面安排：

設計漂亮的版面關鍵就是要做到統一和協調，重復應用之前采用的排版方式。如標題、副標題及正文保持同樣的樣式，圖片可以是占用其中一欄，甚至四欄都可以。

地平線：這本小冊子很容易排版，因為這個版面上所有東西都象是沿著地平線在移動。其中有一些注意事項必須了解：

•  在任何一欄中，你可以放置圖片或文字，但不要在一欄中既放置圖片又加上文字；

•  圖片可以去到頁面邊緣（如我們這個設計中所采用的），你要留出頁邊距也行，但無論你采用哪一種，都要記住在其它版面中也要采用相同的放置方式；

•  文字要將欄中的區域填滿，文字的順序同樣要保持一致，如在這個設計中是：主標題―副標題―正文。如果你在一個版面采用了副標題這種形式，那在其它版面中也繼續使用副標題。

•  如果你在一個地方對圖片使用了說明文字，那就在其它地方也這樣做！說明文字要靠近底部。

苦口婆心再說多一次 ~~~ ，協調統一是非常重要的。你在其中一個地方采用了某種樣式，在其它地方也要保持這種樣式。這是設計這本小冊子成功的關鍵！

現在，我們要分析版面中出現的兩種情況：

1、在一個對開版面中只有一篇文章：這意味著這篇文章的開始和結尾都處在同一個對開版面中：

點擊上圖看第一張圖大圖

圖片放在左邊：

一般來說，希望一篇文章版面的設計能夠有良好的效果，最好將圖片放在左邊。上面我們給出了三種可能的排版方式。兩欄或三欄的文字最好是分開幾段，同時在段前加個小標題（如最上圖），這樣可以避免文字區域過于擁擠。

2、還有一種可能是更常見的情況，那就是一篇文章在一個對開版面中還沒完，要去到另一個對開版面中：

點擊上圖看第一張圖大圖

在這里我們要談談標題的注意事項：

在一本小冊子里，標題應該簡潔，如果標題放在一個欄里，可以分成兩行（如上圖第一張和第三張），如果標題橫跨兩欄，標題應該是一行（上圖中）。副標題同樣要簡潔，能夠說明關鍵意思即可。主標題加上副標題，使版面產生兩種“聲音”，顯得更豐富，也更容易吸引讀者深入閱讀正文。

應該避免橫跨兩欄的標題采用兩行，它份量太大，壓抑了下方的正文。

填充空位：

無論你如何仔細安排版面，在最后總會有一些空位是多出來的，不可能剛剛好填滿版面。不需要沮喪，這些空位其實對我們來說是一個有利的因素。我們可以從正文中摘錄一兩句引言來填充這些空位，處理這些引言可以很靈活：

點擊上圖看大圖

編輯很短或很長的文章：

如果一篇文章只有幾行字或非常長，我們都要仔細處理以達到版面統一。切忌不要隨便增加行距或隨便插入其它的一些圖片元素。也不要在結束的一欄中在上方只出現幾行字而使下方留出較大的空位。對于這些較大的空位，我們可以使用引言而不是圖片來填充。因為這些引言可以使版面產生適當的視覺暫停。但我們使用引言不一定只是被動地填充空位，特別是在處理一些長文章中，我們可以事先就精心準備引言的使用。讀者在看一個版面時，會首先注意圖片（及其它視覺元素），然后就會閱讀標題、副標題、圖片說明文字及引言，然后才會閱讀正文。一個有經驗的編輯會非常善于利用引言來安排版面及吸引讀者。所以設計師不要將引言看成是一個可有可無的配角，正確使用引言或用引言來安排版面，有時能夠產生極佳的視覺效果。

說完了，看一下我們設計這個版面的基本尺寸吧：

對開版面的尺寸為： 1 7 × 5.5 英寸 ；

折疊后尺寸： 8.5 × 5.5 英寸 ；

同時，請參閱本文開始時的參數對話框的設置。

紫色的參考線是安排文字欄，藍色參考線是安排圖片。文字欄的間隔為 1p6 （ 1/4 英寸），文字與圖片必須有 1/2 英寸的間隔。所以，必須先安排好版面，再開始設計！

本文顏色如下：

【譯者的話】 只用一張紙設計成的折頁單張，不但成本低廉，而且漂亮吸引。通過對各個折疊區域的精心分布，使整個設計就象在跟讀者講一個有趣的故事，而其中圖片、文字的版面安排至關重要，雖然只有一張紙，卻讓你有不斷深入閱讀下去的樂趣。

原文出處：www.bamagazine.com

無論是小說、表演、歌曲及演說，都具有一種“故事式”的風格――它們有開始，有推進，有結束。其中各個部分都是互相聯系的。我們采用這種特點來設計一個折頁單張，輕易能夠讓設計產生一張吸引人的感覺。折頁的運用，使讀者在觀看時產生一個先后順序，而每一個區域都放置不同的故事內容，但同時，整體的風格卻是和諧協調。這種設計成本低廉，而且給人一種內容充實的感覺，設計起來也很有趣，看一下我們是如何做的。

折疊后的封面

單張的另一面

雖然只有一張紙，但卻具有很強的沖擊力，隨著我們打開折頁，里面的內容一一來到你的面前。

在第一張圖中的封面中，我們采用了一張半抽象的圖片，象是在跟讀者打招呼，吸引你翻開里面的內容，當我們打開第一次時，我們看到一座漂亮的院子，而右側較窄的折頁上的文字則介紹相關的業務內容。當我們再打開第二次，則看到更多的圖片、文字及信息來作詳細的解釋。

從封面開始：

封面擔當起兩個作用：它必須能起到介紹的作用，就象我們第一次跟一個陌生人接觸，總會說： Hi ，我是…。另一個作用是它能起到邀請的作用（請進來看看！）。為了在視覺上達到這兩個目的，首先所選擇的圖片就要有這種作用。看一下我們選擇的圖片是如何邀請別人進來的？

在這個設計中，封面就相當于前門，所以在這個設計選擇一張封面用的圖片時，就要考慮它能否傳達出“門”的概念。在上圖中，我們選擇了一張有噴泉的圖片，并通過剪切，使圖片形成拱形狀區別，使到讀者感覺來到“門前”，圖片的背景比較柔和，而且比較模糊，還被噴泉擋住了很大的面積，這暗示美景還在前面。圖片所營造的懸念可以說是非常理想的。然后就將文字直接放在讀者的視線內。

公司名稱的尺寸很自信地安排得比較小，但卻足夠吸引人的注意力。原因有三： 1 ，它放置在頁面的中間； 2 ，文字是綠色背景上的唯一元素； 3 、噴泉對文字形成了一個邊框。

文字塊呈右對齊，而左邊緣則崎嶇不平。整齊的右邊緣與頁面邊緣產生聯系，而不平的左邊緣則與噴泉的邊緣產生聯系，留意一點，文字塊左邊緣與噴泉的邊緣是互相配合的。同時，為了使文字塊營造一種與噴泉在視覺上相似的感覺，文字塊中包括了顯得有點隨意的羅馬體作為標題與整齊劃一的非襯線體作為說明性文字。

打開一次……

當讀者走進“前門”后，前面的景色讓他們眼睛一亮。同時，在折頁上放置介紹性文字，由于折頁是可以活動的，所以整個版面顯得很活躍，給人一種后面還有很多東西的感覺。

為了讓讀者“進門”后有眼睛一亮的感覺，我們要使用一張漂亮的圖片，而且尺寸要夠大，我們將圖片拉大到整個頁面中，使讀者感覺到視野開闊并充滿邀請氣息。同時將圖片右側部分切掉，避免圖片中右側的樹形成一個邊框感，而且更能突出戶外的感覺。由于折頁遮住了版面的一部分，所以讀者很自然想繼續看一下后面還有什么好東西。

圖片加上文字無疑能起到“一加一大于二”的效果，為了達到最佳的效果，不要去干擾這張圖片所傳達的信息，讓它自己向讀者介紹。同時，介紹性的文字靜靜地放在一邊。留意右邊折頁的行距很大，呈現一種與圖片風格配合的清新氣息。

這個小折頁發揮了兩個作用，它既承擔起介紹的作用，同時又象是通向另一個地方的“門”。上面文字左右都是對齊的，狹長、整齊的文字塊強化了折頁的高度及折頁本身的區域。較大的行距減慢了讀者閱讀的速度，卻使讀者有更多的時間與圖片進行“對話”。折頁背景的顏色是用吸管從圖片中取色的，所以版面能夠很自然地和諧搭配。

打開第二次：

當讀者打開剛才的小折頁后，整個版面完全展開，讀者會看到另外四張的圖片及更詳細的介紹文字。

新的照片成組排列。我們可以看到，這四張照片的尺寸與剛才的大圖片的尺寸反差非常大，這使到這五張內容相似的照片能夠平和地分享這個版面，如果五張照片尺寸過于接近，同時里面的內容都是差不多，很容易造成沖突。留意四張照片的尺寸都是一樣大，而且成列排列，這樣做既強化了它們的內容，也使整個版面顯得干凈整潔。

(點擊上圖看大圖)

我們的眼睛在觀看上述的版面時呈現一種先后順序：上圖中，以寬、中、窄依次安排的區域使整個版面既充滿動感，而且眼睛也很自然地從左移到右。如果這三列的區域寬度相同，整個版面會顯得靜態。由于背景顏色的運用，還使整個版面在視覺上形成節奏感，呈現一種“黑―白―黑”的變化。

不可忽略的顏色――白色

我們經常會認為白色是一種較為被動的顏色，只是作為背景色，但在這個版面，我們很清楚地看到白色其實與其它顏色一樣能夠發揮重要作用。上述白色區域雖然在實際印刷中是留空的，但該區域卻給人很強烈的柱狀區域感覺，與旁邊的兩個區域并無兩樣。

簡單就是美麗

三列的布局設計使整個版面整潔優雅，而且能夠輕松閱讀，這個版面顯得非常簡潔，各個列的區域由下到下都是平滑順暢的，沒有凹凸不平的邊緣線，沒有元素重疊，沒有其它雜亂的邊界，沒有干擾視線的元素。

上圖文字采用 Impressum 字體，該字體有一個地方很特別，那就是字母上的粗細并無規律，顯得不死板，有種自然界的氣息，但同時，該字體閱讀起來仍然很清晰。上圖文字仍然遵守“顏色用來吸引人，灰色用來詳細解釋”的手法，使整個文字區域顯得容易閱讀。

但上述版面中的字體有兩個地方是例外的（箭頭處），字體樣式是一樣的，但顏色卻并不一樣（黑 / 白），因為這些文字與灰色的文字說得是不同的信息，所以需要有區別開來，也避免在視覺上過于擁擠。

作為一家園林裝飾公司，當讀者看完這些介紹后，在最后的折頁中，就要讓讀者開始行動：打電話給我們。

在內頁中，我們的各個區域都是以矩形來安排版面，而在后面，我們卻使用不規則邊緣的元素――肖像。而她那草綠色的外套與內頁的綠色是類比色，在視覺上得到延續。

“聲音”的轉變

不同的版面安排就象不同的聲音。在內頁中，我們已經看過了她的作品，但最后，我們該見識一下這個設計師了。她以一種直接的語氣說“給我們來電”及突出的電話號碼可以喚起讀者的消費欲。上述這兩句文字與她的頭部靠得很近，而不是隱藏在下面眾多的文字中，而且這兩句話無論是顏色、字體、大小都是內頁文字字體樣式的延續。

模板：

標準尺寸（單位：英寸）： 1 4 × 8.5

折疊后尺寸： 5.5 × 8.5

折疊后的單張可以放進一個 6 英寸 × 9 英寸 的標準信封。

本文所用顏色：