@研習設K先生?：版式設計是每個設計師必備的基本功了，那么如何在有限的版面中，通過不同的編排去做出更多的可能性，常常是讓人很頭疼的。比如大家在學習各種排版風格時，會不會覺得沒有頭緒？那我們到底應該從哪里開始學起呢？在本期的內容中，我就為大家準備了一款功能與形式感并存的編排技巧，也就是文字補丁風格。

首先我們來看幾個作品，大家能夠發現這兩個畫面中有哪些共同點么？

相信有的人已經看出來了，就是我們今天的主角，文字補丁。在這三個版面中，雖然文字補丁從層級關系上來講并不重要，但由于補丁的運用會讓他們顯得非常搶眼。

那我們再來看，當文字補丁作為主要元素時，這類編排風格所呈現出的效果是什么樣的呢？總體來看，就是形式感非常突出，而且信息看上去也是比較醒目的。

所以這種編排技巧的主要特征，就是將文字添加在相應的色塊上，讓文字和色彩形成一個整體。實現的方法雖然簡單，但所呈現出的效果卻不簡單。

從氣質上分析，這類編排形式，會讓版面給人一種激進和年輕的印象。相對來說，它就更適合去表現那種年輕、活力，這樣的內容。

那我們要怎么去理解它呢？我們可以從文字發展的歷史來看看，在鉛字時代，文字被雕刻出來，本身就帶有一個塊狀底座的。

所以我們可以將這種文字襯底色的編排形式，理解成經過拼版的鉛字外觀。

之所以叫它文字補丁，是因為在這類技巧中，文字和背景之間是分開的，就好像是生活中的補丁一樣。

俗話說，藝術來源于生活，設計當然也一樣。比如畫面中這兩個圖片，就是我們平時生活中到處可見的小廣告。

所以很多設計師就參考了這個靈感，運用到了自己的設計中，通常會給人耳目一新的感覺。

這三個海報就是最基本的文字補丁的形式，算是很簡單的一種，但是大家要注意，我說的這個簡單只是說文字補丁的形式比較簡單，并不是說作品整體簡單，其實這三個海報的排版是很精致的。

拿這兩個海報的話，就是相對來說，形式感比較強，比較復雜的文字補丁的形式了，這個對創作者的排版基本功要求極高。

這三個海報，就是分別利用了街邊的小廣告、文件袋以及水彩印痕的形式。它們的構成形式依然沒有逃出文字補丁的形式，只是文字的載體不同而已。

類似這種將文字安排在色塊上的編排風格，它是如何發展成現在這樣的形式呢？為了進一步去了解這種編排技巧的來歷，我們可以從設計的發展歷史中去尋找一些蛛絲馬跡。那么接下來我將帶領大家一起追根溯源，去尋找隱藏在它背后的思維邏輯。通過翻閱大量的資料，我們知道了，其實這種風格它并不是什么新的手法，它甚至最早可以追溯到維多利亞時期的海報作品。

在當時，人們的思想還不能接受抽象的圖形，所以文字的承載物都是一些常見的事物，比如船帆、條幅以及綢帶。

隨著設計的發展和進步，就開始出現了一些相對超前的思想流派。從德國的青年風格與維也納分離派開始，版式中就開始逐漸出現了幾何線條，這也為現代的設計奠定了基礎，在這時候，文字補丁風格基本已經成型了。

到了 20 世紀，由于商品經濟帶動了海報的需求，文字與圖形之間的搭配組合也日漸成熟了起來。

而隨后，基于對抽象藝術語言的認同，俄羅斯先鋒派承擔起了「建構未來」的使命。并開啟了以「構成主義」為核心的運動。而這種圖形與文字的結合形式，也被俄國的構成主義推向了極致。

包豪斯分別吸收了風格派和構成主義的思想，所以這種文字補丁的風格就自然地被繼承了下來。

與此同時，作為東亞語言排印設計先鋒的日本，也受到了包豪斯設計理念的影響，早期的日本設計，也經常會運用這種手法。

雖然說版式的編排變化莫測，但也是萬變不離其宗的，面對各種編排風格，我們需要做的就是總結其中的規律和技巧，把大問題變成一個小問題，然后逐一去解決它們。因為只有站在前人的肩膀上我們才能看得更遠。在了解了文字補丁風格的由來后，我們繼續來分析一下，這類技巧都有哪些特點。平面設計的主要功能是「信息的傳達」，而讓文字信息變得更加醒目，恰恰是文字補丁風格的主要特性。

這個是品牌 VI 識別系統中，對安全空間的規范內容。做過品牌設計的同學們應該都有所了解。

假如有其他元素侵入了標志的安全區域，就會影響到標志的完整性與閱讀性。也正因如此，標志周圍才會規定一定的安全區域。

而文字也是一樣的道理，只要在文字的四周預留出一定范圍的空間，就能為視線帶來喘息的余地，閱讀性與辨識度也就增強了。

在文字的編排中，每一段文字其實都具有一個安全的識別區域，我們的行距和字距都不可以小于這個區域，不然就會變得難以閱讀。

從宏觀的角度來看，版心越小，版面中的內容就越便于閱讀。

看到這里可能有的人會問，既然只要留出適當的空間就可以了，那為什么還要加入補丁色塊呢？這就不能不說到另外一個關鍵因素了，那就是文字的背景。那么為了更方便大家對這個問題的理解，接下來我也設計了一個對比環節，讓大家更直觀地去感受一下，文字在不同的背景下都會受到哪些影響。

如果是相對干凈的背景，文字直接添加在上面不會有什么問題，但是如果圖片稍微復雜一些的話，就會影響到文字的識別了。

所以這個時候，在文字和背景之間，添加一個色塊，就可以完美解決識別度這個問題了。

這樣一來，文字信息就會像補丁一樣貼在背景上，無論背景中的圖像如何變化，都不會影響到文字的識別。

也正是由于這種抗干擾的特性，讓文字補丁這種編排風格經常出現在電視節目的包裝里。色塊變成為了隔絕動態背景和文字間的一個有效的屏障，它保證了信息能夠不受干擾的傳播出去。

不僅如此，在局部信息上添加顏色，也是一種比較常用的強調手法。

在裝幀設計里也經常會運用到這個技巧。對于那些相對重要的信息，我們就可以運用文字補丁的形式去進行強調處理。

但是在這類版面里，我們需要格外注意的關鍵點就是，既然是強調，就要保證被強調的那個部分，在視覺面積上要小于其余的部分。

因為只有這樣才能達成視覺上的對比效果，如果一個版面中幾乎所有的信息都在做強調處理，也就導致了整個版面里沒有一個元素能夠被凸顯出來了。

另外，色塊的加入也會為整個版面帶來一定的裝飾效果。

說到裝飾效果，就不得不提到「形式追隨功能」，這個概念是德國包豪斯的教義，更是現代設計的基本準則。

而提出這個觀點的人，最早可以追溯到 19 世紀芝加哥學派的中堅人物，路易斯·沙利文。

他認為「裝飾是精神上的奢侈品，而不是必需品」，比如在大自然中，事物僅僅通過自身的結構，就能產生美感，設計也應該是這樣的。

比如說，飛機的外形結構只要符合空氣動力學，它所呈現出的樣貌看上去也會非常美觀。再比如，一把刀只需要設計得便于使用，它的外觀也就自然會呈現出一種舒適的美感，完全不需要額外去添加雕花和其他的裝飾。

我們再來看畫面中的海報，版面中所構成的形式感，就完全來源于內容本身的結構特征。信息是什么結構，裝飾圖形就是什么樣的。

在了解了文字補丁風格，內部的思想和功能后，接下來我們將帶領大家一起從表面去解析它，看一看這類技巧還具有哪些變化上的可能性？那么經過一番總結，我們大致將其中的變化特征劃分成了八大類型。

首先是色彩，色彩是添加變化的有力手段，在版面中為文字補丁添加不同的色彩，不僅能強化裝飾效果，同時也會改變畫面對外的整體觀感。

豐富的色彩能夠傳遞出更加年輕、活力這樣的印象。

然后是描邊，不只是文字可以描邊，它下方的「補丁」同樣也可以運用這個技巧。隨著描邊的加入可以解放「補丁」本身的色彩范圍。

即使采用和底色一樣的色彩，邊緣也會清晰可見。

接著是融合背景，這是一種透明與不透明之間的一種半透明狀態。

運用半透明的文字補丁，既能夠把底層圖案襯托出來，同時又不會因為對比太強，而干擾到文字的識別。

我們都知道，當兩個或兩個以上的元素相互靠近，人們就會下意識的將他們看成一個整體，這在文字補丁技巧中也具有相同的體現，就是色塊組合。

當多個文字補丁相互靠近，他們就會形成一個新的形狀。

還可以加入傾斜角度，讓版面產生新的動勢。

活躍版面的同時也會避免給人呆板的印象。

當然了，一個文字補丁上不一定只能承載一段文字，也可以把多段文字添加在同一個色塊上，它就會成為一個更小的版面。

這也是一個非常有趣的變化形態。

文字還可以嵌入到補丁的色塊里，形成一種窺視的效果，既可以展現細節，同時又不會顯得過于凌亂。

最后就是透視的加入，透視它能夠打破版面的維度，同時也可以營造出一定的縱深效果。這個與傾斜的手法有些類似，同樣也具備營造動感的屬性。

雖然這里我們只介紹了八種方法，但其實它并不意味著就只能單獨去運用它們。這個就像武術中的招式一樣，不同的組合方式也會帶來不一樣的效果。如果將多種方法隨機組合，也就會延展出更多不同的外觀，每一種都會體現出它獨特的一面。那么接下來我們就一起看看，當它們相互組合時，都能給我們帶來哪些有趣的版面風格。

這個畫面中的「文字補丁」不僅采用了描邊手法，同時也加入了色彩上的變化。

這個是將修改顏色與色塊的描邊做了一個結合。

這個是透視與角度的傾斜，其實它還有灰度上的一個變化。

由此可見，色塊之間的組合手法。加上在同一補丁中添加更多文字的技巧，它們之間的組合也會得到更多不一樣的版面。

畫面中的這組海報，就是運用了三種手法。色彩的切換、補丁色塊之間的組合，再加上單個補丁內的更多小字，讓版面中的元素呈現出了更豐富的變化性。

這組雜志封面，也是同時運用了，傾斜的角度加上更多的文字以及色塊的組合。整體給人一種活潑、新穎的視覺感受。

為了便于理解，接下來我們就運用今天所學到的知識去做一個完整的設計案例，首先我們來看文案，這是一個家具的廣告文案。

畫面中展示的，就是我們需要使用到的產品圖片。

首先我們確定版心的大小，根據頭腦中的大致草圖去規劃網格。接下來，將圖片裁切后，以三等分的形式置入版心。

緊接著，我們置入主標題時，我們會發現，文字的識別度非常低，這時就可以運用到我們這節課所講的文字補丁了。

只要在文字下方置入一個白色的色塊，就可以保證文字的識別度了。

下面根據文案，我們來編排輔助信息，劃分層級并做好排列組合之間的關系。然后置入到圖片里，同樣的，現在版面中還是會出現文字識別度低的問題。這里我們同樣在文字的后面置入一個白色的色塊，它既增加了識別度，也強調了統一性，左下角的信息也采用同樣的手法添加上去。

最后，我們編輯好商品的信息，然后置入到圖片里。與此同時提取圖片中木頭的顏色，作為文字的底色，增加信息的識別度。到這里這個版面就完成了。

我們再做一個案例，通過文案我們可以看出，這是一個關于探索城市和人之間關系的展覽。

說到城市，首先能夠讓人聯想到的就是城市的高樓林立，或者是夜色下的城市光景。而游擊隊這個詞，通常是指一到兩個全副武裝的人，經常出沒在人煙稀少的地方。那么設計的方向到這里就大致確定下來了。

經過篩選，我們最終選擇了這張圖片作為版面的底圖。按照慣例，我們確定好版心的位置，然后是劃分網格的大小，緊接著，根據照片中高樓的透視，確定出主體的位置。

這里的主形象是利用色塊的透視關系，去模擬城市的高樓印象。

圖片整體為藍色，所以我們的圖形選擇黃色去增加對比。

我們將處理好的主形象置入到版面中，在頂部的色塊上添加文字信息。

其他的輔助文字，我們也采用相同的處理手法，來達到畫面的統一性。

在版面中的空白位置上，添加處理好的其他內容。這個版面也就基本完成了。

可能有的人會問，為什么底部的小字也要加上色塊呢？這里我們可以做個實驗。文字反白后識別效果是不是就顯得非常差了？所以底部的小字還是需要使用色塊的。

我們來看一下最終效果。

那本期教程到這里就結束了，我們今天所講的就是文字補丁技巧，可以從多種角度去理解它的構成出發點。從氣質上來說，這類風格更適合去表現那些年輕和具有活力的信息內容。當然成熟穩重的版面也可以通過添加少量的文字補丁去活躍氣氛。從功能上說，文字補丁能夠最大限度的包裝信息的傳達效率，并且還具有突出強調的作用。從形式上來說，這種從功能去推導出形式感的手法，要更加客觀和高效。在變化上，我們一共總結出了八種方法，再加上不同的組合形式，就可以延展出更多不同的表現形式。

歡迎關注研習社的微信公眾號：「Yanxishe2017」