淺談版式中圖文處理的設計方法

摘要：隨著時間的推移，各類刊物已經成為具有時效性、綜合性、集約化等特點的文化載體。并且在版式設計上也在發生了巨大的變化，因此如今呈現在讀者面前的已不是單調的文字排版，而是具有圖文并茂并且具有視覺沖擊力的視覺盛宴。因此在這樣的時代背景下，我們在排版設計的時候更要注重處理圖文之間的關系。版式設計是當今藝術設計中的重要組成部分，同時也是視覺傳達設計中的重要手段。從表面上看，雖然是關于排版的學問;但事實上，它不單單是一種排版學問，同時也是技能和藝術的高度統一。

關鍵詞：排版;版式設計;圖片;文字

在當今社會，隨著網絡技術與互聯網的普及，快餐文化越來越多的出現在我們的周圍。你是否想過，你已經多久沒有安安靜靜的坐下來認真的讀一本書了。凡事都有利弊，互聯網使我們的生活更便利之外，也帶來了弊端。因此在這種時代下，作為書籍設計者更需要擔起我們的社會責任感與使命感，在書籍設計中更好的處理圖文關系。使讀者在閱讀的過程中不僅僅是閱讀一本書籍，而是享受一場圖文并茂的視覺盛宴。文章從初識圖文處理，從圖文處理中的重要作用到吸引讀者目光，以及版式中圖文的具體選擇和運用。尤其是對版式設計的圖文處理帶來的影響和具體的設計方法作了研究。

一、初識圖文處理

（一）為什么正確的圖文處理那么重要

日本設計教育家田野永一對版式設計進行了概括：“根據目的把文字、插圖、標志等視覺設計的構成要素，做美觀的功能性配置構成，即為版面設計。”版式就是在版面上將一定的視覺要素在有限的、特定的版面空間內進行有機的排列組合。[1]

正確的圖文處理可以使版式設計更具有趣味性和藝術感。世界級平面設計大師杉浦康平就將圖形和文字有節奏的結合，字符之間的變化，點線面的運用都營造著一種形式美感。要列舉杉浦康平所開發的眾多推陳出新的手法，實在是不勝枚舉。例如他設計的《真知》中，在二段式的正文間的留白中，插入E-P-I-S-T-E-M-E雜志的英文名稱字母，將其不規則的略顯渾濁感的錯行，通過原點形成離、合、集、散狀分布在近百頁的版面之中，是個饒有趣味的實驗。所以在探求和摸索版式設計的過程中，增添版式設計的新概念，其意義極為深遠。

現如今，在這樣高速發展的數字時代下，純粹的文字刊物已經不能滿足人們的需要。人們更希望看到得是豐富的頁面，設計感強的版式，這就需要正確的圖文處理來使版式更具有說服力，也能提高閱讀者興趣。在習慣了密斯的金科玉律“少即是多”后，設計師對于“復雜”噤若寒蟬，普遍認為復雜的設計就是失敗的設計，并因此將與復雜沾邊的“裝飾”也是為“錯誤”。但是，是否簡單的設計就是人們所需呢。這就要求我們在版式設計中，正確的圖文處理越發顯得重要。圖文處理是一個非常容易出錯的地方，是否引人入勝，是否能與讀者引起共鳴，是否能讓讀者感受到一場華麗的視覺盛宴，完全取決于版式中的圖文處理。

（二）運用圖文處理來吸引讀者目光

缺少視覺效果的版面往往無法吸引讀者眼光，特別是街上大量派發的傳單。試想如果不能引起讀者的注意與興趣，只會被當成廢紙隨意丟棄。所以缺乏視覺效果的版面不僅僅難以傳達資訊，甚至還會被丟棄在一旁。這時，我們可以在版式中插入一些素材，以此來刺激讀者感官，讓讀者產生閱讀興趣。第一，要捕捉眾人的目光，人像照片的效果最好。讀者會自然而然的將視線集中在人物表情上。此外，卡通插圖也具有不錯的效果，即使傳達的內容較為繁雜，也能利用插圖緩和視覺印象。版面設計中會使用到很多圖形照片的地方，而這些圖片如何在版面中得到更好的視覺效果就是本文中要探究的一個方面。第二，若是將類似“SALE””限定”“新上市”“折扣”等優惠資訊和重要情報來吸引讀者注意，加深他們對文字的印象。有時版面上的文字和背景色會蓋過圖形，導致圖形不夠明顯，這時候就要將圖形配置于文字較少的地方，并且選擇與背景呈現高對比的色彩，透過版面位置與配色來制造差異性。第三，小面積的素材，可以采用與基調色產生明度差或者彩度差得色彩，也可以選用不同色相。

二、圖文處理中的具體運用

（一）字體選擇

文字作為一種符號系統在版式設計中既能起到裝飾作用又能起到傳達信息的作用，配合圖片素材選擇合適的字體，能加強設計理念。因此，認識文字的基本種類顯得格外重要。字體，也是指筆畫姿態，常見的字體有宋體，楷體和黑體。“字體的選擇和大小、色彩、位置和排列的方法，都關系都整個版面構圖的形式和平衡。”[2]

（二）色彩選擇

色彩與文字一樣，在排版設計的時候，扮演著極為重要的角色。舉例來說，重要的標題所采用的色彩稱為“主調色”，接著再依照主調色來決定其他配色。背景這類占用大面積的色彩稱為“基調色”。例如：高明度的色彩當成主調色，配合色可選擇低明度的色彩;以高明度色彩為主調色時，就可以選擇低明度彩色來做配合色。另外，想強調重要的地方或者增大版面層次的時候可以適當的加入小面積高彩度的重點色。

三、實例中圖文處理的作用與設計方法

（一）更顯穩定感

1.對稱式排版

對稱式的排版，將素材上下左右平均配置，是最基本的排版技巧。呈現書穩定與信任感。（如圖1.）

圖1.

另一種是將主題配置在版面的中間來傳達主題，可以讓主題更加明確化。將主題配置在版面中央更能呈現穩定感（如圖2.）。

圖2.

還有一種，是平衡的對稱式排版。版式圖案和字體大小相同，平行排版。這樣的版面設計大部分運用在商業宣傳海報上面，版面呈現沉穩與莊嚴的感覺，使受眾對產品產生信賴感（如圖3.）

圖3.

2.方形圖排版

在版面上放置一個方形圖片，給人以安定感。方形圖是照片加工的基本方式，照片在方形圖里會顯得很有存在感。同時在圖片中加強文字素材就會使畫面看起來更加豐富（如圖4.）

圖4.

3.三角形排版

當版面有多種素材的時候，要取得平衡感就比較困難，最高明的手法就是選定三個明顯素材，通過三角形構圖，與文字的搭配來使畫面呈現協調感和平衡感（如圖5.）。

圖5.

（二）更顯統一感

正確的圖文處理能使版面看起來更加具有統一感。比如歸類相同的要素，就能創造出整體感。當圖片有一定的數量時，要先確認每張照片的內容，歸類相同要素的圖片，或者相同色調的圖片。接著再加上標題或運用框線來配置，讓版面更加清楚（如圖6.）。如圖所示，方框中標記出來的表示該產品的來源;而圓框中標記出來的則表示海報所要呈現的主體部分。利用大小分配和歸類相同要素，使整個版面更加一目了然。

圖6.

（三）更顯鮮明感

1.增加點綴元素

圖文的另一種處理方式可以通過點綴元素來是畫面變得更加具有張力。過于單調和整齊的版面，可以適當的加入一些點綴，增加版面張力，使視線集中在點綴的部分（如圖7.），在灰色調的背景中添加了少量黃色要素，使版面更加具有變化。在版面周圍采用不同色彩跟造型，適時扮演點綴的效果（如圖8.），黃色為主調的背景在右下角出現的紅色點綴，這是選擇差異性較大的色彩成為點綴畫面的元素。同時還可以通過文字色彩搭配來讓畫面看起來更加清晰，這樣的交互作用下能呈現優異的文字節奏感（如圖9.）。

圖7

圖8

圖9.

2.疏密對比排版

疏密關系是呈現出對照效果和凸顯兩者各自的特點。在圖文處理中，通過改變疏密的比例，就能替代版面創造出不同風格和呈現出版面的鮮明節奏感（如圖10.）。

圖10.

四、結語

在設計領域中，我認為最難的就屬于排版了。即使創意構思很好，照片與插圖的完成度也很高，但是如果各種素材的排版不佳，就無法將想法完整的傳達給受眾。這就要求我們必須在排版設計中注重圖片與文字的正確處理。總之，不論是在書籍裝幀，海報招貼，或者名片等平面設計上都會接觸到排版。所以在版式設計中不要過度拘泥于細節，要從版面的構架來解讀其中的含義，并且不能過度依賴直覺，如此才能鍛煉出具有邏輯性的設計能力。

【參考文獻】

[1]馮守則，羅雪，曹英.版式設計[M]，沈陽：遼寧科學技術出版社，2011

[2]崔福榮：《平面設計中版式編排與人的視覺習慣關系的研究》，2012年6月

[3]原研哉，白[M].朱鍔譯.南寧：廣西師范大學出版社，2012

[4]張穎，淺談書籍裝幀版式設計中的留白[J].青春歲月，2013（22）

[5]杉浦康平，亞洲的書籍、文字與設計[M]，北京：三聯書店，2006

[6]靳埭強，視覺傳達設計實踐，上海：上海文藝出版社.2005