你可曾見過街頭藝術家作畫？很有意思！只見他們左噴右繪，一幅佳作便躍然布上。不用尺規(guī)工具，沒有框架縛束，更不照參考說明；但最后的作品卻如此完美，整個過程如此流暢。

最佳的設計正像這樣。

請看如下的版面設計，這次我們不用網(wǎng)格而使用左邊所示的圖片作為視覺參考。圖中的線條、形狀、比例以及這些要素之間的關系支配著我們對字體、尺寸、色彩、版面以及其他一切設計要素的選擇。

你看到了什么？

僅使用目測的話（接近但不精確）

你能回答下面的問題么？

·?圖中男子是否與地球一樣高？

?·圖中男子是否和花盆一樣寬？

?·樹是花盆的幾倍寬？

?·圖中花盆尺寸占據(jù)圖片多少比例？

1.盤點視覺清單

每幅圖像都包含有線條、形狀、紋理和色彩等，這些元素引導著你進行設計。我們首先要盤點一個視覺清單，讓我們從大的元素開始。

你看到了什么？

僅使用目測的話（接近但不精確）

你能回答下面的問題么？

·?圖中男子是否與地球一樣高？

?·圖中男子是否和花盆一樣寬？

?·樹是花盆的幾倍寬？

?·圖中花盆尺寸占據(jù)圖片多少比例？

1.盤點視覺清單

每幅圖像都包含有線條、形狀、紋理和色彩等，這些元素引導著你進行設計。我們首先要盤點一個視覺清單，讓我們從大的元素開始。

基本形狀

此圖像由三個基本形狀構成。

基本形狀

此圖像由三個基本形狀構成。

尺寸

圖像的所有元素分為大中小三個等級。

尺寸

圖像的所有元素分為大中小三個等級。

布局

整個構圖顯得十分協(xié)調(diào)。

布局

整個構圖顯得十分協(xié)調(diào)。

焦點

但凡好圖，必有焦點。而本圖恰有兩個——一個實焦點和一個虛焦點。

實焦點

實焦點通常都是圖片中最大，最清楚或者最生動的對象。在本例中，地球就是這樣的對象。

焦點

但凡好圖，必有焦點。而本圖恰有兩個——一個實焦點和一個虛焦點。

實焦點

實焦點通常都是圖片中最大，最清楚或者最生動的對象。在本例中，地球就是這樣的對象。

虛焦點

三個對象構成三角形的位置關系；而三角形的中心正好也是圖像的中心（正如設計師所愿）；在人的視野里，中心是最突出的一點。

虛焦點

三個對象構成三角形的位置關系；而三角形的中心正好也是圖像的中心（正如設計師所愿）；在人的視野里，中心是最突出的一點。

另外

不知你注意到?jīng)]有，虛線三角形的中心也幾乎與虛焦點重合。

對象與空白

圖像中的對象和空白通常都是重復出現(xiàn)的。

另外

不知你注意到?jīng)]有，虛線三角形的中心也幾乎與虛焦點重合。

對象與空白

圖像中的對象和空白通常都是重復出現(xiàn)的。

花盆與地球之間恰好是一個花盆的高度。

花盆與地球之間恰好是一個花盆的高度。

花盆與男子之間正好是一個花盆的寬度。

花盆與男子之間正好是一個花盆的寬度。

花盆與地球上的北美洲一樣大。

盡量接近

藝術的關聯(lián)并非機械式，而是感性的。因此，如果各對象之間看起來十分接近，那他們就真的十分接近。你只需用目測來觀察就好。

花盆與地球上的北美洲一樣大。

盡量接近

藝術的關聯(lián)并非機械式，而是感性的。因此，如果各對象之間看起來十分接近，那他們就真的十分接近。你只需用目測來觀察就好。

整個圖像有四個花盆那么高。

整個圖像有四個花盆那么高。

包圍地球的空白部分是一個花盆的高度。

包圍地球的空白部分是一個花盆的高度。

男子所占空間與花盆差不多大。

天然的網(wǎng)格

這個圖像擁有一個天然形成的網(wǎng)格，更難得的是，它還是均勻的。圖像元素如此重復的出現(xiàn)，以至于它們形成了整個網(wǎng)格！

男子所占空間與花盆差不多大。

天然的網(wǎng)格

這個圖像擁有一個天然形成的網(wǎng)格，更難得的是，它還是均勻的。圖像元素如此重復的出現(xiàn)，以至于它們形成了整個網(wǎng)格！

較小的元素

當你注意圖中較大元素的時候，也不要忘了較小的元素。要注意邊緣的處理，也要注意使各部分形成對比。比如，男子的頭部和腿部是分明的邊緣；色彩的對比使南美洲脫穎而出；陰影部分占據(jù)顯著的分量等。你要有意識地花時間去觀察這些東西，這能訓練你的眼力，不久你就會擁有藝術的直覺了！

較小的元素

當你注意圖中較大元素的時候，也不要忘了較小的元素。要注意邊緣的處理，也要注意使各部分形成對比。比如，男子的頭部和腿部是分明的邊緣；色彩的對比使南美洲脫穎而出；陰影部分占據(jù)顯著的分量等。你要有意識地花時間去觀察這些東西，這能訓練你的眼力，不久你就會擁有藝術的直覺了！

形狀和紋理

在設計中要意識到線條的作用。注意，線條是直的還是彎的，接近或遠離什么對象，在哪里改變方向等。

當你注意圖中較大元素的時候，也不要忘了較小的元素。要注意邊緣的處理，也要注意使各部分形成對比。比如，男子的頭部和腿部是分明的邊緣；色彩的對比使南美洲脫穎而出；陰影部分占據(jù)顯著的分量等。你要有意識地花時間去觀察這些東西，這能訓練你的眼力，不久你就會擁有藝術的直覺了！

形狀和紋理

在設計中要意識到線條的作用。注意，線條是直的還是彎的，接近或遠離什么對象，在哪里改變方向等。

觀察所有的三角形，它們營造了一種視覺動態(tài)。

遠（假想線）

由遠及近，各個方向，三角都很明顯。

觀察所有的三角形，它們營造了一種視覺動態(tài)。

遠（假想線）

由遠及近，各個方向，三角都很明顯。

邊緣形成了重復的紋理。注意其始終保持尖銳感。

2.選擇色彩

接下來，要根據(jù)圖像確定色調(diào)。

浩瀚的像素！

邊緣形成了重復的紋理。注意其始終保持尖銳感。

2.選擇色彩

接下來，要根據(jù)圖像確定色調(diào)。

浩瀚的像素！

在設計中，色彩起著十分重要的作用。要想獲得最協(xié)調(diào)的色調(diào)，最簡最佳的途徑便是從圖像中提取。

首先，運用Photoshop或者Illustrator對右圖進行處理，將其無數(shù)像素尺寸的色塊減少到如左圖所示的恰當?shù)臄?shù)量。一般不要超過64種顏色，32種就行了，16種更好。若想減少顏色，可以增大色塊的尺寸；反之則減小色塊的尺寸。

在設計中，色彩起著十分重要的作用。要想獲得最協(xié)調(diào)的色調(diào)，最簡最佳的途徑便是從圖像中提取。

首先，運用Photoshop或者Illustrator對右圖進行處理，將其無數(shù)像素尺寸的色塊減少到如左圖所示的恰當?shù)臄?shù)量。一般不要超過64種顏色，32種就行了，16種更好。若想減少顏色，可以增大色塊的尺寸；反之則減小色塊的尺寸。

組織色彩

使用吸管工具從圖像中提取色彩樣本，然后根據(jù)色相與明度將樣色進行排列。

你可以在圖像中發(fā)現(xiàn)有幾種主色彩。地球的藍色與綠色，花盆的褐色，人物的灰色。從以上三個對象中由深到淺的像素塊上分別取樣顏色（如左圖所示）將樣色先按照色相，再按照明度整齊地排列（從深到淺）。請花時間仔細做好這項工作。你會發(fā)現(xiàn)它能極大地幫助你構思設計。再取樣一些少數(shù)色——本例中是黃色與紫色，作為補色與對比色。不要使用接近色。

組織色彩

使用吸管工具從圖像中提取色彩樣本，然后根據(jù)色相與明度將樣色進行排列。

你可以在圖像中發(fā)現(xiàn)有幾種主色彩。地球的藍色與綠色，花盆的褐色，人物的灰色。從以上三個對象中由深到淺的像素塊上分別取樣顏色（如左圖所示）將樣色先按照色相，再按照明度整齊地排列（從深到淺）。請花時間仔細做好這項工作。你會發(fā)現(xiàn)它能極大地幫助你構思設計。再取樣一些少數(shù)色——本例中是黃色與紫色，作為補色與對比色。不要使用接近色。

試驗色彩

將圖像放在每種樣色上對比效果。你會發(fā)現(xiàn)選擇的樣色都能自動地與圖像搭配，因為它們本來都存在于圖像中。

冷色

試驗色彩

將圖像放在每種樣色上對比效果。你會發(fā)現(xiàn)選擇的樣色都能自動地與圖像搭配，因為它們本來都存在于圖像中。

冷色

冷色更直接，偏遠偏理性。地球偏藍色融入背景，而其余對象偏橙色變得突出。

暖色

暖色更柔和，質(zhì)樸而奔放，適合表達自然生態(tài)的訊息。注意，在其對比色——褐色背景的襯托下，藍色地球顯得十分突出。

冷色更直接，偏遠偏理性。地球偏藍色融入背景，而其余對象偏橙色變得突出。

暖色

暖色更柔和，質(zhì)樸而奔放，適合表達自然生態(tài)的訊息。注意，在其對比色——褐色背景的襯托下，藍色地球顯得十分突出。

3.選擇字體

接下來要選擇和圖片感覺類似的字體。選擇字體有許多方法，鑒于你可能已經(jīng)定好了風格，所以這里并沒有固定的選擇。也許你的腦海中已經(jīng)浮現(xiàn)出字體的樣式。比方說，正式的、商務的或者教學式的。也許你還想嘗試一些新鮮有趣的個人風格。不管如何，請記住，字體和圖像一樣，也是圖形化的。它的線條會蜿蜒屈伸，或急或緩。它也會有棱角和紋理。當你將字體添加到設計中的時候，其視覺特征就會與其余已存元素相互作用，提升或降低整體的美感。

在本文中，圖片將影響我們對字體的選擇。我們的目的是要使圖像和字體的視覺屬性相互匹配。另外，選擇的字體也必須具有美觀、易讀、適合印刷。

3.選擇字體

接下來要選擇和圖片感覺類似的字體。選擇字體有許多方法，鑒于你可能已經(jīng)定好了風格，所以這里并沒有固定的選擇。也許你的腦海中已經(jīng)浮現(xiàn)出字體的樣式。比方說，正式的、商務的或者教學式的。也許你還想嘗試一些新鮮有趣的個人風格。不管如何，請記住，字體和圖像一樣，也是圖形化的。它的線條會蜿蜒屈伸，或急或緩。它也會有棱角和紋理。當你將字體添加到設計中的時候，其視覺特征就會與其余已存元素相互作用，提升或降低整體的美感。

在本文中，圖片將影響我們對字體的選擇。我們的目的是要使圖像和字體的視覺屬性相互匹配。另外，選擇的字體也必須具有美觀、易讀、適合印刷。

本圖遍布紋理：豐富且精細的畫面上，樹葉飛散飄逸，其形尖細，間隔均勻，事實上這和襯線字體的特征很像。

讓我們對比三類常用字體，尋找它們的相似點。

本圖遍布紋理：豐富且精細的畫面上，樹葉飛散飄逸，其形尖細，間隔均勻，事實上這和襯線字體的特征很像。

讓我們對比三類常用字體，尋找它們的相似點。

從不同距離觀察字體

在近、中、遠三種距離上觀察字體，你會發(fā)現(xiàn)每次看到的都不一樣。許多字體觀察的距離不同，其造成的視覺感受會有所不同。

Glypha字體具有自然的風格

這種漂亮的粗襯線字體擁有理想的字形，線條硬朗，形狀重復，給人干凈方正之感。尤為可貴的是，它無論作為標題或正文都很適合。平直加粗的筆畫使Glypha符合藝術自然的本質(zhì)，同時也易于辨認。但問題是它與圖片不搭配。

近

從不同距離觀察字體

在近、中、遠三種距離上觀察字體，你會發(fā)現(xiàn)每次看到的都不一樣。許多字體觀察的距離不同，其造成的視覺感受會有所不同。

Glypha字體具有自然的風格

這種漂亮的粗襯線字體擁有理想的字形，線條硬朗，形狀重復，給人干凈方正之感。尤為可貴的是，它無論作為標題或正文都很適合。平直加粗的筆畫使Glypha符合藝術自然的本質(zhì)，同時也易于辨認。但問題是它與圖片不搭配。

近

中

中

遠

遠

翻轉(zhuǎn)字體

想要全面地觀察字體，一個可靠的方法就是將其翻轉(zhuǎn)。這可以揭示段落文字的曲折起伏——總能被感覺到，卻又通常被忽略。

Myriad字體如水晶般清透

說到干凈清爽，恐怕再沒有勝過Myriad字體的了。其筆畫舒展形式簡約，即便在最低的分辨率下，也能被清晰地辨認，特別適合做標題和文章引文。Myriad字體傳達出輕快、清爽和干凈之感，適用于綠色課題，但卻不適合本圖像。

近

翻轉(zhuǎn)字體

想要全面地觀察字體，一個可靠的方法就是將其翻轉(zhuǎn)。這可以揭示段落文字的曲折起伏——總能被感覺到，卻又通常被忽略。

Myriad字體如水晶般清透

說到干凈清爽，恐怕再沒有勝過Myriad字體的了。其筆畫舒展形式簡約，即便在最低的分辨率下，也能被清晰地辨認，特別適合做標題和文章引文。Myriad字體傳達出輕快、清爽和干凈之感，適用于綠色課題，但卻不適合本圖像。

近

中

中

高

高

觀察輪廓

當你比較字體的筆畫和邊緣的時候，也要注意輪廓形成的紋理。注意，樹葉色彩斑駁，形狀不規(guī)則并呈顆粒狀。

Galliard Roman字體獨具質(zhì)感

Galliard屬于羅馬字體，輪廓分明，襯線顯著。其筆畫粗細分明，利于閱讀。不過，若大量使用，過多的棱角，會使人厭煩。本字體具有多種粗細選擇，比例勻稱，是一種易于辨認的襯線字體，并且形似樹葉。Galliard正是我們最后的選擇。

近

觀察輪廓

當你比較字體的筆畫和邊緣的時候，也要注意輪廓形成的紋理。注意，樹葉色彩斑駁，形狀不規(guī)則并呈顆粒狀。

Galliard Roman字體獨具質(zhì)感

Galliard屬于羅馬字體，輪廓分明，襯線顯著。其筆畫粗細分明，利于閱讀。不過，若大量使用，過多的棱角，會使人厭煩。本字體具有多種粗細選擇，比例勻稱，是一種易于辨認的襯線字體，并且形似樹葉。Galliard正是我們最后的選擇。

近

中

中

遠

遠

4.布局

線條、形狀、空間、色彩和紋理一起相互作用，最后構成了版面的整體布局。現(xiàn)在，我們將通過設計一張標準規(guī)格的版式作品來向你闡述如何進行布局。

處理圖像

第一步要將圖像放在頁面上。多大？放哪？關鍵是要讓圖象間具有視覺關聯(lián)。如右圖所示，因為地球與其下的花盆是對稱圖形，將它們置于頁面中間，形狀與位置相互加強可取得最佳的視覺效果(記住，只是大概的中心，位置并不精確）。同樣的道理，環(huán)繞地球的一個花盆高的空間，上部正好作為頂邊距。

4.布局

線條、形狀、空間、色彩和紋理一起相互作用，最后構成了版面的整體布局?，F(xiàn)在，我們將通過設計一張標準規(guī)格的版式作品來向你闡述如何進行布局。

處理圖像

第一步要將圖像放在頁面上。多大？放哪？關鍵是要讓圖象間具有視覺關聯(lián)。如右圖所示，因為地球與其下的花盆是對稱圖形，將它們置于頁面中間，形狀與位置相互加強可取得最佳的視覺效果(記住，只是大概的中心，位置并不精確）。同樣的道理，環(huán)繞地球的一個花盆高的空間，上部正好作為頂邊距。

如左圖所示，本例中折疊線并不會被打印出來，因為我們只重視可見的對象。

法定規(guī)格的冊頁

如左圖所示，本例中折疊線并不會被打印出來，因為我們只重視可見的對象。

法定規(guī)格的冊頁

設計標題

平面設計的一條規(guī)則就是要著眼于眼前的事物，不能隨意憑空構造。此處的標題配合了地球的視覺特征。

字體基于尺寸、顏色和紋理三要素

如右圖所示，將標題置于頂部并橫跨整頁是很正常的，但本例不能采用這樣的方式。否則，標題形成的水平直線就會和其余對象格格不入。此處，我們選用Galliard Ultra字體，使標題字相互交疊，形成一個尺寸、面積、色彩和紋理都與地球相似的區(qū)域，使兩者具有一種視覺關聯(lián)。將標題放在地球旁邊更加強了這種關聯(lián)。再注意看下圖右側(cè)的白色圓形，里面半透明字體的重疊之處，正好形成了類似樹葉大小的圖案。注意一定不要將頁邊對齊。

設計標題

平面設計的一條規(guī)則就是要著眼于眼前的事物，不能隨意憑空構造。此處的標題配合了地球的視覺特征。

字體基于尺寸、顏色和紋理三要素

如右圖所示，將標題置于頂部并橫跨整頁是很正常的，但本例不能采用這樣的方式。否則，標題形成的水平直線就會和其余對象格格不入。此處，我們選用Galliard Ultra字體，使標題字相互交疊，形成一個尺寸、面積、色彩和紋理都與地球相似的區(qū)域，使兩者具有一種視覺關聯(lián)。將標題放在地球旁邊更加強了這種關聯(lián)。再注意看下圖右側(cè)的白色圓形，里面半透明字體的重疊之處，正好形成了類似樹葉大小的圖案。注意一定不要將頁邊對齊。

添加圖片和文字

當你往頁面上添加各種素材的同時，也使頁面變得更加復雜。于是，想保持各素材的視覺一致性也變得越來越困難。注意版面素材的四周——邊距、元素邊緣以及各元素間的空隙。

方形的設計空間，有機的設計對象

添加圖片和文字

當你往頁面上添加各種素材的同時，也使頁面變得更加復雜。于是，想保持各素材的視覺一致性也變得越來越困難。注意版面素材的四周——邊距、元素邊緣以及各元素間的空隙。

方形的設計空間，有機的設計對象

圖像是有機且不規(guī)則的，但紙張和文本區(qū)域卻是方形的，兩者在設計上形成矛盾。這些方形區(qū)域有過于強烈的視覺存在感，怎樣在不影響閱讀的前提下，弱化頁面的“四方感”，這對設計師是個挑戰(zhàn)。但方法還是有的，如左圖所示，本例中，圖片和文字并不對齊，但文字邊緣形成的蜿蜒向下的曲線卻和地球整體的外輪廓線相互呼應。與標準的文本繞排不同，確保各元素間的白色空隙是不規(guī)則的。

圖像是有機且不規(guī)則的，但紙張和文本區(qū)域卻是方形的，兩者在設計上形成矛盾。這些方形區(qū)域有過于強烈的視覺存在感，怎樣在不影響閱讀的前提下，弱化頁面的“四方感”，這對設計師是個挑戰(zhàn)。但方法還是有的，如左圖所示，本例中，圖片和文字并不對齊，但文字邊緣形成的蜿蜒向下的曲線卻和地球整體的外輪廓線相互呼應。與標準的文本繞排不同，確保各元素間的白色空隙是不規(guī)則的。

齒狀紋理

如左圖所示，“Michael Aiken”等作者名字使用了Galliard Ultra字體，并選用了與地球類似的色彩，在正文中便脫穎而出。并且，整段文字也具有了類似插圖的紋理。這便是形式與功能簡單結合的范例。

與紙張對齊

紙張也是一個可以靈活利用的元素。如下圖所示，主要的段落以及一些關鍵的細節(jié)與右頁邊緣對齊，建立起一種視覺的穩(wěn)固性。

平行線自動相互關聯(lián)

齒狀紋理

如左圖所示，“Michael Aiken”等作者名字使用了Galliard Ultra字體，并選用了與地球類似的色彩，在正文中便脫穎而出。并且，整段文字也具有了類似插圖的紋理。這便是形式與功能簡單結合的范例。

與紙張對齊

紙張也是一個可以靈活利用的元素。如下圖所示，主要的段落以及一些關鍵的細節(jié)與右頁邊緣對齊，建立起一種視覺的穩(wěn)固性。

平行線自動相互關聯(lián)

反復出現(xiàn)的“花盆空間”

如果你多花時間全面仔細地觀察圖像，你便能看到或感覺到一些原先被你忽略掉的事物。如上圖所示，“花盆空間”在頁面上的元素間近乎直觀的反復出現(xiàn)。這不僅使版面結構顯得清爽透氣，還非常自然地保持了版面各元素間的協(xié)調(diào)性。另外還要注意，右上角的主要文本區(qū)域與地球的尺寸和形狀大致相當，這也是一個能直觀感受到的設計。

尺寸遞減

右對齊的文字越往右下角，字數(shù)遞減，而細節(jié)遞增；右下角是頁面的自然結點。而文字破碎不規(guī)則的左邊緣仍舊松散的圍繞在插圖周圍。

反復出現(xiàn)的“花盆空間”

如果你多花時間全面仔細地觀察圖像，你便能看到或感覺到一些原先被你忽略掉的事物。如上圖所示，“花盆空間”在頁面上的元素間近乎直觀的反復出現(xiàn)。這不僅使版面結構顯得清爽透氣，還非常自然地保持了版面各元素間的協(xié)調(diào)性。另外還要注意，右上角的主要文本區(qū)域與地球的尺寸和形狀大致相當，這也是一個能直觀感受到的設計。

尺寸遞減

右對齊的文字越往右下角，字數(shù)遞減，而細節(jié)遞增；右下角是頁面的自然結點。而文字破碎不規(guī)則的左邊緣仍舊松散的圍繞在插圖周圍。