簡報設計|減少依賴簡報模板,滙聚形狀並不難,教你畫兩種資訊圖

閱讀時間約 3 分鐘
隨著簡報的推進,在縱向結構以外,橫向展開的內容也是重要的組成部分。並排資料的展示很常見,例如是在時間線、目錄頁及內容細項。從簡單的一字排開,到配上並排圖示,到簡報模板常見的滙聚形狀,各種複雜性的處理均可。與其被模板的風格、形狀或項目數量所捆綁,我們就來解密滙聚形狀背後的做法,創造你和團隊專屬的資訊圖吧!
raw-image

今次的學習目標很簡單,就是學會如何從零畫出以下兩種資訊圖:

  • 直線型資訊圖:寬度的轉接明顯,容易透過錯覺產生畫面前後的立體感;內容可以在較寬的一邊,較窄的一邊作輔助,也可以反轉這樣的配搭來使用。
  • 曲線型資訊圖:轉接過程較順滑,有更強的整體感,容易表達出一股作氣,或是競爭中分出勝負的訊息。如果需要更誇張搶眼的曲線,內容部分可以再行收窄。
raw-image



步驟#1:預備連接用的形狀

就如做菜的備料功夫一樣,我們先預備一下資訊圖需要的配件小形狀,做好後就複製備用。

raw-image




步驟#2:預備等高或等闊的色塊

視乎你要製作資訊圖的方向,分別畫出較寬及較窄色塊的部分,留意當中的等高/等寬設定,以及色塊之間的統一間距。

raw-image



步驟#3:來動手連接形狀吧!

接下來就是透過色塊與做好備用的形狀,像焊接一樣,將較寬和較窄的部份,以直線或曲線連接起來:

raw-image
raw-image


明白了直線型資訊圖的接駁方法,相同方法也能造出曲線型資訊圖:

raw-image



步驟#4:項目數量是單數怎麼辦?

項目數量是雙數就很簡單,處理其中的一半就好,遇上單數的項目,自然就會出現其中一項在正中央的情況。不用擔心,我們就以曲線型資訊圖為例子,去示範中央部份如何去處理:

raw-image



延伸:微調帶來不同表達風格

色塊形狀不一定是沉悶,花一點小心思來微調設計,表達滙聚的時候也可以帶來不同的效果:

raw-image

如果滙聚形狀太過平面化,可以在轉接的部分加上半透明的形狀,可以是半透明的白色或是灰色,用來模仿燈光或是陰影,加強畫面前後的深度,看上去會有立體的感覺。

或是覺得色塊帶來了厚重感,你也可以關掉填充的顏色,只保留外框的色彩,減低注目度的同時,又增加了簡約的味道,再把內容從色塊中搬到兩邊,形成了另一種排版的設計。

滙聚形狀之間的空隙,能夠讓項目之間有足夠分野,以及呼吸的空間。反過來把空隙都拿掉,把形狀都緊貼在一起,可以產生另一種效果,就是項目之間的強烈競爭感,適合應用於資訊結構上並排,但又有次序排名的內容。


結語

滙聚形狀看上去很複雜,然而透過布爾運算,加減形狀已經能夠做到。學會了背後的方法,遇上不同的項目數量,直線或是曲線的表達方式,或是對長闊比例和方向有不同需求的時候,就無須再煩惱和費時於模板的搜尋和調整。一起來自主發揮你的創造力吧!

(CC BY-NC-ND 4.0)



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

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

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



人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
少人留意不代表不重要。簡報的設計與Call to Action等部分都受到注目,但如何做好開場,就比較少人留意。開場不單是引人入勝,也是闡述簡報的結構、目的以及與觀眾的關聯性重要的一環。否則,當你精心設計的投影片還沒有上場之際,觀眾可能已經放棄了要留心聽你說,轉投到手機或是電郵的懷抱去了。
在商業簡報中,資訊圖表有助於展示數據的趨勢。當要呈現多項數據的前後比較時,分項式的長條圖就很常見。如果我們想更視覺化地展示數據變化的幅度,讓觀眾一看便知道哪項差距最大,可改用啞鈴圖。你可能會說,Office預設圖表類型沒有啞鈴圖,需要用上其他軟體或編程吧?其實,單單運用Excel就可以造出啞鈴圖呢。
上班族預備商業簡報時,會面對與理想相距的現實問題:文字內容無可避免地多,難以配合簡約的設計風格或模板。作為解決方法,色塊經常被應用在間隔或承載文字內容上,然而當處理得不好,容易會引致觀眾的視覺疲勞而得不償失。透過簡單的改造,可以將色塊減重,一起來看看5個設計輕量化的方法吧!
談起Tesla,你或許會聯想到它的股價、售價、產量,或是語出驚人的老闆Elon Musk。在不久前舉行的年度投資者日當中,除了闡述有關Tesla的現況及發展,Elon Musk也借此機會分享了他的全球電動化計劃。在這篇文章我們先從視覺設計的角度分析下,簡報中五個值得學習的技巧。
「競爭」彷彿就是商業社會的代名詞。產品的銷量、員工的業績、市佔的比例,每年每月鬥個你死我活。這些具競爭性的數據,大多數會採用長條圖或是圓餅圖來表示,我們來看一下,如何利用雷達圖的視覺衝突感,來加強數據之間的對比。在商業應用以外、獎項與選舉的候選人支持度也是適用的場合呢。
利用AI工具發想大綱、整理思緒、自動配圖、甚至產出投影片,一時之間ChatGPT、Tome、Copilot紛紛成為熱話,網上有大量如何施咒語自動預備簡報的教學……那麼,是否從此不再需要學簡報呢?下文一起來採討在自動化預備以後,三個值得你把省下來的時間投資的學習方向,還會預測一下設計市場的潛在變化。
少人留意不代表不重要。簡報的設計與Call to Action等部分都受到注目,但如何做好開場,就比較少人留意。開場不單是引人入勝,也是闡述簡報的結構、目的以及與觀眾的關聯性重要的一環。否則,當你精心設計的投影片還沒有上場之際,觀眾可能已經放棄了要留心聽你說,轉投到手機或是電郵的懷抱去了。
在商業簡報中,資訊圖表有助於展示數據的趨勢。當要呈現多項數據的前後比較時,分項式的長條圖就很常見。如果我們想更視覺化地展示數據變化的幅度,讓觀眾一看便知道哪項差距最大,可改用啞鈴圖。你可能會說,Office預設圖表類型沒有啞鈴圖,需要用上其他軟體或編程吧?其實,單單運用Excel就可以造出啞鈴圖呢。
上班族預備商業簡報時,會面對與理想相距的現實問題:文字內容無可避免地多,難以配合簡約的設計風格或模板。作為解決方法,色塊經常被應用在間隔或承載文字內容上,然而當處理得不好,容易會引致觀眾的視覺疲勞而得不償失。透過簡單的改造,可以將色塊減重,一起來看看5個設計輕量化的方法吧!
談起Tesla,你或許會聯想到它的股價、售價、產量,或是語出驚人的老闆Elon Musk。在不久前舉行的年度投資者日當中,除了闡述有關Tesla的現況及發展,Elon Musk也借此機會分享了他的全球電動化計劃。在這篇文章我們先從視覺設計的角度分析下,簡報中五個值得學習的技巧。
「競爭」彷彿就是商業社會的代名詞。產品的銷量、員工的業績、市佔的比例,每年每月鬥個你死我活。這些具競爭性的數據,大多數會採用長條圖或是圓餅圖來表示,我們來看一下,如何利用雷達圖的視覺衝突感,來加強數據之間的對比。在商業應用以外、獎項與選舉的候選人支持度也是適用的場合呢。
利用AI工具發想大綱、整理思緒、自動配圖、甚至產出投影片,一時之間ChatGPT、Tome、Copilot紛紛成為熱話,網上有大量如何施咒語自動預備簡報的教學……那麼,是否從此不再需要學簡報呢?下文一起來採討在自動化預備以後,三個值得你把省下來的時間投資的學習方向,還會預測一下設計市場的潛在變化。
你可能也想看
Google News 追蹤
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
tome 是一個可以自動生成簡報大綱與摘要的軟體。tome的功能結合ChatGPT概念跟 DALL.E2製圖,生成的投影片PPT 媲美真人製作,而且過程很快速。上班族與學生族大概都很需要吧? tome一次可以產生8張投影片。我試了一個主題,隨便想了一個人物。請不要對號入座喔。主要是英文介面,但可以中
Thumbnail
撰寫日期:2022.11.28 作者:FAHAHA|翁順法 這篇文章並不是一篇政治觀點文,而是一篇知識分享文。主要想跟大家分享,我從2022年台北市長的選舉政見海報中,觀察到的簡報技巧。
Thumbnail
撰寫日期:2022.08.22 作者:FAHAHA|翁順法 這篇文章從聽眾的角度出發,分享了三個簡報讓人看不懂的原因,分別是:搞不清目的、找不到重點、看不懂邏輯。反過來想,想要做出讓人一看就懂的投影片,不外乎就三個目標:釐清目的、凸顯重點、明確邏輯......
Thumbnail
撰寫日期:2022.08.15 作者:FAHAHA|翁順法 這篇文章,我們談了簡報設計的三個迷思,分別是:誤把設計當裝飾、誤當自己賈伯斯、誤把簡報當講義。 這三個迷思的產生,是因為我們多數人在學習及製作投影片的過程沒有意識到:投影片最重要的目的,是加速講者和聽眾溝通的效率......
Thumbnail
行銷人必學!CANVA設計吸睛簡報實戰 一步步透過Canva 提供的簡報模版與平台,結合行銷概念,掌握知己知彼的簡報關鍵要訣,就能輕輕鬆鬆幫助我們製作成說服力超強的提案簡報!
Thumbnail
以前,我在“別人的PPT”裡,看見一些特別的形狀, 腦袋會自動出現聲音: 這是用illustrator做的,PPT做不到!做不到! 後來,我才發現POWER POINT其實也可以編輯形狀,把A形狀變成B形狀。 A漸層線 作用:把等寬直線,變成一端(或兩端),逐漸變細消失的線條,讓線條變更美。
Thumbnail
更新日期:2021.12.04 作者:FAHAHA|翁順法 你有上台簡報的經驗嗎?如果有,那你曾經想過,哪些環節會影響聽眾對於整場簡報的感受嗎?一個好結尾的重要性,絕對不亞於一個好開場。 這篇文章有三個重點: 1. 有效結尾的三大作用 2. 三個經典的結尾技巧 3. 如何鍛鍊你的結尾力
Thumbnail
更新日期:2021.12.01 作者:翁順法|FAHAHA 在一場簡報中,好的開場,就是那關鍵的少數。聽眾會根據對講者的第一印象,判斷這場簡報將帶來收穫,還是浪費生命,來決定是否要繼續往下聽。 這篇文章有三個重點: 1. 有效開場的三個關鍵 2. 經典的四大開場技巧 3. 如何真正鍛鍊開場力
Thumbnail
作者:FAHAHA|翁順法 製作簡報的過程,常需要透過表格來呈現資訊。在PowerPoint中,製作表格很方便,但若只是單純貼上表格資料,往往讓聽眾難以掌握重點。 如何凸顯重點又不過於花俏呢?如何提升表格的質感和清晰度呢?魔鬼藏在細節裡。 這五個重點分別是... 總結
Thumbnail
奕酉老師告訴我們,簡報其實就是讓對方從知道、理解、認同到行動的過程,所以當我們需要設計簡報的時候,更應該先思考設計目的與動機,再構思如何透過圖文並茂的簡報來協助溝通。就像我在教授文案寫作時,總會提醒學員們要懂得換位思考的道理,簡報設計其實也是必須從目標受眾的角度出發。
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
tome 是一個可以自動生成簡報大綱與摘要的軟體。tome的功能結合ChatGPT概念跟 DALL.E2製圖,生成的投影片PPT 媲美真人製作,而且過程很快速。上班族與學生族大概都很需要吧? tome一次可以產生8張投影片。我試了一個主題,隨便想了一個人物。請不要對號入座喔。主要是英文介面,但可以中
Thumbnail
撰寫日期:2022.11.28 作者:FAHAHA|翁順法 這篇文章並不是一篇政治觀點文,而是一篇知識分享文。主要想跟大家分享,我從2022年台北市長的選舉政見海報中,觀察到的簡報技巧。
Thumbnail
撰寫日期:2022.08.22 作者:FAHAHA|翁順法 這篇文章從聽眾的角度出發,分享了三個簡報讓人看不懂的原因,分別是:搞不清目的、找不到重點、看不懂邏輯。反過來想,想要做出讓人一看就懂的投影片,不外乎就三個目標:釐清目的、凸顯重點、明確邏輯......
Thumbnail
撰寫日期:2022.08.15 作者:FAHAHA|翁順法 這篇文章,我們談了簡報設計的三個迷思,分別是:誤把設計當裝飾、誤當自己賈伯斯、誤把簡報當講義。 這三個迷思的產生,是因為我們多數人在學習及製作投影片的過程沒有意識到:投影片最重要的目的,是加速講者和聽眾溝通的效率......
Thumbnail
行銷人必學!CANVA設計吸睛簡報實戰 一步步透過Canva 提供的簡報模版與平台,結合行銷概念,掌握知己知彼的簡報關鍵要訣,就能輕輕鬆鬆幫助我們製作成說服力超強的提案簡報!
Thumbnail
以前,我在“別人的PPT”裡,看見一些特別的形狀, 腦袋會自動出現聲音: 這是用illustrator做的,PPT做不到!做不到! 後來,我才發現POWER POINT其實也可以編輯形狀,把A形狀變成B形狀。 A漸層線 作用:把等寬直線,變成一端(或兩端),逐漸變細消失的線條,讓線條變更美。
Thumbnail
更新日期:2021.12.04 作者:FAHAHA|翁順法 你有上台簡報的經驗嗎?如果有,那你曾經想過,哪些環節會影響聽眾對於整場簡報的感受嗎?一個好結尾的重要性,絕對不亞於一個好開場。 這篇文章有三個重點: 1. 有效結尾的三大作用 2. 三個經典的結尾技巧 3. 如何鍛鍊你的結尾力
Thumbnail
更新日期:2021.12.01 作者:翁順法|FAHAHA 在一場簡報中,好的開場,就是那關鍵的少數。聽眾會根據對講者的第一印象,判斷這場簡報將帶來收穫,還是浪費生命,來決定是否要繼續往下聽。 這篇文章有三個重點: 1. 有效開場的三個關鍵 2. 經典的四大開場技巧 3. 如何真正鍛鍊開場力
Thumbnail
作者:FAHAHA|翁順法 製作簡報的過程,常需要透過表格來呈現資訊。在PowerPoint中,製作表格很方便,但若只是單純貼上表格資料,往往讓聽眾難以掌握重點。 如何凸顯重點又不過於花俏呢?如何提升表格的質感和清晰度呢?魔鬼藏在細節裡。 這五個重點分別是... 總結
Thumbnail
奕酉老師告訴我們,簡報其實就是讓對方從知道、理解、認同到行動的過程,所以當我們需要設計簡報的時候,更應該先思考設計目的與動機,再構思如何透過圖文並茂的簡報來協助溝通。就像我在教授文案寫作時,總會提醒學員們要懂得換位思考的道理,簡報設計其實也是必須從目標受眾的角度出發。