簡報設計心法

範例導向數位教材

我們常常會覺得簡報設計的雜亂不堪。那麼「雜亂」的概念是甚麼?

以類似全國技藝競賽商業簡報的內容為主，假設有一個單一頁面，用來說明公司簡介。從企畫書中，我們可以摘要一些項目與說明文字，分四點來說明。同時，也提供了四張相對但大小不一的圖片。

如果我們只是將資料放入，可能會有如下的呈現。



感覺雜亂的主要原因是，資訊的相近與對齊都缺乏。

對於簡報設計者來說，設計大師Robin Williams，在《The Non-Designer’s Design Book》(寫給非設計者的設計書)一書中，提到四個平面設計的原則，也相當適合用於簡報設計。包括

• 對齊
• 相近
• 對比
• 重複

這四個原則是簡報設計視覺效果的設計原則。這與大腦對於資訊判讀的方式有關。先來了解人類的大腦。

大腦對於資訊的判讀

相似性

大腦會把相似(大小、形狀、顏色類似)的物件，視為一體。

因此，在簡報設計上，我們會相同類別的資訊，以相同的大小、形狀或是顏色來標示。

接近性

大腦會把彼此距離接近的物件，視為一體。影響力會大於相似性。

以下的範例，左側會被視為一體，但右側會分成三組來判讀



因此，在簡報或是其他文件的設計上，我們不會把類似下圖這樣有階層相關的資訊，使用「垂直均分」來均分行距，而會把類別之間的間距拉大。(如右側)當然更多的呈現方式可以使用圖解來區隔。

對稱性

大腦會把彼此對稱的物件，視為一體。影響力會大於接近性與相似性。

因此，即便是下圖上方，左括號與下一個右括號比較接近，大腦仍會把成對的括號當成一組。

前後景

人腦會自動組織自己所看見的景象，分出前後景。在簡報設計上，如果要凸顯某一資訊，可以蓄意淡化或是模糊後景，以便凸顯前景。

簡報設計四法則

對齊

針對圖片，我們以圖型的形狀，不進行裁切的處理下，以拼圖方式，於一接近正方形的區域內重新排列。
我們針對文字使用了靠左對齊與垂直均分進行「對齊」。垂直的高度，與圖片整體高度切齊。
均分之後，再依據相近性，將說明文字全部向上移動，以區隔每一項目。

相近

由於圖文之間還是有相關性，因此，以相近性的設計原則，我們還可以考慮把文字與圖片，比較相近的「綁」在一起。下圖是直接使用PPT中的SmartArt來完成

對比

如果沒有需要凸顯某一訊息，則使用相近與對齊，便可以把單一頁面的資訊進行整理。但如果要凸顯某些資訊，如「目標族群」，則我們可以使用放大、改變顏色，或是背景模糊等方式來進行。下圖便是將 SmartArt 轉換成圖片，經過處理而得到的結果。

重複(一致)

重複性，或稱為一致性的概念，主要是讓簡報對象看到相似的物件重複的出現，以便呈現簡報設計風格的一致性。

在單一的頁面設計上，如，為簡報加上圖示，或是照片化圖示。

其實當我們運用SmartArt來產生圖解，也符合了重複性的概念。

重複性另一個典型的應用則版型設計。在相似的簡報內容中，左上角都有一樣且重複出現的圖片設計。