淺談版式設計中元素聯絡整體的方法

摘要：在版式設計中，元素不能孤立于整體而獨立存在，需要與整體或其他元素有一定的視覺聯絡，本文將介紹三種聯絡整體的方法，并分析說明各種方法在版式設計中的應用。

關鍵詞：版式設計;聯絡整體;視覺聯絡

版式設計是平面設計的重要組成部分，是指設計師根據設計主題和視覺需求，在預先設定的有限版面內，運用造型要素和形式原則，根據特定主題與內容的需要，將文字、圖片（圖形）及色彩等視覺傳達信息要素，進行有組織、有目的的組合排列的設計行為與過程[1]。

在這個過程中，版面中的任何元素都不應該孤立于整體而獨立存在，孤立的元素將會在版面中顯得多余、不協調，元素需要與整體或其他元素有一定的視覺聯絡，同一類型的元素更應該聯絡緊密。

本文將探討分析一些元素聯絡整體的方法和規則，主要介紹三種聯絡整體的方法：指向聯絡、靠近聯絡和對齊聯絡，并通過實例分析各種方法的特點和應用。

一、指向聯絡

如果元素處于版面比較邊緣的位置，或者與其他相關元素相距較遠，可以選擇通過指向聯絡的方法來聯絡整體。指向聯絡是指通過某種形式，表現出一種姿態，這種姿態可以引導閱讀者的視覺方向，明示或者暗示出元素與整體之間的指向關系，將元素與整體聯絡起來。

這里提到的形式是多種多樣的，如果按構成視覺傳達的三要素分類，可以分為圖形指向、文字指向和色彩指向三種形式，各個指向形式下面還可以細分，圖形指向可以通過線條、箭頭、色塊等形式，文字指向可以通過單一文字變形、多個文字組合等形式，色彩可以通過顏色漸變等形式。

（一）圖形指向

1.線條指向

線條指向是圖形指向中最基礎的聯絡方式，通過在元素和整體之間添加一條直線或曲線，將元素和整體聯絡起來，線條不用太長，能體現出來指向的姿態即可。

一般如果版式設計中存在某元素與整體距離太遠，則會讓整體版面割裂感嚴重。修改方法可以在該元素附近添加一條指向線條，將其與版式中的另一相關元素聯絡起來，線條的粗細、顏色、位置可以從畫面中已有的部分提取，在聯絡整體的同時呼應了已有的設計，使版面整體性更強，閱讀更加舒適。

2.箭頭指向

箭頭指向是圖形指向中較為直觀的一種形式，因為箭頭本身就具有十分強烈的指向意義，已經是人們約定熟成的指向標志，所以其聯絡作用也很明顯，通過設計將箭頭融入背景或者元素中，能夠更好的實現聯絡整體的功能。

例如箭頭指向可以在該元素的背景上添加箭頭形狀，引導閱讀者的視線，將兩個部分聯絡起來，形成整體感更強的版面設計。

3.色塊指向

色塊指向是指通過添加有顏色的形狀，來聯絡元素與形狀，色塊的位置需要將元素跟形狀都聯系起來，顏色最好與底色反差小，不能搶主體的風頭，能看出來起到聯絡作用即可。

例如色塊指向可以通過添加一個與底色相近顏色的色塊，包裹住該元素并且延展到相關元素的一角。色塊的形狀一般與版式整體風格搭配即可，最好取自于版式中已有的形狀。

（二）文字指向

如果元素本身是文字元素，通過其自身的變換，也可以實現指向聯絡的功能，包括對單個文字的變形處理使其具有指向的功能，以及對多個文字的組合形狀設計使其具有指向功能。

1.文字變形指向

文字變形指向是指直接將文字元素中的某一個文字進行變形變換，將其中的一個或多個筆畫延長、虛化、加粗、變細等等，產生指向的姿態，可以理解為將形狀指向的形式融入到文字變形中，相對于形狀指向一般更加自然簡潔，但設計難度更大。

2.文字組合指向

文字組合指向是指將一組文字元素進行排列設計，讓他們整體的形狀呈現出指向的姿態，比如排列為箭頭形、直線形、色塊形等等，也可以理解為形狀指向與文字指向的融合，只不過這里的融合是用一組文字去構造形狀，第一種方法是通過單個文字構造形狀。

（三）色彩指向

1.漸變指向

漸變指向是指通過元素顏色的變化，產生由指向元素到被指向元素之間的顏色漸變，從而起到聯絡整體的作用。

一般漸變的顏色變化，來源于該元素與被指向的相關元素，這樣便產生了一種指向的姿態，引導閱讀者向顏色漸變相同的方向閱讀。

二、靠近聯絡

靠近聯絡是指如果加入到版面中的元素與其他元素存在關聯，則可以讓該元素與相關元素的物理位置相靠近。這樣一來，相關的項將被看作凝聚為一體的一個小組，而不再是一堆彼此無關的片段[2]。通過物理位置的靠近，孤立的元素便與整體聯絡起來。

靠近聯絡一般有三個步驟：

1.按意義相關性分組

2.讓元素與相關部分在物理位置上靠近

3.如果元素是文字則調整其字體、字號、字重、顏色，如果元素是圖形則調整其大小、顏色、透明度等等，使其與整體更加協調

如果一個版式中出現了過多讓人視野停留的點，則會顯得信息內容過多、雜亂無章。首先需要將元素按其意義分組，然后拉近同組元素的距離，讓整個版面在理解上和視覺上都更有條理。最重要的是調整變化后組內元素的屬性，根據組內元素的關系，如果是并列關系則將他們的屬性設置相同;如果是主次關系則將他們的屬性設計區別開，形成明顯的對比，突出主要元素，弱化次要元素。

三、對齊聯絡

對齊聯絡也是元素聯絡整體的一種重要方法，如果某元素與版面上的其他元素按找某條“對齊線”對齊，就會得到一個內聚的單元。即使對齊的元素在物理位置上是彼此分離的，但在閱讀者眼里，它們之間會存在一條看不見的線把它們連接在一起，元素依然和整體或者整體中的一部分屬于同一個組。

對齊聯絡可以分為兩種不同的對齊：軟對齊和硬對齊。

（一）軟對齊

軟對齊是指居中對齊，、元素都以版面的中軸線為標準居中對齊，但是這種對齊邊界時“軟”的，很難看出來那條“對齊線”的強度。

通常在莊重、正式的情況下使用軟對齊，將所有元素都在版式中居中對齊，也可以形成元素之間的視覺聯絡。

（二）硬對齊

硬對齊一般包括左對齊、右對齊、上對齊和下對齊，相比與軟對齊，他們通常都有比較“硬”的邊界，即有一條強度很大的“對齊線”。以這條“對齊線”為基準，元素與整體或其他元素對齊，形成聯絡。

四、總結

在版式設計的過程中，加入新的元素必然要考慮它與整體、與其他元素之間的關系，需要通過設計實現元素與整體的視覺聯絡，本文簡單討論了三種聯絡整體的方法，分別是指向聯絡、靠近聯絡和對聯絡，各種方法都有各自的使用場景和特點，靈活運用一種或多種方法，會使版式設計更加清晰且有條理。希望本文能為大家提供一些參考和啟發。

參考文獻：

[1]韓旭，周俊，李媛.版式設計[M].天津：兵器工業出版社，2013：01.

[2]Robin Williams.寫給大家看的設計書[M].北京：人民郵電出版社，2014：07，27-28.

作者簡介：郭瑞（1995.4—），男，漢族，籍貫：湖北宜昌人，北京交通大學建筑與藝術學院，17級在讀研究生，碩士學位，專業：工業設計工程，研究方向：視覺傳達。