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

更新於 2023/06/05閱讀時間約 6 分鐘
上班族預備商業簡報時,會面對與理想相距的現實問題:文字內容無可避免地多,難以配合簡約的設計風格或模板。作為解決方法,色塊經常被應用在間隔或承載文字內容上,然而當處理得不好,容易會引致觀眾的視覺疲勞而得不償失。透過簡單的改造,可以將色塊減重,一起來看看5個設計輕量化的方法吧!
在簡報設計中,色塊是個多用途的工具。大型的色塊可以快速分割投影片的畫面,小型的色塊則可以協助平衡長短不一的文字或是圖片內容。當色塊的內容面積比,亦即是內容文字與色塊本身的面積的比例,處於夠低的水平,更可以創造出呼吸感的留白空間。
現實的問題逃避不了,當文字內容增加,色塊的內容面積比減少,呼吸空間的失去,換來的是視覺的沉重與局促。尤其當色塊設計,就如坊間多數的模板一般,配上較深的顏色,文字則是淺色或是白色。雖然這種設計帶有強烈的風格,但是在同一頁投影片配上幾個色塊的時候,視覺上會覺得厚重。
既然深色的色塊看上去會疲累,那麼把顏色調淺一點就可以了吧?
顏色深淺當中有一個尷尬的範圍,就是色彩較淺的同時,無論是選用黑色或是白色的字體,可讀性同樣是不足夠;或是同一頁投影片中的色塊有不同顏色,但是為了維持可讀性,而在部分色塊用上黑色字體,其餘色塊則是白色字體,最後影響了一致性。
要在色塊運用、大量文字、看得清楚、避免疲勞這幾方面之間,作好微妙的平衡,以下有五種修訂方法可供參考選用。

解題1:分拆標題與內容

先把標題抽離出來,放進兩端為半圓形的色塊中,長度稍為縮短。內容色塊改為方角設計,令標題和內容色塊之間,透過顏色、長度、圓角三重對比,達到兩者的對比,亦確比觀眾的視線首先在標題色塊停留。
將配色的責任撥歸標題色塊,那麼內容色塊可以踏實地當文字方塊的角色,以可讀性為設計的首要條件,例如回歸傳統的淺色或白色背景,配上深色或黑色的文字。
在這個例子裡,標題色塊的顏色較深,容易產生上重下輕的感覺。這個時候在內容色塊的底部,補回一條相同顏色的粗線,視覺重量上能夠作出平衡,同時亦帶來了一致感。

解題2:分拆顏色與內容

面對色彩較淺,令文字內容看得不清楚,假設這是客戶的主題色,或是上司指定的顏色,也就是說,解題要在不修改顏色下進行。
既然顏色不能改,就索性把顏色與內容切割開來吧。將標題的數字抽離放進圓形中,跟上一個解題法一樣,圓形與方角作出對比。把淺色的背景色,反轉來當標題數字的顏色來使用,圓形背景配上白色,框線則是跟數字的顏色一樣,框線粗度跟數字的筆劃粗度也是一樣,雙重的一致性,看上去更為舒服。
在內容色塊的頂部,加上同一顏色的長條,作為醒目的標題色,同時與數字的圓形融合起來,為設計加上一點深度或複雜性。內容色塊的文字處理也如上一個解題法,然而因為顏色較淺的關係,沒有必要在底部加入增重的色條。

解題3:以陰影作為區分

有時候色塊的內容並沒有標題,就沒有那麼容易把標題抽離出來作為解題的開展。單單將顏色由填充轉移到框線的角色,看上去又有點兒單調,那麼,把顏色轉移到陰影又如何呢?
談起陰影,你大概會想到那個中灰色、帶點柔邊的萬年設定。把柔邊的設定關掉,陰影就好像是色塊的雙生兒,如影隨形。與單純的外框相比,陰影可以帶來視線上的深度,碰上同一頁投影片有多個類似的色塊,例如是目錄頁或是產品對比頁,將多個色塊的顏色轉移各自到陰影,也不會覺到厚重。
你可能會想,為什麼要用上陰影,而非乾脆繪畫多一個形狀,再放在色塊的底下?因為軟件的陰影就如現實中的陰影一樣,如影隨形,我們調整色塊的形狀、圓角、位置、比例,陰影都會立刻跟著改變,而無需花時間心思去將底下的形狀來跟著改變呢。

解題4:以切割作為區分

分享過幾種縱向色塊的改造方法,橫向的色塊也有改善的可能。設計的靈感可以來自現實中的物件,例如我們參考辦公室常見的告示貼index marker,修長的比例,一端為較短顏色標記,用以突出於書頁或是文件以外,另一端較長的白色部分則可以寫上內容。
將橫向的色塊,縱向地切割成兩份,顏色搬歸左邊較短的部分,用來裝載標題的文字;右邊較長的部分,自然就是承載文字內容了,同樣道理,脫離了顏色的綑綁,文字內容的可讀性也因此能夠提升。
在左右兩個切割開的部分之間,可考慮加入狹窄的縫隙,讓視線由左往右游走的時候,稍作的停歇能夠帶來一點玩味。

解題5:以框線作為區分

先前有提過,單單以框線作為解題的手段難免會單調,然而,把這種傳統的方法稍作調整,也可以成為新的角度。
將色塊的顏色轉移到標題文字身上,標題文字可以在框線外或內,帶來不同的效果。框線的顏色,除了與標題文字一致來提升整體感以外,亦可以加入漸變色的設計,為整個解題方案加入一點生氣。
漸變色不一定是由兩種或以上顏色來組成,簡單一點調整顏色的透明度,再把漸變調整成四十五度的斜角,已經能夠為框線及色塊帶來立體感,而不一定要投放更多時間去找尋匹配的顏色來作漸變的效果。

延伸:綜合各種解題法

學會了以上各種解題方法,不等於要墨守成規,每每重覆幾款的設計。把解題的心法融匯貫通,同樣可以創造新的進路。
就如下圖的例子一般,先以外框的顏色取代色塊的填充,再統一框線與標題文字的顏色,提升一致感。這個時候我們啓用陰影的設定,但不再是四十五度的斜角,把角度減少的同時,將陰影的距離大大的拉遠,直至創造出另一個類似色塊的空間。
在這一個空間中,足夠放上一個圖示,令內容不致於只有文字與顏色。圖示的顏色填充採取鏤空的設計,視覺上的減重幫助保持平衡,令整體不會往右邊傾斜。

結語

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

我的第一本簡報書「全圖解!避開99%簡報地雷:職場商業簡報實戰懶人包」現已在台灣、香港、新加坡、馬來西亞各大實體書店有售,電子書版本亦已經在各大平台上架。
喜歡社交媒體的朋友,歡迎追蹤我的專頁(https://www.facebook.com/salaryman.presentations/),一口式內容,適合通勤時學習之用。
社福機構或是教育界如果有公益講座的需求,也歡迎電郵聯絡:salaryman.inbox@gmail.com
此篇文章會顯示動態置底廣告
為什麼會看到廣告
人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
談起Tesla,你或許會聯想到它的股價、售價、產量,或是語出驚人的老闆Elon Musk。在不久前舉行的年度投資者日當中,除了闡述有關Tesla的現況及發展,Elon Musk也借此機會分享了他的全球電動化計劃。在這篇文章我們先從視覺設計的角度分析下,簡報中五個值得學習的技巧。
「競爭」彷彿就是商業社會的代名詞。產品的銷量、員工的業績、市佔的比例,每年每月鬥個你死我活。這些具競爭性的數據,大多數會採用長條圖或是圓餅圖來表示,我們來看一下,如何利用雷達圖的視覺衝突感,來加強數據之間的對比。在商業應用以外、獎項與選舉的候選人支持度也是適用的場合呢。
利用AI工具發想大綱、整理思緒、自動配圖、甚至產出投影片,一時之間ChatGPT、Tome、Copilot紛紛成為熱話,網上有大量如何施咒語自動預備簡報的教學……那麼,是否從此不再需要學簡報呢?下文一起來採討在自動化預備以後,三個值得你把省下來的時間投資的學習方向,還會預測一下設計市場的潛在變化。
全球直播的發佈會,能帶來矚目的成功,然而偶一不慎,也會造成廣傳的失敗。Google巴黎發佈會正值AI對答模型的戰國時代,外界期待會有能與ChatGPT一爭長短的產品,只是不如天算,無論是場外Microsoft的突襲,還是場內出包的簡報示範,從市場定心丸變成近年最令人失望的發佈會,究竟發生了甚麼事?
「商業簡報只等於好看專業的投影片」其實是一種誤解,我在各地跨國企業的親身經驗,在需要討論細項、數字的時候,簡報的載具也會混有試算表來作靈活運用。單一地強化投影片的技巧,就忽略了實戰中商業機構的需要。相對起投影片強調空間運用,上班族在預備試算表的時候,內容更容易出現密麻麻、難以快速看清的情況。
近年簡報設計以扁平化為主流,立體設計執行上未必能配合複雜的數據和內容,那麼要在扁平設計滲透一點的玩味,又可以怎麼做呢?偽立體的紙張切割效果,常見於簡報模板網站中,然而,你只需要一分鐘時間、常見的軟件,就可以自己動手做呢!新一年一起來學習新的技術吧!
談起Tesla,你或許會聯想到它的股價、售價、產量,或是語出驚人的老闆Elon Musk。在不久前舉行的年度投資者日當中,除了闡述有關Tesla的現況及發展,Elon Musk也借此機會分享了他的全球電動化計劃。在這篇文章我們先從視覺設計的角度分析下,簡報中五個值得學習的技巧。
「競爭」彷彿就是商業社會的代名詞。產品的銷量、員工的業績、市佔的比例,每年每月鬥個你死我活。這些具競爭性的數據,大多數會採用長條圖或是圓餅圖來表示,我們來看一下,如何利用雷達圖的視覺衝突感,來加強數據之間的對比。在商業應用以外、獎項與選舉的候選人支持度也是適用的場合呢。
利用AI工具發想大綱、整理思緒、自動配圖、甚至產出投影片,一時之間ChatGPT、Tome、Copilot紛紛成為熱話,網上有大量如何施咒語自動預備簡報的教學……那麼,是否從此不再需要學簡報呢?下文一起來採討在自動化預備以後,三個值得你把省下來的時間投資的學習方向,還會預測一下設計市場的潛在變化。
全球直播的發佈會,能帶來矚目的成功,然而偶一不慎,也會造成廣傳的失敗。Google巴黎發佈會正值AI對答模型的戰國時代,外界期待會有能與ChatGPT一爭長短的產品,只是不如天算,無論是場外Microsoft的突襲,還是場內出包的簡報示範,從市場定心丸變成近年最令人失望的發佈會,究竟發生了甚麼事?
「商業簡報只等於好看專業的投影片」其實是一種誤解,我在各地跨國企業的親身經驗,在需要討論細項、數字的時候,簡報的載具也會混有試算表來作靈活運用。單一地強化投影片的技巧,就忽略了實戰中商業機構的需要。相對起投影片強調空間運用,上班族在預備試算表的時候,內容更容易出現密麻麻、難以快速看清的情況。
近年簡報設計以扁平化為主流,立體設計執行上未必能配合複雜的數據和內容,那麼要在扁平設計滲透一點的玩味,又可以怎麼做呢?偽立體的紙張切割效果,常見於簡報模板網站中,然而,你只需要一分鐘時間、常見的軟件,就可以自己動手做呢!新一年一起來學習新的技術吧!
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
今年在報稅申報扶養人時,在跟家人討論要怎麼報免稅額才能比較高,扣稅扣比較少,心中突然閃過一個想法,不如我用EXCEL自己來設計一個簡易的稅額式算,練習EXCEL公式的同時,也可以了解報稅的邏輯。 然後我覺得比較有趣的,順手做了一個功能,利用一些簡單的資訊,就能算出大約的年收入,嘿嘿嘿嘿(奸笑)
Thumbnail
事實上,職場中的簡報情境非常多樣,每種情境的需求與較佳解也大相逕庭。若只是看了幾本書,沒有在實際情境採用對應的作法,那結果就會不如預期。
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
Thumbnail
換了新 logo;我們將參加第 19 輪 Gitcoin Grants 的募資,目前草案已經張貼於公開頻道,供大家檢視也徵求反饋,一起讓【創作者經濟 IMO】專案變得更好!
Thumbnail
撰寫日期:2022.11.28 作者:FAHAHA|翁順法 這篇文章並不是一篇政治觀點文,而是一篇知識分享文。主要想跟大家分享,我從2022年台北市長的選舉政見海報中,觀察到的簡報技巧。
Thumbnail
撰寫日期:2022.08.22 作者:FAHAHA|翁順法 這篇文章從聽眾的角度出發,分享了三個簡報讓人看不懂的原因,分別是:搞不清目的、找不到重點、看不懂邏輯。反過來想,想要做出讓人一看就懂的投影片,不外乎就三個目標:釐清目的、凸顯重點、明確邏輯......
Thumbnail
撰寫日期:2022.08.15 作者:FAHAHA|翁順法 這篇文章,我們談了簡報設計的三個迷思,分別是:誤把設計當裝飾、誤當自己賈伯斯、誤把簡報當講義。 這三個迷思的產生,是因為我們多數人在學習及製作投影片的過程沒有意識到:投影片最重要的目的,是加速講者和聽眾溝通的效率......
Thumbnail
以前,我在“別人的PPT”裡,看見一些特別的形狀, 腦袋會自動出現聲音: 這是用illustrator做的,PPT做不到!做不到! 後來,我才發現POWER POINT其實也可以編輯形狀,把A形狀變成B形狀。 A漸層線 作用:把等寬直線,變成一端(或兩端),逐漸變細消失的線條,讓線條變更美。
Thumbnail
撰寫日期:2021.11.02 作者:FAHAHA|翁順法 這篇文章分享了四個觀念技巧,非常適合初學者學習,分別是:投影片母片、尺規與輔助線、快速存取工具列、常用快捷鍵。 我認為先了解其背後的概念,再學會應用的技巧,就可以更融會貫通。因此文章中除了告訴你怎麼做,也告訴你為什麼要這樣做。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
今年在報稅申報扶養人時,在跟家人討論要怎麼報免稅額才能比較高,扣稅扣比較少,心中突然閃過一個想法,不如我用EXCEL自己來設計一個簡易的稅額式算,練習EXCEL公式的同時,也可以了解報稅的邏輯。 然後我覺得比較有趣的,順手做了一個功能,利用一些簡單的資訊,就能算出大約的年收入,嘿嘿嘿嘿(奸笑)
Thumbnail
事實上,職場中的簡報情境非常多樣,每種情境的需求與較佳解也大相逕庭。若只是看了幾本書,沒有在實際情境採用對應的作法,那結果就會不如預期。
Thumbnail
這篇整理了我這個月讀到關於「工具資源」和「個人品牌與行銷」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的
Thumbnail
製作簡報前,我們先認識基本的排版觀念,掌握幾個大原則,就可以讓簡報看起來很專業囉!
Thumbnail
換了新 logo;我們將參加第 19 輪 Gitcoin Grants 的募資,目前草案已經張貼於公開頻道,供大家檢視也徵求反饋,一起讓【創作者經濟 IMO】專案變得更好!
Thumbnail
撰寫日期:2022.11.28 作者:FAHAHA|翁順法 這篇文章並不是一篇政治觀點文,而是一篇知識分享文。主要想跟大家分享,我從2022年台北市長的選舉政見海報中,觀察到的簡報技巧。
Thumbnail
撰寫日期:2022.08.22 作者:FAHAHA|翁順法 這篇文章從聽眾的角度出發,分享了三個簡報讓人看不懂的原因,分別是:搞不清目的、找不到重點、看不懂邏輯。反過來想,想要做出讓人一看就懂的投影片,不外乎就三個目標:釐清目的、凸顯重點、明確邏輯......
Thumbnail
撰寫日期:2022.08.15 作者:FAHAHA|翁順法 這篇文章,我們談了簡報設計的三個迷思,分別是:誤把設計當裝飾、誤當自己賈伯斯、誤把簡報當講義。 這三個迷思的產生,是因為我們多數人在學習及製作投影片的過程沒有意識到:投影片最重要的目的,是加速講者和聽眾溝通的效率......
Thumbnail
以前,我在“別人的PPT”裡,看見一些特別的形狀, 腦袋會自動出現聲音: 這是用illustrator做的,PPT做不到!做不到! 後來,我才發現POWER POINT其實也可以編輯形狀,把A形狀變成B形狀。 A漸層線 作用:把等寬直線,變成一端(或兩端),逐漸變細消失的線條,讓線條變更美。
Thumbnail
撰寫日期:2021.11.02 作者:FAHAHA|翁順法 這篇文章分享了四個觀念技巧,非常適合初學者學習,分別是:投影片母片、尺規與輔助線、快速存取工具列、常用快捷鍵。 我認為先了解其背後的概念,再學會應用的技巧,就可以更融會貫通。因此文章中除了告訴你怎麼做,也告訴你為什麼要這樣做。