簡報設計｜把設計輕量化吧！5個方法擺脫內容色塊厚重感
上班族預備商業簡報時，會面對與理想相距的現實問題：文字內容無可避免地多，難以配合簡約的設計風格或模板。作為解決方法，色塊經常被應用在間隔或承載文字內容上，然而當處理得不好，容易會引致觀眾的視覺疲勞而得不償失。透過簡單的改造，可以將色塊減重，一起來看看5個設計輕量化的方法吧！
在簡報設計中，色塊是個多用途的工具。大型的色塊可以快速分割投影片的畫面，小型的色塊則可以協助平衡長短不一的文字或是圖片內容。當色塊的內容面積比，亦即是內容文字與色塊本身的面積的比例，處於夠低的水平，更可以創造出呼吸感的留白空間。
現實的問題逃避不了，當文字內容增加，色塊的內容面積比減少，呼吸空間的失去，換來的是視覺的沉重與局促。尤其當色塊設計，就如坊間多數的模板一般，配上較深的顏色，文字則是淺色或是白色。雖然這種設計帶有強烈的風格，但是在同一頁投影片配上幾個色塊的時候，視覺上會覺得厚重。
既然深色的色塊看上去會疲累，那麼把顏色調淺一點就可以了吧？
顏色深淺當中有一個尷尬的範圍，就是色彩較淺的同時，無論是選用黑色或是白色的字體，可讀性同樣是不足夠；或是同一頁投影片中的色塊有不同顏色，但是為了維持可讀性，而在部分色塊用上黑色字體，其餘色塊則是白色字體，最後影響了一致性。
要在色塊運用、大量文字、看得清楚、避免疲勞這幾方面之間，作好微妙的平衡，以下有五種修訂方法可供參考選用。
解題１：分拆標題與內容
先把標題抽離出來，放進兩端為半圓形的色塊中，長度稍為縮短。內容色塊改為方角設計，令標題和內容色塊之間，透過顏色、長度、圓角三重對比，達到兩者的對比，亦確比觀眾的視線首先在標題色塊停留。
將配色的責任撥歸標題色塊，那麼內容色塊可以踏實地當文字方塊的角色，以可讀性為設計的首要條件，例如回歸傳統的淺色或白色背景，配上深色或黑色的文字。
在這個例子裡，標題色塊的顏色較深，容易產生上重下輕的感覺。這個時候在內容色塊的底部，補回一條相同顏色的粗線，視覺重量上能夠作出平衡，同時亦帶來了一致感。
解題２：分拆顏色與內容
面對色彩較淺，令文字內容看得不清楚，假設這是客戶的主題色，或是上司指定的顏色，也就是說，解題要在不修改顏色下進行。
既然顏色不能改，就索性把顏色與內容切割開來吧。將標題的數字抽離放進圓形中，跟上一個解題法一樣，圓形與方角作出對比。把淺色的背景色，反轉來當標題數字的顏色來使用，圓形背景配上白色，框線則是跟數字的顏色一樣，框線粗度跟數字的筆劃粗度也是一樣，雙重的一致性，看上去更為舒服。
在內容色塊的頂部，加上同一顏色的長條，作為醒目的標題色，同時與數字的圓形融合起來，為設計加上一點深度或複雜性。內容色塊的文字處理也如上一個解題法，然而因為顏色較淺的關係，沒有必要在底部加入增重的色條。
解題３：以陰影作為區分
有時候色塊的內容並沒有標題，就沒有那麼容易把標題抽離出來作為解題的開展。單單將顏色由填充轉移到框線的角色，看上去又有點兒單調，那麼，把顏色轉移到陰影又如何呢？
談起陰影，你大概會想到那個中灰色、帶點柔邊的萬年設定。把柔邊的設定關掉，陰影就好像是色塊的雙生兒，如影隨形。與單純的外框相比，陰影可以帶來視線上的深度，碰上同一頁投影片有多個類似的色塊，例如是目錄頁或是產品對比頁，將多個色塊的顏色轉移各自到陰影，也不會覺到厚重。
你可能會想，為什麼要用上陰影，而非乾脆繪畫多一個形狀，再放在色塊的底下？因為軟件的陰影就如現實中的陰影一樣，如影隨形，我們調整色塊的形狀、圓角、位置、比例，陰影都會立刻跟著改變，而無需花時間心思去將底下的形狀來跟著改變呢。
解題４：以切割作為區分
分享過幾種縱向色塊的改造方法，橫向的色塊也有改善的可能。設計的靈感可以來自現實中的物件，例如我們參考辦公室常見的告示貼index marker，修長的比例，一端為較短顏色標記，用以突出於書頁或是文件以外，另一端較長的白色部分則可以寫上內容。
將橫向的色塊，縱向地切割成兩份，顏色搬歸左邊較短的部分，用來裝載標題的文字；右邊較長的部分，自然就是承載文字內容了，同樣道理，脫離了顏色的綑綁，文字內容的可讀性也因此能夠提升。
在左右兩個切割開的部分之間，可考慮加入狹窄的縫隙，讓視線由左往右游走的時候，稍作的停歇能夠帶來一點玩味。
解題５：以框線作為區分
先前有提過，單單以框線作為解題的手段難免會單調，然而，把這種傳統的方法稍作調整，也可以成為新的角度。
將色塊的顏色轉移到標題文字身上，標題文字可以在框線外或內，帶來不同的效果。框線的顏色，除了與標題文字一致來提升整體感以外，亦可以加入漸變色的設計，為整個解題方案加入一點生氣。
漸變色不一定是由兩種或以上顏色來組成，簡單一點調整顏色的透明度，再把漸變調整成四十五度的斜角，已經能夠為框線及色塊帶來立體感，而不一定要投放更多時間去找尋匹配的顏色來作漸變的效果。
延伸：綜合各種解題法
學會了以上各種解題方法，不等於要墨守成規，每每重覆幾款的設計。把解題的心法融匯貫通，同樣可以創造新的進路。
就如下圖的例子一般，先以外框的顏色取代色塊的填充，再統一框線與標題文字的顏色，提升一致感。這個時候我們啓用陰影的設定，但不再是四十五度的斜角，把角度減少的同時，將陰影的距離大大的拉遠，直至創造出另一個類似色塊的空間。
在這一個空間中，足夠放上一個圖示，令內容不致於只有文字與顏色。圖示的顏色填充採取鏤空的設計，視覺上的減重幫助保持平衡，令整體不會往右邊傾斜。
結語
上班族經常要處理文字內容較多的簡報，雖然色塊常用於排版與裝載內容，然而在簡報設計中當色塊遇上大量文字，便容易出現厚重感或是可讀性不足。其實，「做好簡報設計」與「處理大量文字」，並不一定是對立面，透過簡單的改善方法，保留部分色彩之餘，更讓設計輕量化，觀眾可以看得更舒服，更容易專心聽你的簡報。
我的第一本簡報書「全圖解！避開99%簡報地雷：職場商業簡報實戰懶人包」現已在台灣、香港、新加坡、馬來西亞各大實體書店有售，電子書版本亦已經在各大平台上架。
喜歡社交媒體的朋友，歡迎追蹤我的專頁(https://www.facebook.com/salaryman.presentations/)，一口式內容，適合通勤時學習之用。
社福機構或是教育界如果有公益講座的需求，也歡迎電郵聯絡：salaryman.inbox@gmail.com
此篇文章會顯示動態置底廣告
為什麼會看到廣告
126會員
72內容數
人人也說要大圖大字，簡報是否只有一個模式？
在企業框架內、上司要求下如何發揮設計創意？
我不想聽「你要這樣做」，我要知「為什麼」！
遙距簡報的世代，設計上又有什麼雷區要避免？
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
今年在報稅申報扶養人時，在跟家人討論要怎麼報免稅額才能比較高，扣稅扣比較少，心中突然閃過一個想法，不如我用EXCEL自己來設計一個簡易的稅額式算，練習EXCEL公式的同時，也可以了解報稅的邏輯。
然後我覺得比較有趣的，順手做了一個功能，利用一些簡單的資訊，就能算出大約的年收入，嘿嘿嘿嘿(奸笑)
事實上，職場中的簡報情境非常多樣，每種情境的需求與較佳解也大相逕庭。若只是看了幾本書，沒有在實際情境採用對應的作法，那結果就會不如預期。
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容，並且幫大家附上了來源，如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到，而且我還會加上我的一點個人回饋。
另外每月資訊量不同，造成每一類的內容不一，有的內容會比較多，如果你只想看精選，我會在每一類中都挑出 3 篇我最推的
換了新 logo；我們將參加第 19 輪 Gitcoin Grants 的募資，目前草案已經張貼於公開頻道，供大家檢視也徵求反饋，一起讓【創作者經濟 IMO】專案變得更好！
撰寫日期：2022.11.28 作者：FAHAHA｜翁順法
這篇文章並不是一篇政治觀點文，而是一篇知識分享文。主要想跟大家分享，我從2022年台北市長的選舉政見海報中，觀察到的簡報技巧。
撰寫日期：2022.08.22 作者：FAHAHA｜翁順法
這篇文章從聽眾的角度出發，分享了三個簡報讓人看不懂的原因，分別是：搞不清目的、找不到重點、看不懂邏輯。反過來想，想要做出讓人一看就懂的投影片，不外乎就三個目標：釐清目的、凸顯重點、明確邏輯......
撰寫日期：2022.08.15 作者：FAHAHA｜翁順法
這篇文章，我們談了簡報設計的三個迷思，分別是：誤把設計當裝飾、誤當自己賈伯斯、誤把簡報當講義。
這三個迷思的產生，是因為我們多數人在學習及製作投影片的過程沒有意識到：投影片最重要的目的，是加速講者和聽眾溝通的效率......
以前，我在“別人的PPT”裡，看見一些特別的形狀， 腦袋會自動出現聲音： 這是用illustrator做的，PPT做不到！做不到！
後來，我才發現POWER POINT其實也可以編輯形狀，把Ａ形狀變成Ｂ形狀。
Ａ漸層線
作用：把等寬直線，變成一端（或兩端），逐漸變細消失的線條，讓線條變更美。
撰寫日期：2021.11.02 作者：FAHAHA｜翁順法
這篇文章分享了四個觀念技巧，非常適合初學者學習，分別是：投影片母片、尺規與輔助線、快速存取工具列、常用快捷鍵。
我認為先了解其背後的概念，再學會應用的技巧，就可以更融會貫通。因此文章中除了告訴你怎麼做，也告訴你為什麼要這樣做。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
今年在報稅申報扶養人時，在跟家人討論要怎麼報免稅額才能比較高，扣稅扣比較少，心中突然閃過一個想法，不如我用EXCEL自己來設計一個簡易的稅額式算，練習EXCEL公式的同時，也可以了解報稅的邏輯。
然後我覺得比較有趣的，順手做了一個功能，利用一些簡單的資訊，就能算出大約的年收入，嘿嘿嘿嘿(奸笑)
事實上，職場中的簡報情境非常多樣，每種情境的需求與較佳解也大相逕庭。若只是看了幾本書，沒有在實際情境採用對應的作法，那結果就會不如預期。
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容，並且幫大家附上了來源，如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到，而且我還會加上我的一點個人回饋。
另外每月資訊量不同，造成每一類的內容不一，有的內容會比較多，如果你只想看精選，我會在每一類中都挑出 3 篇我最推的
換了新 logo；我們將參加第 19 輪 Gitcoin Grants 的募資，目前草案已經張貼於公開頻道，供大家檢視也徵求反饋，一起讓【創作者經濟 IMO】專案變得更好！
撰寫日期：2022.11.28 作者：FAHAHA｜翁順法
這篇文章並不是一篇政治觀點文，而是一篇知識分享文。主要想跟大家分享，我從2022年台北市長的選舉政見海報中，觀察到的簡報技巧。
撰寫日期：2022.08.22 作者：FAHAHA｜翁順法
這篇文章從聽眾的角度出發，分享了三個簡報讓人看不懂的原因，分別是：搞不清目的、找不到重點、看不懂邏輯。反過來想，想要做出讓人一看就懂的投影片，不外乎就三個目標：釐清目的、凸顯重點、明確邏輯......
撰寫日期：2022.08.15 作者：FAHAHA｜翁順法
這篇文章，我們談了簡報設計的三個迷思，分別是：誤把設計當裝飾、誤當自己賈伯斯、誤把簡報當講義。
這三個迷思的產生，是因為我們多數人在學習及製作投影片的過程沒有意識到：投影片最重要的目的，是加速講者和聽眾溝通的效率......
以前，我在“別人的PPT”裡，看見一些特別的形狀， 腦袋會自動出現聲音： 這是用illustrator做的，PPT做不到！做不到！
後來，我才發現POWER POINT其實也可以編輯形狀，把Ａ形狀變成Ｂ形狀。
Ａ漸層線
作用：把等寬直線，變成一端（或兩端），逐漸變細消失的線條，讓線條變更美。
撰寫日期：2021.11.02 作者：FAHAHA｜翁順法
這篇文章分享了四個觀念技巧，非常適合初學者學習，分別是：投影片母片、尺規與輔助線、快速存取工具列、常用快捷鍵。
我認為先了解其背後的概念，再學會應用的技巧，就可以更融會貫通。因此文章中除了告訴你怎麼做，也告訴你為什麼要這樣做。