【譯者的話】 簡(jiǎn)潔的設(shè)計(jì)既能傳達(dá)出現(xiàn)代感，而且設(shè)計(jì)起來(lái)也毫不費(fèi)力，何樂(lè)而不為？本文以五個(gè)實(shí)例，來(lái)探討版面設(shè)計(jì)的一些技巧，包括簡(jiǎn)潔的手冊(cè)設(shè)計(jì)、濃縮的版面設(shè)計(jì)、利用對(duì)比形成焦點(diǎn)、生動(dòng)活潑的圖表及醒目大方的封面。五種技巧拓寬你的設(shè)計(jì)視野，定會(huì)令你受益菲淺。

原文出處：www.bamagazine.com

版面：個(gè)人關(guān)系

在下次你設(shè)計(jì)手冊(cè)時(shí)，你可以嘗試 “面對(duì)面”的設(shè)計(jì)風(fēng)格！我們?cè)O(shè)計(jì)的重點(diǎn)不是什么 LOGO ，也不是公司名字的首字母縮寫，而是利用漂亮的人物形象來(lái)安排版面，這些人物都是與你的機(jī)構(gòu)有某種聯(lián)系，如下圖這個(gè)聯(lián)合校區(qū)的宣傳手冊(cè)中，人物包括顧問(wèn)、房地產(chǎn)經(jīng)紀(jì)，教師或政治人物等。其中的關(guān)鍵就是要簡(jiǎn)潔――大塊的留白空間，人物圖像尺寸夠大，而且沒(méi)有雜亂的背景，文字則要干凈低調(diào)。

簡(jiǎn)潔漂亮的封面產(chǎn)生了一種友善的氣氛，蘋果代表著“學(xué)?！?，而封面的文字大小及顏色在內(nèi)頁(yè)中重復(fù)出現(xiàn)。

這些人物如此真實(shí)，仿佛你可以跟他們握手一樣。所有人物都以正面形象出現(xiàn)。我們采用了 3 個(gè)折頁(yè)的設(shè)計(jì)，而且整個(gè)效果樸實(shí)簡(jiǎn)單，傳達(dá)了一種讓人愿意接近的效果。人物細(xì)致處理使到每個(gè)人的眼睛都處于同一水平線，但同時(shí)要注意各人的距離――如果太靠近，將會(huì)使讀者看起來(lái)非常壓抑。每一個(gè)版面都采用相同的排版方式。

版面：濃縮你的設(shè)計(jì)

設(shè)計(jì)一整頁(yè)較大的版面有時(shí)確實(shí)令人畏懼――有太多的空間需要填充！我們面對(duì)一個(gè)比較大的版面時(shí)，總是潛意識(shí)里將每個(gè)元素都放得很大，使到各個(gè)元素都將版面占滿心里才感覺舒服。但這種處理手法并不是一種設(shè)計(jì)！在這里，我們介紹一種更好更簡(jiǎn)單的解決辦法。我們要思考的不是“再大一點(diǎn)”，相反，我們要想的是“能否再小一點(diǎn)，能否再集中一點(diǎn)”。將你的設(shè)計(jì)重點(diǎn)只集中在中間那部分。這種設(shè)計(jì)手法非常簡(jiǎn)單，而且你輕易地就能創(chuàng)造出一個(gè)強(qiáng)烈的視覺焦點(diǎn)。

上述這個(gè)設(shè)計(jì)很顯眼，也很明亮，但卻不能傳達(dá)出關(guān)鍵的信息：原來(lái)的設(shè)計(jì)師只是將所有的東西都放大，直到填滿整個(gè)版面，這種處理手法看真起來(lái)有條有理――居中的設(shè)計(jì)能夠讓人輕易觀看――但缺少視覺上的變化。

在上圖中， 1 、縮窄你的區(qū)域：周圍大塊的留白空間使人更容易將注意力放在中間?，F(xiàn)在你的處理區(qū)域變小了，也使你設(shè)計(jì)起來(lái)更容易； 2 、加上文字：為了配合那個(gè)胖胖的蜥蜴，意味著我們要采用一種粗壯的字體（ Block Heavy BQ 字體），這種字體呈現(xiàn)不規(guī)則的邊緣，與蜥蜴的那些鱗角非常相似，同時(shí)也增加了中間區(qū)域的視覺份量； 3 、加進(jìn)圖片：這一步是整個(gè)設(shè)計(jì)最有趣的地方。我們先去掉原來(lái)蜥蜴圖片中那些無(wú)謂的背景，然后將它放在中間區(qū)域與留白空間的連接處。這個(gè)蜥蜴本身所呈現(xiàn)的孤線邊緣及立體感覺與上方的文字及直線區(qū)域形成強(qiáng)烈對(duì)比。

修改后的設(shè)計(jì)顯得干凈利落，空間開闊，但卻一點(diǎn)都不單調(diào)。

圖片：小圖片，大作用

打開 Abercrombie 的網(wǎng)頁(yè)（見下圖），首先印入你眼簾的是中間那張非常大的黑白照片，照片中的人物處于圖片的中間區(qū)域。但圖片下方那張小小的夾克衣服圖片卻使整個(gè)版面顯得有趣生動(dòng)：

利用顏色及白色空間制造焦點(diǎn)：整個(gè)構(gòu)圖顯得相當(dāng)有趣，不是嗎？這張小小的夾克彩色圖片在視覺上的吸引力幾乎與上方的那張黑白照片一樣強(qiáng)烈。為什么？?jī)蓚€(gè)原因： 1 、整個(gè)版面里，它是唯一帶有顏色的元素； 2 、它的周圍有著很大的白色區(qū)域。

利用對(duì)比產(chǎn)生吸引人的焦點(diǎn)：版面上兩張圖片（人物圖片和夾克圖片）無(wú)論在尺寸上還是顏色上都形成了對(duì)比。但版面中所有的直線區(qū)域同時(shí)與夾克圖片的弧線也產(chǎn)生了對(duì)比（見上圖）。留意夾克衣服的周邊不規(guī)則的輪廓使它產(chǎn)生了一種生氣及活力的氣息，使你忍不住就要將它拿起來(lái)往身上穿。非常成功的一個(gè)設(shè)計(jì)。

圖片：設(shè)計(jì)“圖片式”圖表

圖表非常實(shí)用，利用圖表，我們可以清晰知道各個(gè)數(shù)據(jù)之間的走勢(shì)和聯(lián)系，但普通的那種由行列線組成的圖表卻很難讓人記住。在下一次設(shè)計(jì)圖表時(shí)，你完全可以將它設(shè)計(jì)得更有活力，讓人過(guò)目不忘。技巧就是：在表格里的后面或旁邊加進(jìn)一些插圖。

將圖表放在圖片上：籃子里的草霉表明了圖表的主題――比僅用文字效果當(dāng)然更好，圖表上的紅點(diǎn)仍然呼應(yīng)著“草霉”這個(gè)主題。

圖表與圖片結(jié)合：拉！推！抬！利用圖表就將能平淡的數(shù)據(jù)變得更加活潑。在這個(gè)例子中，人物選擇學(xué)生表明了圖表的主題。

版面：圖片配合文字

如果你要設(shè)計(jì)一本有關(guān)現(xiàn)代室內(nèi)設(shè)計(jì)的書，你當(dāng)然希望出來(lái)的封面也有一種現(xiàn)代感。而現(xiàn)代感則意味著元素盡量最少化：簡(jiǎn)單的線條，簡(jiǎn)單的字體，不要使用太多的顏色。而其中有趣的地方還在于，你要達(dá)到這種效果其實(shí)輕而易舉。看一下我們是怎么做的：

原來(lái)的設(shè)計(jì)中，元素太多，已超出了實(shí)際需要：初看上面的設(shè)計(jì)，還挺生動(dòng)的――旁邊四張挺有吸引力的室內(nèi)設(shè)計(jì)圖片圍繞著整個(gè)版面――但這四張圖片所呈現(xiàn)的風(fēng)格完全不一樣。這些圖片所形成的直線方向（見上圖箭頭）是發(fā)散的，毫無(wú)規(guī)律。而且，這些圖片無(wú)形中還互相形成了很多奇形怪狀的空間。標(biāo)題用了一種類似手寫體的字體，與主圖所呈現(xiàn)的風(fēng)格并不搭配。原來(lái)的設(shè)計(jì)師或許花了很大的精力來(lái)設(shè)計(jì)這個(gè)版面，但老實(shí)說(shuō)，這個(gè)版面的設(shè)計(jì)方向走錯(cuò)了！

以軸線安排版面：正如我們剛才所說(shuō)，現(xiàn)代意味著簡(jiǎn)潔。當(dāng)我們?cè)诎才虐婷娴脑貢r(shí)，可不象我們?cè)谘b配家具那樣，這里加一塊板，那里加一個(gè)扣。我們要求的只是簡(jiǎn)單： 1 、整個(gè)版面中，一條水平軸線及一條垂直軸線統(tǒng)領(lǐng)著整個(gè)版面； 2 、整個(gè)版面里，沒(méi)有形成邊框或重疊； 3 、只有一張圖片，而不是五張！ 4 、只采用一種硬邊感較強(qiáng)的字體（與圖片呼應(yīng)）； 5 、文字顏色來(lái)自圖片中的顏色（形成協(xié)調(diào)效果）。而出來(lái)的效果就是：圖片與文字所傳達(dá)的信息都是一致的。

本文所采用的顏色如下：