1條原則,2個方法,輕鬆構建清晰的PPT頁面
清晰的資訊結構有助於演示內容高效的傳遞,這是商業演示設計的準則之一。
設計是一種有規律的創造性活動,隨意性地設計通常只會讓資訊雜亂無章
。像下面這張圖,我們閱讀起來十分費勁,大家並不能清楚地知道這些文字之間是什麼關係,以及我究竟需要表達什麼。
之所以造成這樣的原因,是因為文字間錯誤的距離並不符合我們的閱讀習慣,不符合我們的閱讀期望。
我們的視覺天生喜歡結構清晰的事物,而對於條理不清晰的事物,它就會陷入混亂和不知所以然的狀態。
《寫給大家看的設計書》的作者為此提出了一個重要的設計原則,即親密性原則,幫助大家改善閱讀體驗。
親密性原則認為,彼此靠近的元素傾向於被視為一個組。
親密性原則符合我們的視覺習慣,它認為那些物理位置相互靠近的元素為一組,相互遠離的不存在相互關係。
我們來看下面這組方塊元素,它們之間的距離彼此相等,被視為一組。如果我們要把它分為兩組,應該怎麼辦呢?
其實很簡單,我們不需要改變其它什麼,僅僅改變它們之間的距離就可以了。下面三組圖,我們改變了他們與周圍的距離關係,在視覺上就可以清晰地把他們分為兩組了。
這就是親密性原則的視覺原理,
親密性意味著存在關聯。
它從視覺習慣上,幫助我們設計出符合我們閱讀習慣的視覺作品,讓文字等元素更易讀、更易被理解。
那麼我們該具體怎麼做呢?親密性原則為我們的PPT設計提供了兩條指導性方法:
1.關聯性越大的元素,距離越近
2.關聯性越小的元素,儘量遠離
下面我們就對這兩條方法用案例說明一下,幫助他大家更好地設計PPT文字等元素,更有效地傳遞資訊。
1.關聯性越大的元素,距離越近
設計只有符合我們的視覺習慣,PPT中的資訊才會更好地傳遞和被理解。
我們的視覺天生認為,距離很近的元素存在關聯,它們之間存在某種待揭開的關係。
大家看下面這張PPT頁面,四個小標題和正文是存在相互關聯的,但是由於我在設計時,故意將它們的前後設計成相等距離,這就給大家造成了疑惑。第一眼看上去,我們就會問自己,它們之間究竟是否存在關係,作者究竟想表達什麼。之所以這樣,這是因為我們看東西的時候,視覺有自覺歸類的習慣。當元素十分多的時候,而我們又不能及時地歸類,視覺就會困惑。
下面我們調整標題和正文的距離關係,讓他們相距更近。我們第一眼看上去,就會自動把他們分為四類,並且認為標題與正文存在關係,符合我們的閱讀期望。
在設計PPT時,
關聯性越強的元素,我們要讓它們距離越近
,讓他們自然產生聯絡,使頁面中的元素結構更緊密。
2.關聯性越小的元素,儘量遠離
親密性的反面就是,關聯性越小的元素,儘量遠離。對於關聯性不大的元素,如果相距過近,我們視覺就會認為它們存在關聯,但這明顯不符合我們的閱讀期望。
所以我們在設計關聯性不大的元素,需要保持一定的距離,不要人為地創造關聯,給讀者製造視覺上的混亂。
下面這張PPT尾頁,致敬詞與聯絡資訊之間並不存在太大的關係,放在一起不僅沒必要,而且還顯擁擠。
我們將聯絡資訊分開設計擺放,與敬詞保持一定的距離。不但資訊結構更清晰了,而且閱讀體驗也好很多。
為關聯性不大的元素設計距離,有助於合理地傳遞資訊,讓PPT頁面的資訊結構更清晰,閱讀者更能明白資訊之間的關係。
3.如何處理元素之間的距離
我們知道PPT頁面中的資訊關係通常不是單一的,而是存在多種不同的關係。下面我們將用一個案例來作說明,演示一下該怎麼處理不同資訊之間的距離。
這張PPT頁面,看似結構清晰,但是我認為頁面之間的資訊距離並沒有處理好。
最大的問題就是,小標題與上下的距離幾乎相等,十分不容易分開。b與c等距,而b與a又距離差不多,與上方的距離拉不開,給人視覺上的結構並不是十分清晰。
對此,我們要稍微調整b與c的距離,大範圍調整a,讓它與上方保持足夠的距離,從視覺上形成結構分明的視覺體驗。
親密性的關鍵就是控制好元素之間的距離,它的起點就是要求我們能理解元素之間的內在關係。它們之間是否存在關聯,以及這種關聯是怎麼樣的,這都決定了我們如何給它們分配距離。
4.總結
最後我們進行了下總結,
親密性原則是指彼此靠近的元素傾向於被視為一個組
。它有兩條設計方法,可以幫助我們更有效地處理資訊:
1.關聯性越大的元素,距離越近
2.關聯性越小的元素,儘量遠離
今天的分享就到這裡了,最近我正在寫專業PPT設計教程,歡迎關注 山美PPT,希望可以幫助到你!
PPT設計四大原則升級版擴充套件閱讀:
高階PPT對齊三大方法:位置變換+組合變化+元素錯位
運用對比思維,五大方法提升PPT頁面吸引力
1條原則,2個方法,輕鬆構建清晰的PPT頁面
如何打造個人品牌PPT風格:整體化思維+三大流程化步驟