【譯者的話】從正文中摘引某句話作為一個(gè)元素放置在版面中，是一種常用的設(shè)計(jì)技巧。很多人會(huì)認(rèn)為引言只是起到一個(gè)補(bǔ)白的作用，但引言絕非天生只是配角。在設(shè)計(jì)中有意識(shí)地將引言作為一個(gè)設(shè)計(jì)要素，能夠使版面產(chǎn)生有趣吸引的效果。在本文中我們將會(huì)以生動(dòng)的例子來探討在版面中如何利用引言來安排版面。

原文出處：www.bamagazine.com

通過本文的引言設(shè)計(jì)技巧，我們可以輕易讓你的故事更加吸引讀者的眼光。

我們每個(gè)人都對引言不陌生，在雜志及報(bào)紙上，經(jīng)?？梢钥吹皆谂虐嫔鲜褂靡?。引言一般是從正文里摘取的一個(gè)簡短信息，通常在字體上安排得更加突出，而放置的位置則精心考量。在一個(gè)版面中，引言并不適宜大量使用，通常在一個(gè)展開頁中可以出現(xiàn)一至兩個(gè)引言。通過這些引言，可以起到信息的貫穿作用。

引言有很多功能。最基本的功能就是填補(bǔ)頁面的某些空間，或者在一篇很長的文章中插入引言，打破版面的沉悶結(jié)構(gòu)。但引言的功能遠(yuǎn)不止這些，在版面中巧妙使用引言，可以使版面顯得更生動(dòng)。這些引言能夠引起那些匆匆瀏覽的讀者的注意力。其實(shí)引言本身就構(gòu)成豐富的信息，因?yàn)樗旧砭途哂幸环N概括、點(diǎn)明主題、揭示文章意義等作用，這些引言本身就構(gòu)成一個(gè)小故事。運(yùn)用得當(dāng)?shù)囊员旧砭褪且黄恼碌木A所在。對于設(shè)計(jì)師來說，它也是一個(gè)非常有趣的設(shè)計(jì)元素。

這是《時(shí)代》雜志的一個(gè)版面，里面的引言就起到激活版面的作用。讀者的眼睛首先接觸到的是圖片，然后是標(biāo)題，然后去到引言，再去到副標(biāo)題，最后才會(huì)閱讀里面的正文。這些非正文的元素再加上底下的圖片說明，就已經(jīng)形成了一個(gè)故事梗概。這是一個(gè)精心安排的版面，在潛意識(shí)里引導(dǎo)著讀者的視線，而將這些視覺連接起來的是那些粗壯的字體。

基本引言：

一般來說，引言的文字大小是正文的兩至三倍，而引言的字體，可以采用標(biāo)題的字體，也可以采用正文的字體。

（引言文字為：通過節(jié)食減輕體重只是權(quán)宜之計(jì)，99%的情況下，你都會(huì)恢復(fù)到原來的體重。）

協(xié)調(diào)一致：標(biāo)題及引言必須配合好，每一個(gè)元素都傳達(dá)不同的“聲調(diào)”。其中有趣的是這種聲調(diào)會(huì)因引言放置位置的不同及樣式的不同而改變。大多數(shù)情況下，引言的文字采用的是標(biāo)題或正文字體中的一種（但不能同時(shí)使用兩種）。標(biāo)題顏色來自于圖片。

引言成為故事的中心：

點(diǎn)擊上圖看大圖

兩個(gè)技巧：
這張圖片拍攝得非常不錯(cuò)，光線照在她的臉上，而其余部分則與黑色背景結(jié)合，非常準(zhǔn)確地傳達(dá)出孤獨(dú)、悲傷及失落的情感。圖片的兩種顏色間斷地用在引言文字的每一行中，這個(gè)引言文字沒有傳達(dá)出聲調(diào)的不同，但卻增加了情感上的共鳴。上圖中，引言放置在一大片灰色文字的中間，引言同樣顯得很“孤單”。引言的放置模仿了這張呈對稱構(gòu)圖的全出血位圖片。而且象一個(gè)靶心，讀者的眼光無法忽略這一段文字。

引言成為一個(gè)主題元素：

點(diǎn)擊上圖看大圖
（引言的文字為：我在歌曲中精心挑選了很多詞匯，因?yàn)樗鼈儗ξ襾碚f有著特別的意義。我傾注了很多情感在里面，特別是它們出來的效果不錯(cuò)的時(shí)候。）

又高又窄的引言文字?jǐn)D進(jìn)了狹窄的空間，這使到引言變成一個(gè)長的引言。緊密的行距傳達(dá)出一種緊張情緒。而其中的紅色文字是一種有趣的設(shè)計(jì)手法，它形成了第二個(gè)引言，而讀者也會(huì)首先閱讀這一行紅色文字。

引言成為圖片的一部分：

點(diǎn)擊上圖看大圖

（引言文字為：貝茜的煩惱 奶牛并不會(huì)增加大氣層中二氧化碳的總量。它們也不需要在地上到處跑而消耗原油。但它們在反芻！而據(jù)說在它們咀嚼反芻食物及打嗝的時(shí)候就會(huì)產(chǎn)生甲烷，而當(dāng)它們在農(nóng)場上排便時(shí)，還會(huì)產(chǎn)生一氧化二氮及氨氣。所以你是否在農(nóng)場上聞過這些刺鼻的味道？這并不利于全球環(huán)境。）

自成一格的故事：毫無疑問，這是一個(gè)引言，因?yàn)檫@段話是從正文里摘引出來的，但給它加上標(biāo)題、首字母下沉的版式、出處及圖片，就變成一個(gè)不折不扣的小故事，這種處理手法增強(qiáng)了所引用資料的權(quán)威性及可信性。當(dāng)引言運(yùn)用得當(dāng)時(shí)，它就可以發(fā)揮概括、加強(qiáng)訴求及增加版面吸引力的作用。如果這種設(shè)計(jì)手法形成一個(gè)系列，則讀者在閱讀整篇文章時(shí)都會(huì)賞心悅目。
下沉字母顏色來自于圖片谷倉的顏色。文字的背景采用不透明度的白色，盡量減少背景干擾。
加進(jìn)特寫的牛鼻顯得很有趣，雖然它的尺寸不是很大，而且還在一個(gè)角落里。奶牛與田園式的背景也非常契合。但也有很多不同點(diǎn)：奶牛顯得生氣勃勃，與圖片中建筑物呈現(xiàn)人造及靜態(tài)，奶牛離我們很近，而建筑物而呈遠(yuǎn)觀。這些對比都使版面顯得更加生動(dòng)及有趣。

當(dāng)引言成為“真正的引言”

（左邊引言文字為：“我對這些新生有什么建議？合理安排你的時(shí)間，而且要更有責(zé)任感。你的高中生活已經(jīng)結(jié)束了，已經(jīng)來到一個(gè)新臺(tái)階上。”――UCB 大四學(xué)生；右邊引言文字為：“當(dāng)高中畢業(yè)時(shí)父母給了我一些壓力。同時(shí)，他們還離我有900英里遠(yuǎn)，不過現(xiàn)在我還是覺得挺有趣的。”――UCB 大三學(xué)生）

引言可以放在圖片上，圖片也可以放在引言里。留意這兩個(gè)引言的同一性，文字區(qū)域大小一樣，均處于同一水平線，均與外面形成出血位。

引言成為設(shè)計(jì)元素：

點(diǎn)擊上圖看大圖

引言輔助敘述：

點(diǎn)擊上圖看大圖

現(xiàn)代風(fēng)格版式：泥濘的山路及雜亂的森林樹木都給人一種野外鄉(xiāng)村的感覺，不過在這個(gè)版面中，整個(gè)設(shè)計(jì)給人的感覺卻相當(dāng)?shù)母蓛粽麧?。圖片及兩個(gè)白色的水平空間使到觀看的眼睛一覽無遺地從左到右，沒有任何的障礙物。為了呼應(yīng)這種版面結(jié)合，引言也設(shè)計(jì)得傾向于水平狀，并且采用標(biāo)題字體，引言與下方的標(biāo)題及副標(biāo)題均對齊。正是這些設(shè)計(jì)使版面顯得干凈整齊。

在第二頁的設(shè)計(jì)中，引言都采用同一結(jié)構(gòu)：均采用標(biāo)題字體，兩種色調(diào)等，使到第二頁的引言緊密聯(lián)系在一起：

在第二頁的設(shè)計(jì)中，圖片放置在一個(gè)內(nèi)頁中，但左邊的出血位設(shè)計(jì)仍然延續(xù)第一頁的版式。

利用引言揭示意義：

點(diǎn)擊上圖看大圖

雜亂的字體，緊張的顏色及傾斜的擺放，都傳達(dá)出一種令人不安、不穩(wěn)定的氛圍。在引言中，“車禍（Traffic crashes）”采用白色，起到一種標(biāo)題的作用。黑白橙紅都是一種很“刺激”的顏色，整個(gè)版面充滿一種能量和動(dòng)態(tài)。
留意警察的車禍現(xiàn)場畫面及司機(jī)的視線強(qiáng)化了引言的視覺張力。噴濺的鮮血由上至下引導(dǎo)讀者的視線。

引言作為一種視覺工具：

點(diǎn)擊上圖看大圖

插入“障礙元素”是一種能夠使版面顯得很有生氣的技巧。一般我們在開始時(shí)以網(wǎng)格及參考線定下文字放置版式（上左）。然后將各種元素加進(jìn)去并且與這些柵格線重疊（上右）。在這些例子中，幾個(gè)圖片元素使文字形成包圍狀。而“辦公用品”風(fēng)格的引言則可以根據(jù)版面實(shí)際情況靈活變寬或變小。