【譯者的話】我們經(jīng)常說“不要被自己的眼睛所欺騙”，其實(shí)并不是眼睛欺騙了我們，而是我們未能認(rèn)真觀察而已。在本文中，讓我們忘掉那些一本正經(jīng)的標(biāo)尺、網(wǎng)格線及各種嚴(yán)謹(jǐn)?shù)膶?duì)齊方式，僅憑自己的眼睛及直覺來完成一次自由式的設(shè)計(jì)。學(xué)會(huì)觀察，是設(shè)計(jì)師必須掌握的一項(xiàng)基本技能。

原文出處：www.bamagazine.com

去掉一切束縛，順著你的直覺去設(shè)計(jì)

圖中是一個(gè)人在澆灌地球，對(duì)讀者來說，它是線條，紋理和有趣的形狀的集合，去掉橫平豎直的網(wǎng)格，下面我們看看如何跟著你的直覺去設(shè)計(jì)。

看過街頭藝術(shù)家畫畫嗎，非常有意思，這涂涂，那弄弄，一張白紙上，一幅畫就出來了。他們沒有用到任何輔助的機(jī)械的東西，沒有標(biāo)尺，沒有刻度，但是出來的效果卻非常漂亮，很流暢；一個(gè)最好的設(shè)計(jì)也應(yīng)該是這樣。

我們也來設(shè)計(jì)一個(gè)頁面，不是參照網(wǎng)格有標(biāo)尺，而是參照上面這幅圖來設(shè)計(jì)，它的線條，顏色，形狀，比例，和元素之間的關(guān)系決定了我們?cè)O(shè)計(jì)中的顏色，字體，大小和板式。

先試試你能從從圖里看出什么，能回答這些問題嗎:

地球和人物是一樣高的嗎?
花盆和人物是一樣寬的嗎?
樹是花盆的幾倍寬?
圖中還有什么東西和花盆一樣寬?

進(jìn)行一次視覺大檢閱：

每幅圖形都有線條，形狀，紋理，和顏色這些元素組成，它們也引導(dǎo)我們的設(shè)計(jì)，第一步是要理清楚，到底有那些主要的元素，先從比較大的開始…

發(fā)現(xiàn)焦點(diǎn)

一幅好的圖形都有一個(gè)焦點(diǎn)，這次例子有兩個(gè)，一個(gè)是直觀的，另一個(gè)是潛在的。

直觀的焦點(diǎn)一般是圖中最大的，最清晰，最生動(dòng)的物體，比如這幅圖中的地球。

圖中三個(gè)主要部分――地球，花盆，人物――構(gòu)成了一個(gè)三角形，三角形的中心也是個(gè)視覺上的焦點(diǎn)，就是美元符號(hào)的部分。

你是否留意到這個(gè)潛在的焦點(diǎn)同時(shí)也是虛線構(gòu)成的空間三角形的中心，這也使?jié)撛诘慕裹c(diǎn)再次得到了強(qiáng)化。

物體和空間

這幅圖里的各個(gè)物體元素和空間都是不斷在重復(fù)出現(xiàn)……

親密關(guān)系

藝術(shù)上的視關(guān)系有時(shí)比標(biāo)尺來得更準(zhǔn)確，如果兩個(gè)物體看起來具有某種關(guān)系，那意味著事實(shí)上也是如此，用你的眼睛去測量，而不是用尺子：

網(wǎng)格

這幅圖的各個(gè)元素形成了一個(gè)網(wǎng)格狀：

當(dāng)你在觀察大元素的同時(shí)，同樣不能忽略那些小元素。要特別留意邊緣及對(duì)比。具體到這張圖中，有一些邊緣是非常清晰的，如人物的頭部及腿部。而南美部分則是通過顏色對(duì)比從而引起我們的注意力的。陰影部分則明顯給人一種重量感。作為一名設(shè)計(jì)師，當(dāng)我們?cè)谟^察一幅圖畫時(shí)，可以花一些時(shí)間去學(xué)習(xí)如何觀察。這種觀察的過程其實(shí)就是一種眼睛訓(xùn)練的過程，很快的，你會(huì)發(fā)現(xiàn)，自己總會(huì)比別人看得更多更深。

形狀和紋理

留意這些形成角度的形狀。這些呈轉(zhuǎn)角位的線條形成了一種視覺的流動(dòng)感。

這些呈現(xiàn)角度的元素，無論是遠(yuǎn)看還是近觀都能發(fā)現(xiàn)它們的蹤影！

這些呈角度的形狀在圖案中形成了一種重復(fù)的紋理。留意圖中無處不在的角度元素。

選擇顏色

下面為這幅圖配一個(gè)背景色，可以從圖中選取合適的顏色。顏色在設(shè)計(jì)中占有很重要的地位，最方便也是最合適的顏色就在圖形本身，首先將圖形的分辨率降低，這個(gè)可以用photoshop中的馬賽克（Mosaic）濾鏡實(shí)現(xiàn)，一般有64色就可以，32色或是16色就更好了，降低分辨率，顏色就少了，增加分辨率，顏色就更豐富了。

顏色歸類

用吸管工具從上述處理過的圖片進(jìn)行取色，將所取得的色塊通過色相及色值來歸類。

可以看到，從圖中取的顏色主要是地球的藍(lán)色和綠色，花盆的褐色還有人物的灰色，同時(shí)取出不同深淺程度的顏色，然后按照色相和色值排布，來挑選合適的背景色。這樣做雖然要花點(diǎn)時(shí)間，但還是很值得的，對(duì)準(zhǔn)確的選取顏色有很大的幫助，同時(shí)再選取一些占面積比較少的顏色，比如黃色和蘭紫色，用來形成對(duì)比的效果。

把每種顏色都試試

每種顏色都可以試一試，看上去每個(gè)顏色都比較協(xié)調(diào)啊，為什么，呵呵，這些顏色本來就是圖形里的嘛!

暖色比較含蓄，自然，熱情，適合環(huán)保的主題，注意在褐色的對(duì)比下地球更現(xiàn)突出了。

相反冷色更直接，冷靜，有點(diǎn)距離感，如果用冷色背景，地球本身就不太明顯了，地球里面的橙色大陸反而突出出來。

選擇字體

接下來我們需要選擇一種和圖形協(xié)調(diào)一致的字體。文字某種意義上也是圖形。選擇字體有很多種方法，你手頭上可能有很多字體，不需要怎么權(quán)衡，可能你腦子里已經(jīng)有了某種概念，比如應(yīng)該是正式的，商業(yè)的，或是學(xué)術(shù)的；也可能你有自己最喜歡的字體，每次應(yīng)用效果都不錯(cuò)。不管那種情況，一定要記住，文字同時(shí)也是一種圖案，文字的線條有直有彎，有鋸齒狀的或是顆粒狀的，當(dāng)你在設(shè)計(jì)中加入文字的時(shí)候，它們會(huì)和原有的元素產(chǎn)生交互影響，可能是好的效果也可能變得更壞。在這個(gè)例子里，現(xiàn)有的圖形的特性決定了文字的選擇，要選取一種和圖形相似的文字，當(dāng)然還要考慮文字本身的功能，比如要漂亮，易讀而且要適合復(fù)印?，F(xiàn)在的圖形是什么樣的呢？它有很豐富的紋理，很多細(xì)節(jié)，還有樹葉的圖案是斑駁的，和襯線字體有幾分相似，讓我們看看三個(gè)不同類型字體效果怎么樣。

要從三個(gè)距離看一下文字，近、中、遠(yuǎn)都試試，你會(huì)有不同的發(fā)現(xiàn)。

Glypha字體充滿戶外氣息

Glypha的字母都有一個(gè)呈正規(guī)感的漂亮襯線。其字體風(fēng)格整潔干凈。呈現(xiàn)一種硬邊感及重復(fù)構(gòu)成的結(jié)構(gòu)。這種字體無論是用于標(biāo)題還是正文效果一樣出色。而且它顯得粗壯醒目，襯線邊緣也給人一種自然及戶外的粗獷氣息，與我們所要設(shè)計(jì)的環(huán)保主題非常接近。Glypha字體同樣容易閱讀。但這種字體有什么問題？只有一個(gè)：它與我們的圖形看起來完全不同。

把文字倒過來看一下效果，是個(gè)比較保險(xiǎn)的方法，一倒過來，文字就顯示出了斑斑點(diǎn)點(diǎn)的有趣效果，正常情況下可看不到。

Myriad字體結(jié)構(gòu)非常清晰：

如果你使用文字的目的就是為了讓人看得更清晰，那可能沒有哪一種字體比Myriad字體更勝任了。這種字體非常適合用于標(biāo)題及簡短的文字中。Myriad字體結(jié)構(gòu)開闊，其形狀沒有任何多余的細(xì)節(jié)，只保留字母本身的基本特點(diǎn)，就算在分辨率不高的情況下仍然能夠讓人容易閱讀。Myriad字體字體呈現(xiàn)一種輕巧、清新及干凈的外表，同樣適合我們以大自然為主題的設(shè)計(jì)，但它所存在的問題仍然是：與我們現(xiàn)有的圖片看起來沒有什么相似之處。

在對(duì)比線條和邊緣形狀的同時(shí)還要注意紋理，比如圖中的葉子就是不規(guī)則的一片片的，顏色是斑駁的。

Galliard Roman字體充滿豐富的紋理感

Galliard屬于一種羅馬字體，其細(xì)節(jié)處呈現(xiàn)一種鑿刻感，并有尖銳的角度感及略帶些浮夸的襯線設(shè)計(jì)。其粗細(xì)分明的字母線條使到Galliard字體非常容易閱讀，雖然其過多的細(xì)節(jié)處理有時(shí)讓人感到有點(diǎn)厭倦。字母比例適中，其字體家族具有多種粗細(xì)的線條，另外，這種字體看起來象樹葉！正是我們的最終選擇。

版式
板式是指這些線條、形狀、空間、色彩、紋理的組織形式，我們用上面這幅畫設(shè)計(jì)一個(gè)標(biāo)準(zhǔn)的小冊(cè)子，看看板式是如何設(shè)計(jì)的。

首先考慮的是圖形，到底應(yīng)該把它放在哪兒，占多大的地方，這里關(guān)鍵是考慮視覺聯(lián)系。圖中的地球和花盆有很強(qiáng)的對(duì)稱關(guān)系，所以放在頁面正中央是最合適的，頁面中心是最能強(qiáng)化它們關(guān)系的位置。

記住，我們說得是視覺上的中心，不是用標(biāo)尺量出來的中心點(diǎn)，讓圖形視覺上的邊緣在頁面的邊白處。

我們便于觀察，我們不會(huì)顯示上述折疊線。

設(shè)定題目

設(shè)計(jì)準(zhǔn)則之一就是要好好利用手頭上的東西，而不是隨意把很多不相關(guān)的東西堆砌在一起?，F(xiàn)在我們可以從地球的圖案里提取一些元素來修飾題目。

選定文字的大小，顏色和紋理

在圖形上方簡單設(shè)置一行題目很簡單，不過這看起來比較平淡，和圖形不太協(xié)調(diào)。相反，如果我們用比較粗的字體，把文字重疊起來，再配合地球上選取的顏色，這樣就建立了某種視覺上的聯(lián)系。如果把文字放在地球旁邊，這種聯(lián)系就更強(qiáng)了。

添加圖片和文字

但你在頁面添加更多的東西時(shí)，同時(shí)也增加了頁面的復(fù)雜度，更難保持視覺上的統(tǒng)一，需要仔細(xì)權(quán)衡添加的位置，在邊上，在空白處，或是在其他元素之間，效果都是不一樣的。

規(guī)整的空間，自然的設(shè)計(jì)

設(shè)計(jì)的一個(gè)矛盾在于自然界的東西都是不規(guī)則的，但是文字和頁面都是四方規(guī)整的。有時(shí)候太規(guī)矩了反而不是我們想要的效果，當(dāng)然想把頁面設(shè)計(jì)的不那么規(guī)矩又不影響閱讀是挺難的。不過辦法總是有的，在這個(gè)例子里圖形和文字都沒有硬性對(duì)齊，文字是順著圖形的邊緣變化來換行的，注意在各個(gè)元素之間不要留下太顯眼的空白。

左邊的文字段落，兩邊并沒有對(duì)齊，交錯(cuò)的邊緣很自然。演講者的名字用加粗的字體，顏色也是從地球的顏色中挑選出來的，很醒目，同時(shí)整個(gè)段落有了圖畫的紋理，可以說兼顧了形式和功能。

沿頁面對(duì)齊

頁面本身也是設(shè)計(jì)中的一個(gè)可以應(yīng)用的元素，這里將主要的說明文字和細(xì)節(jié)圖案靠右對(duì)齊，可以很自然的建立了一個(gè)視覺上的聯(lián)系。

花盆的尺寸

如果你花些時(shí)間來好好觀察一下畫面，你就會(huì)發(fā)現(xiàn)更多原來沒有注意的東西，比如，花盆的尺寸在圖形里就像個(gè)模數(shù)，正好是不同元素之間空白的尺寸，比如花盆和地球之間的空白，文字和頁面邊緣之間的空白等等。這樣頁面初看上去排布的比較隨意，但的確非常和諧統(tǒng)一。還有就是右上角的文字段落的邊緣和題目文字的邊緣形狀是相同的，對(duì)稱的排布在地球兩邊，很符合人們的直覺。

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

逐漸減小尺寸

最后，文字右對(duì)齊，而且逐漸縮小，在頁面的右下方結(jié)束，同時(shí)也有很多細(xì)節(jié)的圖案，而且文字塊的左邊緣也是順著圖形變化的，整體非常和諧。

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