簡報設計|把設計輕量化吧!5個方法擺脫內容色塊厚重感

更新於 發佈於 閱讀時間約 7 分鐘
上班族預備商業簡報時,會面對與理想相距的現實問題:文字內容無可避免地多,難以配合簡約的設計風格或模板。作為解決方法,色塊經常被應用在間隔或承載文字內容上,然而當處理得不好,容易會引致觀眾的視覺疲勞而得不償失。透過簡單的改造,可以將色塊減重,一起來看看5個設計輕量化的方法吧!
raw-image

在簡報設計中,色塊是個多用途的工具。大型的色塊可以快速分割投影片的畫面,小型的色塊則可以協助平衡長短不一的文字或是圖片內容。當色塊的內容面積比,亦即是內容文字與色塊本身的面積的比例,處於夠低的水平,更可以創造出呼吸感的留白空間。

raw-image

現實的問題逃避不了,當文字內容增加,色塊的內容面積比減少,呼吸空間的失去,換來的是視覺的沉重與局促。尤其當色塊設計,就如坊間多數的模板一般,配上較深的顏色,文字則是淺色或是白色。雖然這種設計帶有強烈的風格,但是在同一頁投影片配上幾個色塊的時候,視覺上會覺得厚重。

既然深色的色塊看上去會疲累,那麼把顏色調淺一點就可以了吧?

顏色深淺當中有一個尷尬的範圍,就是色彩較淺的同時,無論是選用黑色或是白色的字體,可讀性同樣是不足夠;或是同一頁投影片中的色塊有不同顏色,但是為了維持可讀性,而在部分色塊用上黑色字體,其餘色塊則是白色字體,最後影響了一致性。

raw-image

要在色塊運用、大量文字、看得清楚、避免疲勞這幾方面之間,作好微妙的平衡,以下有五種修訂方法可供參考選用。



解題1:分拆標題與內容

先把標題抽離出來,放進兩端為半圓形的色塊中,長度稍為縮短。內容色塊改為方角設計,令標題和內容色塊之間,透過顏色、長度、圓角三重對比,達到兩者的對比,亦確比觀眾的視線首先在標題色塊停留。

將配色的責任撥歸標題色塊,那麼內容色塊可以踏實地當文字方塊的角色,以可讀性為設計的首要條件,例如回歸傳統的淺色或白色背景,配上深色或黑色的文字。

在這個例子裡,標題色塊的顏色較深,容易產生上重下輕的感覺。這個時候在內容色塊的底部,補回一條相同顏色的粗線,視覺重量上能夠作出平衡,同時亦帶來了一致感。

raw-image



解題2:分拆顏色與內容

面對色彩較淺,令文字內容看得不清楚,假設這是客戶的主題色,或是上司指定的顏色,也就是說,解題要在不修改顏色下進行。

既然顏色不能改,就索性把顏色與內容切割開來吧。將標題的數字抽離放進圓形中,跟上一個解題法一樣,圓形與方角作出對比。把淺色的背景色,反轉來當標題數字的顏色來使用,圓形背景配上白色,框線則是跟數字的顏色一樣,框線粗度跟數字的筆劃粗度也是一樣,雙重的一致性,看上去更為舒服。

在內容色塊的頂部,加上同一顏色的長條,作為醒目的標題色,同時與數字的圓形融合起來,為設計加上一點深度或複雜性。內容色塊的文字處理也如上一個解題法,然而因為顏色較淺的關係,沒有必要在底部加入增重的色條。

raw-image



解題3:以陰影作為區分

有時候色塊的內容並沒有標題,就沒有那麼容易把標題抽離出來作為解題的開展。單單將顏色由填充轉移到框線的角色,看上去又有點兒單調,那麼,把顏色轉移到陰影又如何呢?

談起陰影,你大概會想到那個中灰色、帶點柔邊的萬年設定。把柔邊的設定關掉,陰影就好像是色塊的雙生兒,如影隨形。與單純的外框相比,陰影可以帶來視線上的深度,碰上同一頁投影片有多個類似的色塊,例如是目錄頁或是產品對比頁,將多個色塊的顏色轉移各自到陰影,也不會覺到厚重。

你可能會想,為什麼要用上陰影,而非乾脆繪畫多一個形狀,再放在色塊的底下?因為軟件的陰影就如現實中的陰影一樣,如影隨形,我們調整色塊的形狀、圓角、位置、比例,陰影都會立刻跟著改變,而無需花時間心思去將底下的形狀來跟著改變呢。

raw-image



解題4:以切割作為區分

分享過幾種縱向色塊的改造方法,橫向的色塊也有改善的可能。設計的靈感可以來自現實中的物件,例如我們參考辦公室常見的告示貼index marker,修長的比例,一端為較短顏色標記,用以突出於書頁或是文件以外,另一端較長的白色部分則可以寫上內容。

將橫向的色塊,縱向地切割成兩份,顏色搬歸左邊較短的部分,用來裝載標題的文字;右邊較長的部分,自然就是承載文字內容了,同樣道理,脫離了顏色的綑綁,文字內容的可讀性也因此能夠提升。

在左右兩個切割開的部分之間,可考慮加入狹窄的縫隙,讓視線由左往右游走的時候,稍作的停歇能夠帶來一點玩味。

raw-image



解題5:以框線作為區分

先前有提過,單單以框線作為解題的手段難免會單調,然而,把這種傳統的方法稍作調整,也可以成為新的角度。

將色塊的顏色轉移到標題文字身上,標題文字可以在框線外或內,帶來不同的效果。框線的顏色,除了與標題文字一致來提升整體感以外,亦可以加入漸變色的設計,為整個解題方案加入一點生氣。

漸變色不一定是由兩種或以上顏色來組成,簡單一點調整顏色的透明度,再把漸變調整成四十五度的斜角,已經能夠為框線及色塊帶來立體感,而不一定要投放更多時間去找尋匹配的顏色來作漸變的效果。

raw-image



延伸:綜合各種解題法

學會了以上各種解題方法,不等於要墨守成規,每每重覆幾款的設計。把解題的心法融匯貫通,同樣可以創造新的進路。

就如下圖的例子一般,先以外框的顏色取代色塊的填充,再統一框線與標題文字的顏色,提升一致感。這個時候我們啓用陰影的設定,但不再是四十五度的斜角,把角度減少的同時,將陰影的距離大大的拉遠,直至創造出另一個類似色塊的空間。

在這一個空間中,足夠放上一個圖示,令內容不致於只有文字與顏色。圖示的顏色填充採取鏤空的設計,視覺上的減重幫助保持平衡,令整體不會往右邊傾斜。

raw-image



結語

上班族經常要處理文字內容較多的簡報,雖然色塊常用於排版與裝載內容,然而在簡報設計中當色塊遇上大量文字,便容易出現厚重感或是可讀性不足。其實,「做好簡報設計」與「處理大量文字」,並不一定是對立面,透過簡單的改善方法,保留部分色彩之餘,更讓設計輕量化,觀眾可以看得更舒服,更容易專心聽你的簡報。

我的第一本簡報書「全圖解!避開99%簡報地雷:職場商業簡報實戰懶人包」現已在台灣、香港、新加坡、馬來西亞各大實體書店有售,電子書版本亦已經在各大平台上架。

喜歡社交媒體的朋友,歡迎追蹤我的專頁(https://www.facebook.com/salaryman.presentations/),一口式內容,適合通勤時學習之用。

社福機構或是教育界如果有公益講座的需求,也歡迎電郵聯絡:salaryman.inbox@gmail.com


留言
avatar-img
留言分享你的想法!
avatar-img
上班族簡報日常的沙龍
133會員
77內容數
人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
2025/03/24
「生成內容」已經是辦公室必備的競爭力,無論是文件、電郵、圖像、簡報,都有不同的生成應用。但你又是否知道,Excel本身也有生成內容的函數,讓你不用把算式往下拉、根據今天日期更新過去十二個月數據的圖表、甚至動態建立階梯式收費或稅項表格? 個人實戰的經驗是,用好Excel函數的秘訣,不在於把問題全
Thumbnail
2025/03/24
「生成內容」已經是辦公室必備的競爭力,無論是文件、電郵、圖像、簡報,都有不同的生成應用。但你又是否知道,Excel本身也有生成內容的函數,讓你不用把算式往下拉、根據今天日期更新過去十二個月數據的圖表、甚至動態建立階梯式收費或稅項表格? 個人實戰的經驗是,用好Excel函數的秘訣,不在於把問題全
Thumbnail
2025/02/17
簡報要用上的圖片,可以從生成或圖庫而來,或是材料中的圖表只有圖片版本,當我們想突顯圖片中某些部分,來作重點的強調與說明,除了畫個礙眼的紅色方框,可以從何入手呢?對烹飪有所要求的廚師,處理食材時會用上不同的工具。在職場打滾的上班族也如是,掌握解決同一個問題的多種方法,就能夠靈活運用不同的解題角度。
Thumbnail
2025/02/17
簡報要用上的圖片,可以從生成或圖庫而來,或是材料中的圖表只有圖片版本,當我們想突顯圖片中某些部分,來作重點的強調與說明,除了畫個礙眼的紅色方框,可以從何入手呢?對烹飪有所要求的廚師,處理食材時會用上不同的工具。在職場打滾的上班族也如是,掌握解決同一個問題的多種方法,就能夠靈活運用不同的解題角度。
Thumbnail
2025/01/13
來到了一月,無論你身處的地方,是會計年度的剛剛開始,或是財政年度的快要結束,這都是年度匯報與簡報的繁忙時期。業績簡報、晉升報告、部門大會接踵而來,有沒有因此而感到煩惱?國際簡報系列,我們觀摩過美韓等地的企業,這一站來到了日本。
Thumbnail
2025/01/13
來到了一月,無論你身處的地方,是會計年度的剛剛開始,或是財政年度的快要結束,這都是年度匯報與簡報的繁忙時期。業績簡報、晉升報告、部門大會接踵而來,有沒有因此而感到煩惱?國際簡報系列,我們觀摩過美韓等地的企業,這一站來到了日本。
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
Thumbnail
去除文字格式 當你在製作稿子時需要一段文字時,通常是自己用打字的方法,再套用粗體、斜體之類的特效。 但當你在網路看到一段話時,有時懶得打時你會拷貝下來時,也把當時作者設定的格式也帶到了Word上。這時還得需要重新設定為內文(多一道工),就可以使用記事本這個工具(如下圖) 後再貼入排版工具裡,即可使
Thumbnail
去除文字格式 當你在製作稿子時需要一段文字時,通常是自己用打字的方法,再套用粗體、斜體之類的特效。 但當你在網路看到一段話時,有時懶得打時你會拷貝下來時,也把當時作者設定的格式也帶到了Word上。這時還得需要重新設定為內文(多一道工),就可以使用記事本這個工具(如下圖) 後再貼入排版工具裡,即可使
Thumbnail
一個好 Banner ,如何令人留下深刻的印象並且心動點擊呢?如果不會設計,也能做出吸引人的 Banner 嗎?為了幫助創作者們能為自己的好內容做出簡單的視覺設計,格編與設計師合作,推出這篇基礎的教學文。
Thumbnail
一個好 Banner ,如何令人留下深刻的印象並且心動點擊呢?如果不會設計,也能做出吸引人的 Banner 嗎?為了幫助創作者們能為自己的好內容做出簡單的視覺設計,格編與設計師合作,推出這篇基礎的教學文。
Thumbnail
如何將圖文訊息作適切搭配,減少雜訊干擾? 這是不少想學習視覺筆記的朋友詢問我的問題,根據我自己的經驗與坊間資訊圖解相關書籍,尤其推薦奕酉老師的《20道資料視覺化難題全解析》一書,我想分享四個我自己的觀點。 https://www.books.com.tw/products/0010891140
Thumbnail
如何將圖文訊息作適切搭配,減少雜訊干擾? 這是不少想學習視覺筆記的朋友詢問我的問題,根據我自己的經驗與坊間資訊圖解相關書籍,尤其推薦奕酉老師的《20道資料視覺化難題全解析》一書,我想分享四個我自己的觀點。 https://www.books.com.tw/products/0010891140
Thumbnail
工作上遇上喋喋不休的同事,你也可能曾經忍不住冒了一句:「說到了重點沒有?」。簡報設計中,如果內文比較多,又因為場合需要,或是老闆要求下不能再簡化,要在同事間突圍而出,你會願意花兩分鐘,造出個人化的螢光筆突顯效果嗎?相反,人人都會的粗體、斜體、下劃線,甚麼情景下該用甚麼的方法?
Thumbnail
工作上遇上喋喋不休的同事,你也可能曾經忍不住冒了一句:「說到了重點沒有?」。簡報設計中,如果內文比較多,又因為場合需要,或是老闆要求下不能再簡化,要在同事間突圍而出,你會願意花兩分鐘,造出個人化的螢光筆突顯效果嗎?相反,人人都會的粗體、斜體、下劃線,甚麼情景下該用甚麼的方法?
Thumbnail
許多人在製作簡報投影片時,習慣將投影片當作書面報告製作,導致投影片中的文字長篇大論,不但造成閱讀困難,也容易讓聽眾對簡報內容失去興趣而分神。其實,簡報的精髓在於簡報者的口頭發表內容,因此文字必須恰如其分地扮演輔助角色,把握一張投影片說明一個重點的原則,用最精簡的方式表達。
Thumbnail
許多人在製作簡報投影片時,習慣將投影片當作書面報告製作,導致投影片中的文字長篇大論,不但造成閱讀困難,也容易讓聽眾對簡報內容失去興趣而分神。其實,簡報的精髓在於簡報者的口頭發表內容,因此文字必須恰如其分地扮演輔助角色,把握一張投影片說明一個重點的原則,用最精簡的方式表達。
Thumbnail
過去的讀者,可能只透過單一載體(書、雜誌、報紙)來閱讀,現在的讀者會用手機、電腦、平板等各種不同載具來閱讀。分段,就是作者能夠花最小的力氣,最大限度提升閱讀體驗的手段之一。本篇簡單分享幾個分段的技巧,希望大家都能輕鬆上手!
Thumbnail
過去的讀者,可能只透過單一載體(書、雜誌、報紙)來閱讀,現在的讀者會用手機、電腦、平板等各種不同載具來閱讀。分段,就是作者能夠花最小的力氣,最大限度提升閱讀體驗的手段之一。本篇簡單分享幾個分段的技巧,希望大家都能輕鬆上手!
Thumbnail
簡報有很多流派,有字越多越好的,也有字越少越好的。不過通常我幫客戶看簡報時,在文字上只有一個很簡單的原則。
Thumbnail
簡報有很多流派,有字越多越好的,也有字越少越好的。不過通常我幫客戶看簡報時,在文字上只有一個很簡單的原則。
Thumbnail
一位朋友轉了他自己寫的文章讓我拜讀、並且問我的意見,於是我們二人進行了一段線上問答。對於這類跟技術有點相關的評論文章,我有自己慣用的一個架構,也藉這個機會提出來給大家參考。
Thumbnail
一位朋友轉了他自己寫的文章讓我拜讀、並且問我的意見,於是我們二人進行了一段線上問答。對於這類跟技術有點相關的評論文章,我有自己慣用的一個架構,也藉這個機會提出來給大家參考。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News