簡報設計的「面」- 談色塊的運用

之前在簡報設計的文章中有提到簡單的線條是設計時很好的朋友(請見醫學簡報設計基礎篇:病例報告-Case Report),今天來談另外一個很好用的設計元素—色塊。平常在製作投影片時,當想要在滿版圖片上加上文字的時候,為了文字凸顯出來,經常會使用一個半透明的遮罩放在文字下方,那個遮罩其實就是一種色塊的應用。在這裡我把「色塊」定義為「帶有顏色的方形物件」其實在日常生活中到處都可以見到色塊在設計上面的運用,比如說書本雜誌的封面;網站的平面設計,廣告單或DM等等,到處都找得到色塊的影子。

這邊我舉出三個我最常使用色塊的設計方式,提供大家製作簡報時一個好用的設計方式。同樣的還是要強調一點:在使用時要確定想要呈現給聽眾的訊息是什麼,使用這個方式對於理解有幫助還是反而影響理解?在做設計時一定要時時提醒自己這個問題,不要為了好看而勉強使用喔。

A. 減輕畫面顏色的衝擊

今天如果我有一個主題色想要貫穿整份簡報,或者是在章節頁面想要用滿版的顏色來和內文簡報做區隔時,除了黑色系以外的顏色在使用上經常會帶給聽眾很強大的眼力負擔,尤其是使用亮色系的顏色時(例如黃色、綠色、藍色或紅色等)。如果可以在畫面中央作業空間處加上一個白色的色塊,作為設計區和底色的緩衝空間,一來在視覺上的衝擊力會減小,二來若內文想要使用這個主色當作重點強調色系時,白色的色塊是相當好的對比空間。這個做法很簡單,將底圖設成想要的顏色後,用「形狀」拉出和簡報大小幾乎差不多的白色方塊置中(要不要加上邊線都可以)就完成了。

再進階一點的話,可以在白色方塊以外的邊區加上提示頁碼或說明,或是附註 reference 出處,都是有效利用空間的做法。

B. 主訊息提示區

如果一張投影片中有主訊息和次要訊息兩個部分,可以利用有顏色的色塊來做主訊息區的底色,而留白的地方當作次要訊息的放置區域。作法就是拉一個超過半版面的色塊(建議顏色選擇儘量使用明度或是彩度較低的色系,因為這區面積大顏色太亮反而干擾閱讀)然後將主要訊息排版到這個色塊上。例如章節頁面的設計或者是條文的解說等,這樣的做法不但可以強調主要訊息,同時下方的次要訊息區也不會干擾主要訊息,是很簡單就可以很有視覺效果的作法。

C. 分項重點說明強調區

如果一張投影片上面有幾個分項想要說明,但是又不想使用數字或子彈(段落符號)的時候,使用色塊壓在說明文字或圖示下方,可以讓聽眾自然把訊息和色塊視為一體。同時色塊大小一致,對於排版作業會更加方便,就算說明文字的內容沒有辦法控制到字數接近而不容易排整齊,只要色塊對齊視覺上對齊的效果就會很好喔。這個方法其實和扁平圖示加上圓形外框,提高視覺一致性和利於對齊排版是同樣原理的。

以上就是幾個簡單的色塊運用,如果熟練的話其實也不一定要侷限在方形,可以嘗試其他不同形狀的組合色塊,增加設計上的變化喔。

 

 

 

臉書留言

一般留言

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *