如何利用引言設(shè)計(jì)版面

1、如何利用引言設(shè)計(jì)版面作者： HYPERLINK /hope/ShowAuthor.asp?ChannelID=1007&AuthorName=左婧 o 左婧 左婧厚樸教育（本文由設(shè)計(jì)師陳漢聰編譯）/hope/Education/ShowArticle.asp?ArticleID=4720【譯者的話】從正文中摘引某句話作為一個(gè)元素放置在版面中，是一種常用的設(shè)計(jì)技巧。很多人會(huì)認(rèn)為引言只是起到一個(gè)補(bǔ)白的作用，但引言絕非天生只是配角。在設(shè)計(jì)中有意識(shí)地將引言作為一個(gè)設(shè)計(jì)要素，能夠使版面產(chǎn)生有趣吸引的效果。在本文中我們將會(huì)以生

2、動(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)。這些引言能夠引起那些匆匆瀏覽的讀者的

3、注意力。其實(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ì)元素。 HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512125708.jpg t _blank 圖1 這是時(shí)代雜志的一個(gè)版面，里面的引言就起到激活版面的作用。讀者的眼睛首先接觸到的是圖片，然后是標(biāo)題，然后去到引言，再去到副標(biāo)題，最后才會(huì)閱讀里面的正文。這些非正文的元素再加上底下的圖

4、片說(shuō)明，就已經(jīng)形成了一個(gè)故事梗概。這是一個(gè)精心安排的版面，在潛意識(shí)里引導(dǎo)著讀者的視線，而將這些視覺(jué)連接起來(lái)的是那些粗壯的字體?；疽裕?一般來(lái)說(shuō)，引言的文字大小是正文的兩至三倍，而引言的字體，可以采用標(biāo)題的字體，也可以采用正文的字體。 HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512135045.jpg t _blank 圖2 （引言文字為：通過(guò)節(jié)食減輕體重只是權(quán)宜之計(jì)，99%的情況下，你都會(huì)恢復(fù)到原來(lái)的體重。） HYPERLINK /hop

5、e/Education/UploadFiles_5303/200906/2009060512141368.jpg t _blank 圖3 協(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)系。 HYPERLINK /hope/Educati

6、on/UploadFiles_5303/200906/2009060512145794.jpg t _blank 圖4 （引言文字為：史密斯太太是所有幸存者中損失最慘重的一個(gè)，她的整個(gè)家庭包括她的丈夫、孩子及父母都在大火中喪身。她的好友已經(jīng)幫助她度過(guò)最艱難的時(shí)候，但一年之后，她的雙手仍每天在顫抖。她說(shuō)：“他們是我的整個(gè)生命，我不知道該怎么辦?！保?HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512151768.jpg t _blank 圖5 兩個(gè)技巧： 這張圖片拍攝得非常不錯(cuò)，光線照在

7、她的臉上，而其余部分則與黑色背景結(jié)合，非常準(zhǔn)確地傳達(dá)出孤獨(dú)、悲傷及失落的情感。圖片的兩種顏色間斷地用在引言文字的每一行中，這個(gè)引言文字沒(méi)有傳達(dá)出聲調(diào)的不同，但卻增加了情感上的共鳴。上圖中，引言放置在一大片灰色文字的中間，引言同樣顯得很“孤單”。引言的放置模仿了這張呈對(duì)稱(chēng)構(gòu)圖的全出血位圖片。而且象一個(gè)靶心，讀者的眼光無(wú)法忽略這一段文字。 引言成為一個(gè)主題元素： 很多雜志期刊都有相對(duì)固定的版式，而引言則可以成為一個(gè)很靈活的因素來(lái)活躍版面。在下圖中，粗糙的字體與嚴(yán)謹(jǐn)?shù)呐虐嫘纬闪艘曈X(jué)上的對(duì)比。引言成為設(shè)計(jì)中一個(gè)重要的元素，使版面建立了貫穿整篇文章的視覺(jué)感。 HYPERLINK http:/hopest

8、/hope/Education/UploadFiles_5303/200906/2009060512155310.jpg t _blank 圖6 （引言的文字為：我在歌曲中精心挑選了很多詞匯，因?yàn)樗鼈儗?duì)我來(lái)說(shuō)有著特別的意義。我傾注了很多情感在里面，特別是它們出來(lái)的效果不錯(cuò)的時(shí)候。）引言中的引言： HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512161984.jpg t _blank 圖7 又高又窄的引言文字?jǐn)D進(jìn)了狹窄的空間，這使到引言變成一個(gè)長(zhǎng)的引言。緊密的行距傳達(dá)出

9、一種緊張情緒。而其中的紅色文字是一種有趣的設(shè)計(jì)手法，它形成了第二個(gè)引言，而讀者也會(huì)首先閱讀這一行紅色文字。 引言總是與其它元素發(fā)揮作用： HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512170033.jpg t _blank 圖8 引言成為圖片的一部分： 加上一個(gè)標(biāo)題、字母下沉、文章來(lái)源及圖片，引言就構(gòu)成一個(gè)微型故事。使到本來(lái)一段很普通的文字立即光彩照人。 HYPERLINK /hope/Education/UploadFiles_5303/2

10、00906/2009060512172904.jpg t _blank 圖9 （引言文字為：貝茜的煩惱 奶牛并不會(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)訴求及增加版面吸

11、引力的作用。如果這種設(shè)計(jì)手法形成一個(gè)系列，則讀者在閱讀整篇文章時(shí)都會(huì)賞心悅目。 下沉字母顏色來(lái)自于圖片谷倉(cāng)的顏色。文字的背景采用不透明度的白色，盡量減少背景干擾。 加進(jìn)特寫(xiě)的牛鼻顯得很有趣，雖然它的尺寸不是很大，而且還在一個(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)也更激烈。 H

12、YPERLINK /hope/Education/UploadFiles_5303/200906/2009060512184918.jpg t _blank 圖10 （左邊引言文字為：“我對(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é)生） HYPERLINK /hope/Education/UploadFiles_

13、5303/200906/2009060512191174.jpg t _blank 圖11 引言可以放在圖片上，圖片也可以放在引言里。留意這兩個(gè)引言的同一性，文字區(qū)域大小一樣，均處于同一水平線，均與外面形成出血位。 HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512193882.jpg t _blank 圖12 引言成為設(shè)計(jì)元素： 因?yàn)橐钥梢暂p易地移動(dòng)或形成各種形狀，或?qū)捇蚋?，或大或小，這使到引言完全可以成為設(shè)計(jì)中的一個(gè)元素，可以根據(jù)實(shí)際情況，起到填充頁(yè)面、平衡空間及增加版面動(dòng)感的作

14、用。 HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512200980.jpg t _blank 圖13 HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512202935.jpg t _blank 圖14 HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512204415.jp

15、g t _blank 圖15 HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512205256.jpg t _blank 圖16 引言輔助敘述： 引言可以與正文結(jié)合，來(lái)進(jìn)行一些輔助講述。在這個(gè)例子中，正文是主要的新聞報(bào)道，而引言則象是一句口號(hào)式的文字加強(qiáng)正文的講述。 HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512211678.jpg t _blank 圖17 （引言文字為：我

16、們不能改變昨天所受到的傷害，但我們可以讓明天發(fā)生巨大改變） HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512213537.jpg t _blank 圖18現(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ì)使版面顯得干凈整齊。 HYP

17、ERLINK /hope/Education/UploadFiles_5303/200906/2009060512220130.jpg t _blank 圖19在第二頁(yè)的設(shè)計(jì)中，引言都采用同一結(jié)構(gòu)：均采用標(biāo)題字體，兩種色調(diào)等，使到第二頁(yè)的引言緊密聯(lián)系在一起： HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512221838.jpg t _blank 圖20在第二頁(yè)的設(shè)計(jì)中，圖片放置在一個(gè)內(nèi)頁(yè)中，但左邊的出血位設(shè)計(jì)仍然延續(xù)第一頁(yè)的版式。 HYPERL

18、INK /hope/Education/UploadFiles_5303/200906/2009060512225621.jpg t _blank 圖21 利用引言揭示意義： 關(guān)于車(chē)禍的新聞報(bào)道似乎并沒(méi)有什么新意，但我們將引言采用一種“恐怖”的字體黑色、粗糙及噴濺的鮮血引言的設(shè)計(jì)傳達(dá)出僅靠文字不能傳達(dá)出的沖擊力。 HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060512233422.jpg t _blank 圖22 （引言的文字為：“車(chē)禍?zhǔn)窃斐赡昵嗳怂劳龅牡谝辉?，?jù)統(tǒng)計(jì)，在美國(guó)死亡的年青人中大約有44%是因?yàn)檐?chē)禍喪身的?！保?HYPERLINK /hope/Education/UploadFiles_5303/200906/2009060