?轉(zhuǎn)自 研習設訂閱號

設計干貨? 杜絕注水

提到“包豪斯”你能想到什么？簡潔，整齊，還是無襯線？為什么包豪斯會給我們留下這樣的視覺印象呢？

由Oskar Schlemmer設計的包豪斯標志

最初，包豪斯并不是某一種設計風格的代稱，它是一所工藝美術學校。其在1919年，于德國魏瑪由瓦爾特·格羅皮烏斯建立。當然，“Bauhaus”這個詞也是由他創(chuàng)造出來的。

包豪斯在德索的新校舍

Walter Gropius，包豪斯創(chuàng)始人

包豪斯的出現(xiàn)是顛覆性的，它直接摒棄了當時以服務權貴為目的，重裝飾的設計風格。而是轉(zhuǎn)向設計要服務于功能性的方向，而功能性最終的目的是服務于人，而不是獨自美麗。

包豪斯的設計理論在平面設計領域中，最顯著的表現(xiàn)就是在網(wǎng)格系統(tǒng)的基礎上設計。這也是這類設計能夠呈現(xiàn)出高度秩序性的原因。

雖然網(wǎng)格系統(tǒng)為設計提供了便利，但是它的使用千變?nèi)f化，也可能會讓我們無所適從。但是如果我們嘗試化繁為簡，很多時候僅僅三分，就足以幫助我們完成豐富多變的版面。

那么今天我們就以三分網(wǎng)格為基礎，為大家演示一系列包豪斯風格的海報設計。

平均三分法將版面分成了相等的9塊供我們隨意使用，切記，網(wǎng)格使用的訣竅在于合并。4塊基本單位的板塊，可以合并成一個大板塊。

我們可以將標題放大，填入這個板塊，然后依照網(wǎng)格加入圖形元素，與標題共同形成版面的主體。再將剩余的信息填入負空間，一張海報就完成了。

當然，網(wǎng)格不變的情況下，元素就像積木，組合的方式無窮無盡。接下來我就用這同一套文案，為大家演示20種不同的思路。

移動主體的位置，標題與圖形的關系由原來的對角改為上下，占據(jù)左側(cè)兩欄，右側(cè)的一欄編排其他的元素，第二個方案就完成了。

嘗試改變標題的形狀，占滿橫向空間，同時釋放更多的豎向空間，圖形順勢上移，此時主體占據(jù)上邊兩欄。其他元素就編排在下邊一欄，第三個方案就完成了。

圖形除了構(gòu)成主體，還可以充當?shù)准y。重新移動文字的位置，讓它們盡量均勻分布。圖形放大，重復，鋪滿整個版面，第四個方案就完成了。

圖形除了充當?shù)准y，還可以作為點綴。僅以文字編排整個版面，除了單純放大，還可以重復重點，這可以幫我們占據(jù)很大的空間。標題放大重復一次，占滿上下兩欄，中間一欄編排其他信息。由于活動內(nèi)容在不同的日期內(nèi)也有所不同，因此以中間為界，分為上下兩個部分，也能夠符合信息的傳達。最后點綴一個圖形，第五個方案就完成了。

平均三分法的每一個模塊之間的比例相當于1:1:1，這個比例是可變的。提到改變比例，首先我們能想到的就是美學萬金油——黃金比。下面我們嘗試用黃金比制造一個三分網(wǎng)格。

先做豎向分欄，讓第一欄與第二欄的比值為黃金比，第二欄與第三欄的比值也是黃金比。以相同的比例分出橫欄，一個黃金比的三分網(wǎng)格就畫好了。

模塊面積由下到上依次減小，文本大小我們也依據(jù)重要性由下到上依次安排。圖形依據(jù)網(wǎng)格疊于文字下方，第六個方案就完成了。

當網(wǎng)格不再是平均分布的，自然就會有方向的變化，使用時我們可以根據(jù)需要調(diào)轉(zhuǎn)方向，制造更多可能。

我們嘗試換一個方向重新編排。移動文本的位置，使全部文本占據(jù)下面的一個欄，優(yōu)化文字的細節(jié)。將圖形依據(jù)黃金比的比例安排在上方空白處，第七個方案就完成了。

網(wǎng)格除了調(diào)轉(zhuǎn)方向，還可以調(diào)整模塊順序，我嘗試將較小的兩個模塊互換一下位置。這樣做比例不會改變，卻為我們提供了更多可能性。

這次我們先利用圖形將版面劃分為上下結(jié)構(gòu)，為標題安排一個最大的模塊，與圖形構(gòu)成字疊圖，其余的文字安排在剩下的模塊中，第八個方案就完成了。

黃金比固然經(jīng)典，比例上卻太過限制，影響發(fā)揮，我們想要更靈活的比例，來完成更豐富的構(gòu)想。

此時我們又請出一位老朋友——斐波那契數(shù)列，一條被美認證過的數(shù)列。

相鄰兩個數(shù)值相加得出下一個數(shù)值，無窮無盡，足夠我們發(fā)揮。

然而我們也用不了那么多，僅用前五個數(shù)字就足以搭配出豐富的比例。那我們先從最小的數(shù)字開始，因為越是簡單的比例往往就越常用。

將標題中的ARS重復放大置于第一欄，第二欄編排活動信息，并不需要都填滿，可以合理留出組間距離。如果想要清晰表現(xiàn)模塊之間的比例，最后的配色也可以幫助我們達到目的。最大的一欄，依然留給標題，最后添加圖形做點綴，第九個方案就完成了。

為了占據(jù)更大的面積，標題除了放大還可以拆開分散排列，其余文字全部合并為一組占據(jù)右下角的兩個模塊。最后用圖形來優(yōu)化負空間，第十個方案就完成了。

將所有文字都編排在下面的兩個小模塊內(nèi)，同時為了增加形式感，左邊最小的模塊空出作為留白。上方最大的面積留給圖形。圖形無法填滿上方的空間也沒關系，可以借助色彩來實現(xiàn)。

我們嘗試讓標題占據(jù)更大的面積，首先將標題里面的后兩個單詞做一個重復并拉開距離，占滿上面的兩個模塊，中間形成的負空間用圖形來填補。其余的文字成組占據(jù)最下面的模塊，第十二個案例就完成了。

這個網(wǎng)格將最小的模塊放在了中間，看似不好應用。實際我們在編排文字的時候只參考了橫向三等分的分欄，豎向的分欄是為圖形化的文字準備的，中間的小欄作為留白，這樣第十三個案例就完成了。

這是一個全包圍的構(gòu)圖，編排思路一目了然。唯一需要注意的是中間的標題部分，需要略微偏上，視覺上看起來才是居中的，這里不必要硬卡網(wǎng)格。

文字采用左右結(jié)構(gòu)，左邊全部留白。圖形采用上中下結(jié)構(gòu)，上下各有一塊留白。這個案例的留白思路稍微大膽一些，為防止可能出現(xiàn)的左右不平衡，顏色的使用至關重要，深色背景是比較穩(wěn)妥的選擇。

我們再嘗試幾個模塊之間比例比較懸殊的方案，這樣就會用到5和8。這個方案看似是一個上下構(gòu)圖，編排時卻有對角構(gòu)圖的思路在里面。左下角圖形產(chǎn)生的不規(guī)則負空間與右上角文字產(chǎn)生的負空間是一個呼應。

將所有的大模塊集中在一起編排文字，右邊和下面僅留很小比例模塊作為留白。

與上一個方案同樣的思路，我們還可以將活動信息提取出來排在右側(cè)。主體部分由標題和圖形構(gòu)成。

如果以上斐波那契數(shù)列中的比例依然無法滿足你，那不妨全部舍棄，只要結(jié)果是好看的，隨便你用什么比例都好，隨便分。

即便是隨便分，常用的比例也不會太大。這個方案的網(wǎng)格比例看似復雜，實際的構(gòu)圖思路卻可以很簡單。完全可以先有構(gòu)圖思路，再用網(wǎng)格去約束比例。

最后一個方案還是演示一個將小欄放在中間的網(wǎng)格，依舊是將小欄作為留白。標題部分用了一個出血的形式來增加形式感，為保證識別度，我將標題重復一次放在了最上面，那第二十個案例就完成了。

以上就是使用三分網(wǎng)格編排的全部20個方案，我盡量使用不同的構(gòu)圖思路，希望對你有所啟發(fā)。

本文內(nèi)容為轉(zhuǎn)載 僅供個人學習使用