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

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

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

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

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

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

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

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

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

一幅好的圖形都有一個焦點，這次例子有兩個，一個是直觀的，另一個是潛在的。
 

直觀的焦點一般是圖中最大的，最清晰，最生動的物體，比如這幅圖中的地球。
 

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

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

物體和空間

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

親密關(guān)系

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

網(wǎng)格

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

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

形狀和紋理

一定要注意線條的特點，比如是直的還是彎的，是緊密還是稀疏，還有線條走向等等要素。
 

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

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

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

選擇顏色

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

顏色歸類

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

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

把每種顏色都試試

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

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

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

選擇字體

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

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

Glypha字體充滿戶外氣息

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

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

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

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

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

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

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

版式

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

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

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

設(shè)定題目

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

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

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

添加圖片和文字

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

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

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

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

沿頁面對齊

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

逐漸減小尺寸

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