相信大家都聽說過格式塔心理學。格式塔來源於德語“格式塔”,意為“整體”和“完形”。
簡而言之,格式塔心理學是對人類視覺工作原理研究。這項研究認為,人的視覺是壹個整體,眼睛看到的壹切都是由大腦作為壹個整體來處理的,所以我們感知事物是作為壹個整體而不是單個的元素。
其中,有幾個最重要的格式塔原則:鄰近原則;相似性原則;連續性原則;封閉原則;對稱原則;主體/背景原則。在本文中,我們重點介紹前三種,這三種也是布局中應用最廣泛和最基本的。
1.1鄰近性和信息相關性
接近的原理是什麽?也就是說,我們的視覺會將彼此接近的元素視為壹個整體。因此,在排版中,我們可以通過讓相關的元素彼此靠近,讓不相關的元素彼此遠離來區分不同的信息集。
建立不同組合的方法有很多,但接近原則是最基本也是最重要的。即使每個元素的顏色和形狀不同,但只要相互靠近,就能在視覺上形成壹個群體。
比如聯合利華LOGO的很多元素相互接近,我們很容易就能認出輪廓“U”。
那麽鄰近原則是如何在布局中應用的呢?其實就是讓相關信息彼此靠近,讓無關信息彼此遠離的過程。
在這種名言的情況下,標題和內容的距離是完全壹樣的,我們會在很大程度上對哪個標題對應哪個文本產生懷疑。如果我們處理鄰近原理會發生什麽?
當我們把對應的名言放在彼此靠近的地方,把不相關的名言放在彼此遠離的地方,閱讀障礙就不存在了,那句話是誰說的就很明顯了。
鄰近原則不僅可以處理標題和單詞,還可以處理各種元素。
這種情況下,圖片離文字太遠,缺乏聯系感。而且圖片太近,組合不清晰。接近度沒有做好,造成畫面整體分散的問題。
當我們利用鄰近原則組合相關圖形信息時,版面更容易閱讀,不會出現哪個人對應哪個名字的錯誤。
我們再來看看這組信息。我們需要使用以下信息來制作中英文名片。首先要做的是處理好鄰近原則,通過鄰近原則將姓名、職務、英文名、聯系方式、地址劃分成不同的組合。
在右邊,經過鄰近原則處理後更容易閱讀,很明顯哪條信息說了什麽。剩下的我們只需要為分割的組合選擇合適的字體,安排在名片的版面中。
利用好鄰近原則,可以不斷嘗試布局中已經分組的元素的位置,在保證每組距離的同時保證布局的平衡。
利用鄰近原則,可以不斷調整位置,形成新的布局。
1.2相似性和布局統壹性
鄰近原則強調位置對我們視覺的影響,相似原則強調視覺元素的影響,比如顏色、形狀、大小、方向等等。如果其他因素相同,只有這些內容不同,那麽我們的視覺就會把相似的內容看成壹個整體。
在同壹組圖形中,具有相似顏色或形狀的元素將形成壹個視覺單元。
同理,壹組圖形中大小或方向相近的元素也會形成壹個視覺單元。
相似性原則是如何應用在版面設計中的?
首先,相似性原則可以用來協調不和諧的因素。
三張圖顏色不壹樣,強行組合在布局上不協調。
把色調處理成統壹的布局會更和諧。
不同的數字表達使版面淩亂。
數字特征相似後,整體風格更加統壹,布局沒有雜亂感。
相似性原則既能和諧地處理版面,又能突出關鍵要素。
我們只需要從我們想要突出的元素中去掉相似的特征,從而使它們不同於其他相似的元素。
在本例中,不同的顏色用於區分已完成、未完成和正在處理的流程。“已完成”步驟的顏色是相同的;“未完成”之間的顏色也是壹致的,這是相似性原理的突出應用。
1.3連續性原理和視覺邏輯
我們的視覺更容易感知連續的事物,使之成為壹個整體。
雖然上圖中的點都是虛線,但我們還是能認出它們的幾何形狀。
有很多LOGO形狀也是利用了連續性,比如IBM。
我們還能認出分離出來的圖片的內容,這也說明視覺是連續的。
連續性壹般是用來解決排版設計中元素散亂和視覺邏輯的問題。
為了解決這個問題,我們可以添加其他元素來建立連續性。
通過臺詞的穿插,很好的引導了我們的視覺,解決了按什麽順序閱讀的問題。另外,線條把四個點連接成壹個整體,點與點之間有連續性,散射的問題也得到了很好的解決。
行的方向也會對我們的閱讀順序產生很大的影響。
下面測試壹下如何利用連續性原理,在上圖中零散的年份和日期之間建立聯系感。要求兩者之間的距離不能改變。
好了,時間到了。我們來看看答案。
此外,我們的視覺流向也會受到畫面中視線方向的影響。
我們現在要把大貓放進照片裏。我們可以把它放在哪裏來吸引人們的註意力?
雖然放在這裏感覺還好,但是如果字小壹點,畫面暗壹點,觀眾就非常容易錯過這些信息。
把“大貓”放在貓眼的延長線上,會讓人很容易註意到。
第二,材質的精致
材料的精美程度對版面的質量也有很大的影響。材質的精致主要體現在三個方面,即清晰、合體、表現力。
2.1凈度
不用說,清晰度會直接影響我們作品的質量。如果這類素材清晰度不夠,排版就會被素材破壞。切換到足夠清晰的素材,畫面會精致很多。
2.2合身
契合度是素材與主題的關聯程度。如果妳為壹個展示運動的主題找壹張美食的圖片,那是無關緊要的,肯定是錯的。
上圖左邊的案例文字是狗,而素材圖片是豹,所以成為契合度不足的典型。
也是書法培訓的海報,左邊的用了太多不相幹的元素,比如寺廟,竹子,山川等等。,與主題不夠契合。右邊的案例只用了書法筆畫的材料,但是契合度和表現力都比左邊的好很多。此外,在接近性和連續性方面,右側字符的排列比左側的情況好得多。
3.3表現力
表現力的形式有很多種,比如創意、出色的光影、強烈的層次感等等。
比如我們找壹個舞蹈演員的素材,下面左邊的不夠有表現力。
左邊材質壹般,造型、創意、美感都不盡如人意,缺乏感染力的自然表達也是不夠的。比起右邊材質的光影和美感,表現力會強很多。
以上兩個案例也是很有表現力的素材。我們在做排版的時候,如果要用材料,壹定要用有表現力的材料,這樣作品才會更美觀,更有設計感。
三、字體選擇的重要性
字體在我們的設計中非常重要,甚至可以上升到設計靈魂的高度。字體選擇是否正確,對版面有決定性的影響。
在講字體之前,我們先來看壹個案例。
這張生命科學的海報看起來很奇怪。有什麽奇怪的?其實就是字體應用不當的問題。在病例單中使用了襯線和宋體,而且都是傳統字體,無法表達生命科學的嚴謹感和現代醫學的科技感。
我們把字體改成無襯線和粗體是不是順眼多了?無襯線的更現代,符合要表達的主題。
這說明選錯字體很容易毀了妳的作品。要選擇合適的字體,首先要對字體的音律有壹定的了解,然後重點了解襯線、無襯線、黑體、宋體的不同音律。
3.1襯線和宋體
襯線,即具有襯線裝飾特征的字體;宋體,即筆畫變化、轉折處有三角形裝飾特征的字體;壹般襯線和宋體都有傳統氣質,能表現出壹定的文化感和歷史感,人文感很強。
襯線在細節上也可以分為傳統型和現代型,主要看其橫、豎筆畫的對比和簡潔性。
左側傳統襯線粗細對比比較小,襯線也比較圓,比較復雜,襯線的連接是圓的;右邊現代襯線粗細對比差別很大,襯線的連接是直角的,簡單直接。
傳統襯線的代表有Garamond、Caslon等。他們的傳統氣質很強,適合傳達傳統的、文藝的、人文的氣質和故事感。
說完傳統的,再來說說現代的。
現代襯板的代表有迪多特、博多尼、沃爾鮑姆等。它們在保留襯線的同時具有很強的現代感,粗細對比比較大,可以傳達出優雅、女人味、高端、時尚的氣質,所以很多時尚雜誌和女性用品都選擇這種類型的字體。
既然襯線分為傳統襯線和現代襯線,宋體也是如此。根據宋體裝飾三角的復雜程度,又可分為傳統宋體和現代宋體。
常用的傳統曲風有方正表歌、蜀歌、寶歌、朝、王明曲風等。常用的現代曲風有方正松雅系列、思遠曲風、大冢明等。
傳統和現代歌曲風格所傳達的氣質也有差異。傳統曲風更能表達文學感、故事性、人文性;而現代的歌曲風格則傾向於傳達女性優雅時尚的感覺。
介紹完宋和襯線的異同,再來說說它們應該如何混搭。
搭配原則其實不難,總結就是壹句話。
有了這個搭配原則,我們再來看下面這個案例。
第壹組搭配是方正雅歌和自己的英文,明顯不搭配;第二組是方正雅歌+Garamond,現代曲風搭配傳統襯線,不倫不類,不和諧。第三組是現代宋體與現代襯線迪多特,所以很和諧。
這組也壹樣,只有第三組傳統宋體+傳統襯線最和諧。第壹組的英語雖然勉強可以劃分為傳統的襯線,但是他的筆畫特點與中外完全不同,所以很難匹配。
所以不僅氣質要匹配,筆畫特征也要相似。
3.2無襯線和黑體
無襯線,即沒有襯線裝飾的字體。粗體也是壹種沒有三角形裝飾特征的字體。與襯線、宋體相比,更為簡約現代,更能表達理性、工整的特點。
根據其字母的結構關系,無襯線可分為常規型、人文型和幾何型三種。
其中,常規的無襯線是最常見、最普通的,可以說是最不個性化的;人文無襯線風格的筆畫寬度不等,而是進行了過渡變化,S、C等字母的切口也較寬,給人壹種優美飄逸的感覺,同時又有壹點文藝氣質;幾何無襯線體更像幾何圖形,給人壹種簡約、時尚、現代的感覺。
常見的常規無襯線體有Helvetica、Univers、DIN等。他們給人的感覺是現代、理性、嚴謹,同時又是最沒有個性的。
因為沒有什麽特別的個性,所以字體的包容性很強,有句話說:不知道用什麽字體的時候,用Helvetica。由此可見其用途之廣。
人文主義無襯線的代表有Gill Sans、Optima、Stone Sans等。人文無襯線給人的感覺是理性和感性並存,是壹種有高溫的字體。它們也能傳達優雅、美麗和人性。
幾何無襯線字體的代表有Ftura、Avalon、Avant Garded等。這種字體幾何感很強,看起來很現代很高端。
與無襯線相比,黑體的分類相對簡單,只能根據有無喇叭口的原則分為常規黑體和人文黑體。沒有喇叭口的黑體是常規,喇叭口的黑體是人文。
常見的常規黑體有思源黑體、微軟雅黑、漢儀奇黑、方正蘭亭黑等。常見的人文黑體包括默認黑體和霍利黑體。
粗體和無襯線的搭配比襯線和宋體簡單,選擇精致的字體,統壹字重和筆畫形式即可。