您的位置:首頁>正文

技術貼|將連續性在設計當中的應用

格式塔心理學的連續法則說明了我們的眼睛會將多個物件連成一條路徑。

連續性是眼睛的一種本能反應, 我們傾向於將觀看的多個物件形成一條路徑。

這條路徑, 可以是想像出來的, 也可以是文字含義所提示的。

北斗七星的勺子形象就是一個想像出來的路徑

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

這條路就是文字本身的含義讓我們連成一條路徑

因為我們腦海裡已經對“路”有了一個明確的概念,

所以就算上述的圖片中小路看起來是斷斷續續的,

但我們的眼睛仍然是“看到”一條完整的路。

連續性會將對象連結在一起

儘管上述的線條中間斷開,

但格式塔的連續法則理論說明了我們的眼睛會自動將這個斷開的部分補上,

形成連續性。

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

就算在毫無關聯的物件上,

連續性仍然產生作用,

在上圖中,

我們在腦海裡會在線條與圓點之間搭起一座視覺的橋樑。

斷開的線條形成了一種張力

利用連續性的心理法則, 我們可以在設計中創造一種張力——從而形成一種吸引力

上圖是一家銀行的大學生教育貸款宣傳,

宣傳語為“你的大學教育從我們開始,

現在申請可獲低利率貸款”。

整體上看並不差,

學生排列圖片呈現的水準方向與同樣水準分佈的

文字互相形成強有力的視覺效果,

也呈現一種簡潔清晰並容易觀看的效果。

但問題是,想像你也是他們中的一員,

你可能想到的是這個隊排得太長了,

不知要等到猴年馬月才能申請到。

為了解決這個問題,將這條佇列斷開,

根據連續法則原理,雖然左右人群被隔成兩部分,

但我們仍然會將它們當作是一個整體,

好處不僅是讓佇列看起來沒有這麼長,

更重要的是你的資訊剛好出現在這個斷開的空間——這是一個視覺的張力點,

這極大的增強你的資訊關注度。

這是一種更好的排版。

連續法則讓塔尖更加突出

任何具有視覺衝擊力的線條都可用于創造一個焦點。

不和諧的圖片與版面

上圖顯示的是三藩市泛美金字塔及周邊建築物的輪廓圖。

這張富衝擊力的圖片置身於一個毫無特色的版面中,

削弱了圖片的力量,

也使塔尖及左邊的文字變得不突出。

乏味的藍色扼殺了跳躍的圖片色調,

版面充斥著各種水平線的視覺引導也與呈垂直的塔尖格格不入。

上圖左:我們從圖片開始著手。

我們要充分利用圖片中塔尖呈現出的特點,

先對圖片進行裁剪,

讓大樓的塔尖更靠近邊緣,

對圖片的下半部也進行裁剪,

這樣圖片的天際線會顯得更富衝擊力,

這時,塔尖也成為了一個強有力的焦點。

上圖右:上圖的藍色指示線正是各個元素在視覺上所形成的一條看不見的路徑,

標題居中對齊,因為根據連續法則,

塔尖會自然地與上方的標題產生視覺聯繫,

同時使標題成為一個版面焦點。

安置其餘的文字:將文字分成兩塊,

放置於指示線的左右兩側。

出來的效果就是圖片與文字形成了一種視覺上的聯繫。

這是更好的一種設計。

宣傳語為“你的大學教育從我們開始,

現在申請可獲低利率貸款”。

整體上看並不差,

學生排列圖片呈現的水準方向與同樣水準分佈的

文字互相形成強有力的視覺效果,

也呈現一種簡潔清晰並容易觀看的效果。

但問題是,想像你也是他們中的一員,

你可能想到的是這個隊排得太長了,

不知要等到猴年馬月才能申請到。

為了解決這個問題,將這條佇列斷開,

根據連續法則原理,雖然左右人群被隔成兩部分,

但我們仍然會將它們當作是一個整體,

好處不僅是讓佇列看起來沒有這麼長,

更重要的是你的資訊剛好出現在這個斷開的空間——這是一個視覺的張力點,

這極大的增強你的資訊關注度。

這是一種更好的排版。

連續法則讓塔尖更加突出

任何具有視覺衝擊力的線條都可用于創造一個焦點。

不和諧的圖片與版面

上圖顯示的是三藩市泛美金字塔及周邊建築物的輪廓圖。

這張富衝擊力的圖片置身於一個毫無特色的版面中,

削弱了圖片的力量,

也使塔尖及左邊的文字變得不突出。

乏味的藍色扼殺了跳躍的圖片色調,

版面充斥著各種水平線的視覺引導也與呈垂直的塔尖格格不入。

上圖左:我們從圖片開始著手。

我們要充分利用圖片中塔尖呈現出的特點,

先對圖片進行裁剪,

讓大樓的塔尖更靠近邊緣,

對圖片的下半部也進行裁剪,

這樣圖片的天際線會顯得更富衝擊力,

這時,塔尖也成為了一個強有力的焦點。

上圖右:上圖的藍色指示線正是各個元素在視覺上所形成的一條看不見的路徑,

標題居中對齊,因為根據連續法則,

塔尖會自然地與上方的標題產生視覺聯繫,

同時使標題成為一個版面焦點。

安置其餘的文字:將文字分成兩塊,

放置於指示線的左右兩側。

出來的效果就是圖片與文字形成了一種視覺上的聯繫。

這是更好的一種設計。

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示