【譯者的話】設(shè)計(jì)師總會說設(shè)計(jì)是一件很累人的事，但這部分原因可能是你自找的。時間與設(shè)計(jì)出來的效果也并不一定成正比。平面設(shè)計(jì)師或許應(yīng)該培養(yǎng)一種“懶人”設(shè)計(jì)思維，面對一個設(shè)計(jì)時，心里應(yīng)該想著的只是如何以最簡單的方式完成，出來的效果可能也會更出色，畢竟，簡潔的設(shè)計(jì)往往也是最好的設(shè)計(jì)。

原文出處：www.bamagazine.com

大多數(shù)的設(shè)計(jì)都會同時涉及到文字與圖片，這兩者的差異是非常大的，也很難事先預(yù)料到兩者一起使用時的互相影響，圖片與文字如何搭配得漂亮，往往也是設(shè)計(jì)師的一個很大的挑戰(zhàn)，一不留神，就會造成風(fēng)格矛盾、細(xì)節(jié)沖突，對比錯誤。而且就算有一次給你做得不錯，但下一次你面對另一個新項(xiàng)目時，你還是會為此而抓狂。

一些設(shè)計(jì)師在設(shè)計(jì)時往往會出現(xiàn)“設(shè)計(jì)過度”的現(xiàn)象。更好的方式就是象一個懶人的思維一樣，圖片放在這里，文字放在那里，搞定！關(guān)鍵是讓每一個元素都簡單清晰，讓兩者的互相影響減至最低，而且這種設(shè)計(jì)手法還可以讓你一再使用，永不過時。讓我們看具體的例子吧：

這是一家室內(nèi)家居專業(yè)攝影工作室的冊子封面，修改前的設(shè)計(jì)是一種“吃力”的設(shè)計(jì)。 設(shè)計(jì)師選擇了毫不相關(guān)的字體及顏色，然后又加上背景及線條，希望使其成為一個有機(jī)的整體。其實(shí)，設(shè)計(jì)沒必要搞得這么復(fù)雜！

修改后的設(shè)計(jì)，文字內(nèi)容并沒有改變，但整個版面分成兩個區(qū)域，圖片及文字各占據(jù)一個，出來的效果就是漂亮、干凈、整潔，所用的時間精力也不多，而且這種構(gòu)圖及手法也可以一用再用！

讓我們深入分析這兩者的設(shè)計(jì)過程。

幾經(jīng)辛苦，這個設(shè)計(jì)完成了。每一步似乎都有理有據(jù)，設(shè)計(jì)師也將協(xié)調(diào)、對比、風(fēng)格一致這些理論緊記于心，但老實(shí)說，出來的效果并不理想，從視覺上說也不吸引。為什么？因?yàn)樵O(shè)計(jì)師是事先想好了某種風(fēng)格，然后強(qiáng)加在版面上，但偏偏主題元素又與這種設(shè)想的風(fēng)格不一致，強(qiáng)加未遂。

在這個設(shè)計(jì)中，設(shè)計(jì)師主要采用了Round Bauhaus Demi字體，這種字體是一種有趣新奇的字體――處處呈現(xiàn)一種圓弧的感覺。然而，為了展現(xiàn)這種字體圓形的特點(diǎn)，我們需要將字體顯得比較大，字母間距緊密，并且是要小寫字母（上圖），但問題是，設(shè)計(jì)師在設(shè)定介紹文字時，將其全部設(shè)為大寫――這個時候，字體的直線感壓抑了圓弧感，而且下面的文字尺寸又很小，其文字塊邊緣呈現(xiàn)向兩邊發(fā)散的直線視覺感（見上圖箭頭線段），這樣的文字排版削弱了字體特有的風(fēng)格，圓弧不見了，我們感覺到的只是凌亂的字體元素。

設(shè)計(jì)師深明在風(fēng)格中細(xì)節(jié)必須呼應(yīng)的重要性，所以他將一些地方設(shè)為圓角來呼應(yīng)字體的特點(diǎn)（上圖）。問題是，它還是不夠圓，出來的效果仍然是直線占支配地位。特別是上圖右所示的，我們可以觀察到，這里顯得非常局促，讀者在觀看時，看得的并不是一個整體，而是還得仔細(xì)區(qū)別你這細(xì)小的區(qū)域――竟然有4個“步驟”讓讀者去練眼力！毫無必要的設(shè)計(jì)。

分析完這個設(shè)計(jì)，讓我們看一下“懶人”是如何設(shè)計(jì)這個項(xiàng)目的。

“懶人”的設(shè)計(jì)：

修改后的設(shè)計(jì)，圖片異常搶眼，元素與版面風(fēng)格配合，名稱的文字同樣醒目張揚(yáng)，出來的效果漂亮清晰，為什么這種簡簡單單的設(shè)計(jì)手法卻更能發(fā)揮作用？

通過大小及色值來區(qū)分：

精心設(shè)計(jì)的文字包含了四個視覺引導(dǎo)。從位置來說，呈現(xiàn)由上至下的引導(dǎo)；從字體尺寸來說，是由大至小的引導(dǎo)；從字體樣式來說，是由粗至細(xì)的引導(dǎo)；從顏色明暗來說，是由暗到亮的引導(dǎo)。這種特點(diǎn)在這個設(shè)計(jì)中發(fā)揮重要的作用，你的眼睛很自然的由一個元素去到下一個元素，毫無阻礙。

介紹文字采用全大寫，字母間距及行距都設(shè)得非常緊密（小寫字母很難呈現(xiàn)這種緊縮的排列），形成了很短的文字行。文字整體呈現(xiàn)一種精細(xì)、垂直的視覺特點(diǎn)。文字放在左邊，使右邊留出較大的白色區(qū)域，這個區(qū)域呈現(xiàn)視覺張力，讓人的眼睛不由自主地移到文字上來。

變化：

“懶人”就算面對一個系列的設(shè)計(jì)，也是氣定神閑，以不變應(yīng)萬變，談笑間就能出色完成任務(wù)！

無論上下左右，怎么放都讓人滿意。因?yàn)閳D片及元素都自成一體，互不干擾，文字放在上面， 效果與放在下面一樣出色。水平放置，同樣顯得優(yōu)雅精美。其實(shí)這是顏色的功勞，不同的圖片要用不同的顏色，文字顏色取自于圖片中，這樣文字與圖片既分離，但又有聯(lián)系，整體總是顯得和諧一致。當(dāng)然，還要記住視覺引導(dǎo)：名稱要重點(diǎn)強(qiáng)調(diào)，而其它的字體則低調(diào)處理。

• 仍然保留簡潔的構(gòu)圖，版面仍然是圖片及文字各就各位；
• 我們采用原來的字體，但正如我們在上面所分析的，我們會采用小寫字母（就算是第一個字母也是小寫），并且采用細(xì)體，這樣的修整，能使包豪斯的字體風(fēng)格得到最大程度的體現(xiàn)，文字呈現(xiàn)更豐富的特色。
• 保留字體引導(dǎo)的特性：仍然采用上至下，大至小，暗到亮。在這個設(shè)計(jì)中，字母不需要粗細(xì)變化。

• 保留對齊特性：包豪斯這種字體結(jié)構(gòu)決定了你很難將它們的字母緊縮排列，所以也意味著我們很難象上面一樣，將文字整體設(shè)置成一個具有強(qiáng)烈視覺效果的列狀區(qū)域。我們需要隨機(jī)應(yīng)變：調(diào)整成右對齊，將名稱的尺寸盡量拉大，然后將字母“g“突出右邊的空白區(qū)域，起到強(qiáng)調(diào)的作用。作用是讓文字整體搭配得更密切（想象一下，如果g不突出來，名稱與下方的文字會顯得很松散），當(dāng)然，也使版面更活。
• 加深綠色：加深綠色的作用是減少與紅色形成過于強(qiáng)烈的對比，現(xiàn)在紅色及綠色的“份量”大概平等，起到恰當(dāng)?shù)幕パa(bǔ)關(guān)系，而沒有出現(xiàn)誰要控制誰的現(xiàn)象。

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

【譯者的話】在以前的很多篇文章中，我們都講述了如何通過顏色、字體及版式的重復(fù)應(yīng)用來形成視覺的一致性及連貫性，而在本文中，我們從《Automobile》雜志中會學(xué)到另一種排版方式來產(chǎn)生版面的連貫性：模仿一個觀眾走進(jìn)產(chǎn)品陳列室的現(xiàn)場視覺來展現(xiàn)。

原文出處：www.bamagazine.com

《名車》雜志通過巧妙的排版將10架車連續(xù)貫穿在18頁的雜志中。

雜志其中一個最大的特點(diǎn)是其具有順序的特點(diǎn)，呈現(xiàn)一種線性的連貫：首先是這個，然后去到下一個，再去到下一個。這種特點(diǎn)符合我們的閱讀天性，也使我們能夠更好地明白相關(guān)的信息。但如果你要讓所有的東西能夠一次性展示，你如何做到？比如，我們有10輛汽車要展示。一般情況下，我們看到的，都是支離破碎的信息，每一頁展示其中一個，這樣連續(xù)性的視覺效果就會被破壞。在2008年1月出版的《名車雜志》 “全明星”（All Stars）專題中，它們采用了一種聰明的辦法來進(jìn)行排版。在排版中，每一個展開頁都展現(xiàn)一輛汽車，但同時又能遠(yuǎn)距離觀察到前一輛車。這種效果就象我們走進(jìn)一個汽車的陳列室，我們一邊走，一邊打量起某一輛車，但我們?nèi)匀豢梢钥吹脚赃叺能嚒Ｗ屛覀兎_雜志瞧瞧：

保持連貫：每一輛要介紹的靚車都放置在展開頁充分展示，但旁邊局部呈現(xiàn)的另一輛車去引誘你繼續(xù)看下去。而且每一個版面的排版風(fēng)格都是重復(fù)的，強(qiáng)化了視覺上的一致性。

模仿現(xiàn)場體驗(yàn)：

汽車在版面中的安排就像你一個人走進(jìn)了汽車陳列室一樣――從不同的角度，不同的距離并且不同的高度來觀察你周圍的情景。這種流動式排版的優(yōu)點(diǎn)是使版面呈現(xiàn)一種動態(tài)感及近距離觀察感（因?yàn)橛衅渌囎鳛閰⒄瘴铮?

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

不斷引導(dǎo)：為了模仿真實(shí)的現(xiàn)場感，沒有一個展開頁中的汽車是完全相似擺放的，出來的效果就是引導(dǎo)你不斷繼續(xù)看下去。我們截取幾個展開頁放在一起你就能夠完全看得明白。上述的汽車既是這一頁的主角，但同時又是下一頁的配角。非常有趣的排版，完全值得將它記在筆記本上慢慢學(xué)習(xí)。

低調(diào)的文字：

文字塊非常緊湊，只集中在一個小區(qū)域里，兩個作用：一，騰出足夠大的空間給汽車擺放，二，確保汽車能夠引起觀眾的注意。人家走進(jìn)來就是要來看車的，不要喧賓奪主！同時，每一個文字塊都具有不同的“聲調(diào)”。

文字構(gòu)成的標(biāo)題：當(dāng)字體足夠大時，我們更多會注意到的是它的字母結(jié)構(gòu)，這種結(jié)構(gòu)其實(shí)呈現(xiàn)了一種藝術(shù)特征。在這里，我們用兩英寸的大字字母構(gòu)成一種藝術(shù)感極強(qiáng)的視覺氛圍?；【€與襯線的配合呈現(xiàn)出一種圖案效果。間距非常緊密的說明文字和紅色數(shù)字8與A和S交織設(shè)計(jì)構(gòu)成了這個專題的起跑線。

上圖中，上面的兩個圓圈所指的文字區(qū)域產(chǎn)生四種聲調(diào)：襯線字體以非常窄的列排版，由于距離較窄，中間加了一條垂直線分開；文字沒有采用連字符，放不進(jìn)的詞組會另起一行，這一點(diǎn)同樣有點(diǎn)特別，由于文字欄離右邊距比較近，采用零連字符的效果使到邊緣參差不齊，個別行甚至離右邊距很遠(yuǎn)，減少了這里的壓抑感。在這里，列中的小標(biāo)題與前面大標(biāo)題中的說明文字字體一樣，形成了主題的連貫感。作者名字放在最后作為一段介紹的結(jié)束?；疑木匦螇K與上方兩欄的寬度一樣，強(qiáng)化了文字欄的整體感。文字欄左上方（見上圖下方的示意圖）背景則采用了白色。

下方的這個白色背景區(qū)域里的文字則形成兩種聲調(diào)：當(dāng)字體、字體大小及樣式改變時，字體就會產(chǎn)生不同的聲音。在這里，上方汽車的型號采用襯線體，而下方短標(biāo)題則采用非襯線體。均為右對齊。

重復(fù)的元素強(qiáng)化了連貫性：

文字塊在每一頁都重復(fù)應(yīng)用，使到雜志中的文字信息不斷延續(xù)下去。那個藝術(shù)化的“08 ALL STARS”標(biāo)題是這個專題中一個重要的標(biāo)識：

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

“08 ALL STARS”在每一個展開頁中都放置在左上角，它是主要的“視覺識別標(biāo)志”，讀者可以馬上知道這是同一篇文章的內(nèi)容。萬一因?yàn)榕虐娴脑?，如果文章被打斷，有部分?nèi)容要放在雜志的后面，這個識別標(biāo)志更應(yīng)該如影跟隨。

每一文字欄的寬度都大致相同，如果兩欄放不下，就三欄，但不要改變每一列文字欄的寬度來遷就文字的數(shù)量。上面所談到的這些字體間距、顏色、欄寬及灰色背景塊都會在每一頁里重復(fù)出現(xiàn)，正是這些重復(fù)的元素在不斷強(qiáng)化版面的連貫性。

當(dāng)然，聰明的你已經(jīng)在想：不僅僅雜志才可以采用這種排版方式！

《Automobile》雜志網(wǎng)址：www.automobilemag.com