連續性是眼睛的一種本能反應,我們傾向于將觀看的多個對象形成一條路徑。這條路徑,可以是想象出來的,也可以是文字含義所提示的。

雖然上面的星星排列并無規律,但我們的眼睛會自動將上面的星星連成一條路徑。

因為我們腦海里已經對“路”有了一個明確的概念,所以就算上述的圖片中小路看起來是斷斷續續的,但我們的眼睛仍然是“看到”一條完整的路。

盡管上述的線條中間斷開,但格式塔的連續法則理論說明了我們的眼睛會自動將這個斷開的部分補上,形成連續性。

而且我們在心理上還會順著這條線的兩個終點繼續延伸。

就算在毫無關聯的對象上,連續性仍然產生作用,在上圖中,我們在腦海里會在線條與圓點之間搭起一座視覺的橋梁。
利用連續性的心理法則,我們可以在設計中創造一種張力——從而形成一種吸引力。

上圖是一家銀行的大學生教育貸款宣傳,宣傳語為“你的大學教育從我們開始,現在申請可獲低利率貸款”。整體上看并不差,學生排列圖片呈現的水平方向與同樣水平分布的文字互相形成強有力的視覺效果,也呈現一種簡潔清晰并容易觀看的效果。但問題是,想象你也是他們中的一員,你可能想到的是這個隊排得太長了,不知要等到猴年馬月才能申請到。

為了解決這個問題,將這條隊列斷開,根據連續法則原理,雖然左右人群被隔成兩部分,但我們仍然會將它們當作是一個整體,好處不僅是讓隊列看起來沒有這么長,更重要的是你的信息剛好出現在這個斷開的空間——這是一個視覺的張力點,這極大的增強你的信息關注度。這是一種更好的排版。
任何具有視覺沖擊力的線條都可用于創造一個焦點。

不和諧的圖片與版面
上圖顯示的是舊金山泛美金字塔及周邊建筑物的輪廓圖。這張富沖擊力的圖片置身于一個毫無特色的版面中,削弱了圖片的力量,也使塔尖及左邊的文字變得不突出。乏味的藍色扼殺了跳躍的圖片色調,版面充斥著各種水平線的視覺引導也與呈垂直的塔尖格格不入。

上圖左:我們從圖片開始著手。我們要充分利用圖片中塔尖呈現出的特點,先對圖片進行裁剪,讓大樓的塔尖更靠近邊緣,對圖片的下半部也進行裁剪,這樣圖片的天際線會顯得更富沖擊力,這時,塔尖也成為了一個強有力的焦點。
上圖右:上圖的藍色指示線正是各個元素在視覺上所形成的一條看不見的路徑,標題居中對齊,因為根據連續法則,塔尖會自然地與上方的標題產生視覺聯系,同時使標題成為一個版面焦點。

安置其余的文字:將文字分成兩塊,放置于指示線的左右兩側。出來的效果就是圖片與文字形成了一種視覺上的聯系。這是更好的一種設計。
原文:www.bamagazine.com
]]>

在設計中相似的特性可以成為我們有力的工具,利用相似性,我們可以使兩個相隔較遠的元素在信息上聯系起來。
相似性就象一座視覺橋梁。一個元素的顏色在視覺上總是強于它自身的形狀,色彩總是最有效的聯系方式。在下面的第一張圖中,我們可以看到兩個黃色的元素在視覺上形成了一種關聯性,將左側的西澳大利亞的珀斯市與右邊的城市名稱聯系起來。下圖后兩張圖說明了不同的顏色可以影響這種聯系的強弱,應該使黃點與黃色文字與背景的對比都一樣突出,象最下的一張圖,這種對比就不太明顯了。

相似性的應用隨處可見,如在室內設計中(下圖),我們通過房間內不同的元素應用相同的顏色,就使不同元素產生了關聯性。

利用相似性,我們可以分別將主標題及副標題聯系起來,讓讀者對文字的層次一目了然而不雜亂。
在這里,相似性的原則是利用相同的字體來形成相似,主標題要使用同一種字體,副標題使用另一種相同的字體。相同的字體自然就形成了一種關聯性,讓讀者看到一個標題后就知道另一個標題也會是同樣的形式。

上圖中:
A, 主標題:正文所有主標題的文字都是同一種字體、同一個尺寸及同一種顏色。
B, 副標題:設置成一種粗體,以便與較小的正文形成區別,避免讀者混淆。
C,較大的段距:利用相似的顏色及較大距離的段距,讓人很清晰地知道這里說的是另一種信息,看起來也很舒服。
留意一點:上圖小圖中,雖然紅色元素較小,但其“視覺份量”與大它很多的黑色圓點基本是一樣的。
相似的形狀可以將元素對象聯系在一起,相似度越高,關聯性就越強。
保持相同:在下圖這張介紹城市綠化植物的設計中,圓圈就象一塊磁石,在視覺上告訴讀者“看我這里”,同時與右側較大的圓圈形成一種強烈的聯結,這不僅僅是形狀在發揮作用,其相同的線條及相同的圖片同樣強化了這種聯結。

形狀越是相似,則聯結性越強:

本文來源:www.bamagazine.com
]]>