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

原文出處：www.bamagazine.com

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

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

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

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

讓我們深入分析這兩者的設計過程。

幾經辛苦，這個設計完成了。每一步似乎都有理有據，設計師也將協調、對比、風格一致這些理論緊記于心，但老實說，出來的效果并不理想，從視覺上說也不吸引。為什么？因為設計師是事先想好了某種風格，然后強加在版面上，但偏偏主題元素又與這種設想的風格不一致，強加未遂。

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

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

分析完這個設計，讓我們看一下“懶人”是如何設計這個項目的。

“懶人”的設計：

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

通過大小及色值來區分：

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

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

變化：

“懶人”就算面對一個系列的設計，也是氣定神閑，以不變應萬變，談笑間就能出色完成任務！

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

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

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

本文所用顏色數值如下：

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

原文出處：www.bamagazine.com

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

雜志其中一個最大的特點是其具有順序的特點，呈現一種線性的連貫：首先是這個，然后去到下一個，再去到下一個。這種特點符合我們的閱讀天性，也使我們能夠更好地明白相關的信息。但如果你要讓所有的東西能夠一次性展示，你如何做到？比如，我們有10輛汽車要展示。一般情況下，我們看到的，都是支離破碎的信息，每一頁展示其中一個，這樣連續性的視覺效果就會被破壞。在2008年1月出版的《名車雜志》 “全明星”（All Stars）專題中，它們采用了一種聰明的辦法來進行排版。在排版中，每一個展開頁都展現一輛汽車，但同時又能遠距離觀察到前一輛車。這種效果就象我們走進一個汽車的陳列室，我們一邊走，一邊打量起某一輛車，但我們仍然可以看到旁邊的車。讓我們翻開雜志瞧瞧：

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

模仿現場體驗：

汽車在版面中的安排就像你一個人走進了汽車陳列室一樣――從不同的角度，不同的距離并且不同的高度來觀察你周圍的情景。這種流動式排版的優點是使版面呈現一種動態感及近距離觀察感（因為有其它汽車作為參照物）。

（點擊上圖看大圖）

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

低調的文字：

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

文字構成的標題：當字體足夠大時，我們更多會注意到的是它的字母結構，這種結構其實呈現了一種藝術特征。在這里，我們用兩英寸的大字字母構成一種藝術感極強的視覺氛圍。弧線與襯線的配合呈現出一種圖案效果。間距非常緊密的說明文字和紅色數字8與A和S交織設計構成了這個專題的起跑線。

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

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

重復的元素強化了連貫性：

文字塊在每一頁都重復應用，使到雜志中的文字信息不斷延續下去。那個藝術化的“08 ALL STARS”標題是這個專題中一個重要的標識：

（點擊上圖看大圖）

“08 ALL STARS”在每一個展開頁中都放置在左上角，它是主要的“視覺識別標志”，讀者可以馬上知道這是同一篇文章的內容。萬一因為排版的原因，如果文章被打斷，有部分內容要放在雜志的后面，這個識別標志更應該如影跟隨。

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

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

《Automobile》雜志網址：www.automobilemag.com