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

原文出處：www.bamagazine.com

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

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

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

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

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

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

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

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

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

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

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

通過(guò)大小及色值來(lái)區(qū)分：

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

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

變化：

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

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

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

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

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

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

原文出處：www.bamagazine.com

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

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

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

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

汽車(chē)在版面中的安排就像你一個(gè)人走進(jìn)了汽車(chē)陳列室一樣――從不同的角度，不同的距離并且不同的高度來(lái)觀察你周?chē)那榫啊＿@種流動(dòng)式排版的優(yōu)點(diǎn)是使版面呈現(xiàn)一種動(dòng)態(tài)感及近距離觀察感（因?yàn)橛衅渌?chē)作為參照物）。

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

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

低調(diào)的文字：

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

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

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

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

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

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

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

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

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

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

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