【譯者的話】從正文中摘引某句話作為一個(gè)元素放置在版面中，是一種常用的設(shè)計(jì)技巧。很多人會(huì)認(rèn)為引言只是起到一個(gè)補(bǔ)白的作用，但引言絕非天生只是配角。在設(shè)計(jì)中有意識(shí)地將引言作為一個(gè)設(shè)計(jì)要素，能夠使版面產(chǎn)生有趣吸引的效果。在本文中我們將會(huì)以生動(dòng)的例子來(lái)探討在版面中如何利用引言來(lái)安排版面。
通過(guò)本文的引言設(shè)計(jì)技巧，我們可以輕易讓你的故事更加吸引讀者的眼光。
我們每個(gè)人都對(duì)引言不陌生，在雜志及報(bào)紙上，經(jīng)常可以看到在排版上使用引言。引言一般是從正文里摘取的一個(gè)簡(jiǎn)短信息，通常在字體上安排得更加突出，而放置的位置則精心考量。在一個(gè)版面中，引言并不適宜大量使用，通常在一個(gè)展開(kāi)頁(yè)中可以出現(xiàn)一至兩個(gè)引言。通過(guò)這些引言，可以起到信息的貫穿作用。
引言有很多功能。最基本的功能就是填補(bǔ)頁(yè)面的某些空間，或者在一篇很長(zhǎng)的文章中插入引言，打破版面的沉悶結(jié)構(gòu)。但引言的功能遠(yuǎn)不止這些，在版面中巧妙使用引言，可以使版面顯得更生動(dòng)。這些引言能夠引起那些匆匆瀏覽的讀者的注意力。其實(shí)引言本身就構(gòu)成豐富的信息，因?yàn)樗旧砭途哂幸环N概括、點(diǎn)明主題、揭示文章意義等作用，這些引言本身就構(gòu)成一個(gè)小故事。運(yùn)用得當(dāng)?shù)囊员旧砭褪且黄恼碌木A所在。對(duì)于設(shè)計(jì)師來(lái)說(shuō)，它也是一個(gè)非常有趣的設(shè)計(jì)元素。
這是《時(shí)代》雜志的一個(gè)版面，里面的引言就起到激活版面的作用。讀者的眼睛首先接觸到的是圖片，然后是標(biāo)題，然后去到引言，再去到副標(biāo)題，*才會(huì)閱讀里面的正文。這些非正文的元素再加上底下的圖片說(shuō)明，就已經(jīng)形成了一個(gè)故事梗概。這是一個(gè)精心安排的版面，在潛意識(shí)里引導(dǎo)著讀者的視線，而將這些視覺(jué)連接起來(lái)的是那些粗壯的字體。
基本引言：
一般來(lái)說(shuō)，引言的文字大小是正文的兩至三倍，而引言的字體，可以采用標(biāo)題的字體，也可以采用正文的字體。
（引言文字為：通過(guò)節(jié)食減輕體重只是權(quán)宜之計(jì)，99%的情況下，你都會(huì)恢復(fù)到原來(lái)的體重。）
協(xié)調(diào)一致：標(biāo)題及引言必須配合好，每一個(gè)元素都傳達(dá)不同的“聲調(diào)”。其中有趣的是這種聲調(diào)會(huì)因引言放置位置的不同及樣式的不同而改變。大多數(shù)情況下，引言的文字采用的是標(biāo)題或正文字體中的一種（但不能同時(shí)使用兩種）。標(biāo)題顏色來(lái)自于圖片。
引言成為故事的中心：
一個(gè)引言及一張照片就可以干凈利落地傳達(dá)出故事的大意，而且兩者不會(huì)互相干擾。放置中間的位置使引言更加突出，與圖片產(chǎn)生更緊密聯(lián)系。點(diǎn)擊上圖看大圖
兩個(gè)技巧：
這張圖片拍攝得非常不錯(cuò)，光線照在她的臉上，而其余部分則與黑色背景結(jié)合，非常準(zhǔn)確地傳達(dá)出孤獨(dú)、悲傷及失落的情感。圖片的兩種顏色間斷地用在引言文字的每一行中，這個(gè)引言文字沒(méi)有傳達(dá)出聲調(diào)的不同，但卻增加了情感上的共鳴。上圖中，引言放置在一大片灰色文字的中間，引言同樣顯得很“孤單”。引言的放置模仿了這張呈對(duì)稱構(gòu)圖的全出血位圖片。而且象一個(gè)靶心，讀者的眼光無(wú)法忽略這一段文字。
引言成為一個(gè)主題元素：
很多雜志期刊都有相對(duì)固定的版式，而引言則可以成為一個(gè)很靈活的因素來(lái)活躍版面。在下圖中，粗糙的字體與嚴(yán)謹(jǐn)?shù)呐虐嫘纬闪艘曈X(jué)上的對(duì)比。引言成為設(shè)計(jì)中一個(gè)重要的元素，使版面建立了貫穿整篇文章的視覺(jué)感。點(diǎn)擊上圖看大圖
（引言的文字為：我在歌曲中精心挑選了很多詞匯，因?yàn)樗鼈儗?duì)我來(lái)說(shuō)有著特別的意義。我傾注了很多情感在里面，特別是它們出來(lái)的效果不錯(cuò)的時(shí)候。）
又高又窄的引言文字?jǐn)D進(jìn)了狹窄的空間，這使到引言變成一個(gè)長(zhǎng)的引言。緊密的行距傳達(dá)出一種緊張情緒。而其中的紅色文字是一種有趣的設(shè)計(jì)手法，它形成了第二個(gè)引言，而讀者也會(huì)首先閱讀這一行紅色文字。
引言總是與其它元素發(fā)揮作用：引言成為圖片的一部分：
加上一個(gè)標(biāo)題、字母下沉、文章來(lái)源及圖片，引言就構(gòu)成一個(gè)微型故事。使到本來(lái)一段很普通的文字立即光彩照人。點(diǎn)擊上圖看大圖
（引言文字為：貝茜的煩惱 奶牛并不會(huì)增加大氣層中二氧化碳的總量。它們也不需要在地上到處跑而消耗原油。但它們?cè)诜雌c！而據(jù)說(shuō)在它們咀嚼反芻食物及打嗝的時(shí)候就會(huì)產(chǎn)生甲烷，而當(dāng)它們?cè)谵r(nóng)場(chǎng)上排便時(shí)，還會(huì)產(chǎn)生一氧化二氮及氨氣。所以你是否在農(nóng)場(chǎng)上聞過(guò)這些刺鼻的味道？這并不利于全球環(huán)境。）
自成一格的故事：毫無(wú)疑問(wèn)，這是一個(gè)引言，因?yàn)檫@段話是從正文里摘引出來(lái)的，但給它加上標(biāo)題、首字母下沉的版式、出處及圖片，就變成一個(gè)不折不扣的小故事，這種處理手法增強(qiáng)了所引用資料的權(quán)威性及可信性。當(dāng)引言運(yùn)用得當(dāng)時(shí)，它就可以發(fā)揮概括、加強(qiáng)訴求及增加版面吸引力的作用。如果這種設(shè)計(jì)手法形成一個(gè)系列，則讀者在閱讀整篇文章時(shí)都會(huì)賞心悅目。
下沉字母顏色來(lái)自于圖片谷倉(cāng)的顏色。文字的背景采用不透明度的白色，盡量減少背景干擾。
加進(jìn)特寫的牛鼻顯得很有趣，雖然它的尺寸不是很大，而且還在一個(gè)角落里。奶牛與田園式的背景也非常契合。但也有很多不同點(diǎn)：奶牛顯得生氣勃勃，與圖片中建筑物呈現(xiàn)人造及靜態(tài)，奶牛離我們很近，而建筑物而呈遠(yuǎn)觀。這些對(duì)比都使版面顯得更加生動(dòng)及有趣。
當(dāng)引言成為“真正的引言”
“真正的引言”就是直接引用某個(gè)人的說(shuō)話內(nèi)容。將引言放在某個(gè)說(shuō)話的人上面，而且他還面向這些引言，這其實(shí)就與讀者產(chǎn)生了一種對(duì)話的感覺(jué)。引用的話越激烈，其產(chǎn)生的互動(dòng)也更激烈。（左邊引言文字為：“我對(duì)這些新生有什么建議？合理安排你的時(shí)間，而且要更有責(zé)任感。你的高中生活已經(jīng)結(jié)束了，已經(jīng)來(lái)到一個(gè)新臺(tái)階上?！薄猆CB 大四學(xué)生；右邊引言文字為：“當(dāng)高中畢業(yè)時(shí)父母給了我一些壓力。同時(shí)，他們還離我有900英里遠(yuǎn)，不過(guò)現(xiàn)在我還是覺(jué)得挺有趣的?！薄猆CB 大三學(xué)生）
引言可以放在圖片上，圖片也可以放在引言里。留意這兩個(gè)引言的同一性，文字區(qū)域大小一樣，均處于同一水平線，均與外面形成出血位。
引言成為設(shè)計(jì)元素：
因?yàn)橐钥梢暂p易地移動(dòng)或形成各種形狀，或?qū)捇蚋?，或大或小，這使到引言完全可以成為設(shè)計(jì)中的一個(gè)元素，可以根據(jù)實(shí)際情況，起到填充頁(yè)面、平衡空間及增加版面動(dòng)感的作用。點(diǎn)擊上圖看大圖
引言輔助敘述：
引言可以與正文結(jié)合，來(lái)進(jìn)行一些輔助講述。在這個(gè)例子中，正文是主要的新聞報(bào)道，而引言則象是一句口號(hào)式的文字加強(qiáng)正文的講述。點(diǎn)擊上圖看大圖
現(xiàn)代風(fēng)格版式：泥濘的山路及雜亂的森林樹(shù)木都給人一種野外鄉(xiāng)村的感覺(jué)，不過(guò)在這個(gè)版面中，整個(gè)設(shè)計(jì)給人的感覺(jué)卻相當(dāng)?shù)母蓛粽麧?。圖片及兩個(gè)白色的水平空間使到觀看的眼睛一覽無(wú)遺地從左到右，沒(méi)有任何的障礙物。為了呼應(yīng)這種版面結(jié)合，引言也設(shè)計(jì)得傾向于水平狀，并且采用標(biāo)題字體，引言與下方的標(biāo)題及副標(biāo)題均對(duì)齊。正是這些設(shè)計(jì)使版面顯得干凈整齊。
在第二頁(yè)的設(shè)計(jì)中，引言都采用同一結(jié)構(gòu)：均采用標(biāo)題字體，兩種色調(diào)等，使到第二頁(yè)的引言緊密聯(lián)系在一起：
在第二頁(yè)的設(shè)計(jì)中，圖片放置在一個(gè)內(nèi)頁(yè)中，但左邊的出血位設(shè)計(jì)仍然延續(xù)*頁(yè)的版式。
利用引言揭示意義：
關(guān)于車禍的新聞報(bào)道似乎并沒(méi)有什么新意，但我們將引言采用一種“恐怖”的字體——黑色、粗糙及噴濺的鮮血——引言的設(shè)計(jì)傳達(dá)出僅靠文字不能傳達(dá)出的沖擊力。點(diǎn)擊上圖看大圖
雜亂的字體，緊張的顏色及傾斜的擺放，都傳達(dá)出一種令人不安、不穩(wěn)定的氛圍。在引言中，“車禍（Traffic crashes）”采用白色，起到一種標(biāo)題的作用。黑白橙紅都是一種很“刺激”的顏色，整個(gè)版面充滿一種能量和動(dòng)態(tài)。
留意警察的車禍現(xiàn)場(chǎng)畫面及司機(jī)的視線強(qiáng)化了引言的視覺(jué)張力。噴濺的鮮血由上至下引導(dǎo)讀者的視線。
引言作為一種視覺(jué)工具：
很多辦公用品，如瑩光筆的加亮效果、油性筆效果、即時(shí)貼紙及各種夾子都可以作為引言的裝飾手段，給人一種忙碌工作的印象。點(diǎn)擊上圖看大圖
插入“障礙元素”是一種能夠使版面顯得很有生氣的技巧。一般我們?cè)陂_(kāi)始時(shí)以網(wǎng)格及參考線定下文字放置版式（上左）。然后將各種元素加進(jìn)去并且與這些柵格線重疊（上右）。在這些例子中，幾個(gè)圖片元素使文字形成包圍狀。而“辦公用品”風(fēng)格的引言則可以根據(jù)版面實(shí)際情況靈活變寬或變小。
