簡報設計|應用免費可商用Google字體,製作簡報的語音圖案,分享2分鐘就完成的流程

更新於 發佈於 閱讀時間約 4 分鐘
raw-image


在簡報設計中,我們有時需要視覺化去表達「語音」的概念,例如是講者介紹、客戶回饋、問答環節等。利用在社交媒體常見的語音圖案是個可行的做法,只是人手自己畫往往耗費時間,生成式人工智能又未必一下子做到想要的效果。要解決問題,其實不一定是二擇其一。還有第三種可行辦法,免費可商用的字體,同樣可以助你快速建立語音圖案,兼且保留設計的自由度。花2分鐘製作一次,就可以在不同簡報中重用,一起了解當中的流程吧!
raw-image




示範來自Google字體當中的Waveform,顧名思義字體的外觀就好像是音階一樣,大小階的英文字與數字,在Waveform字體中都顯示為不同長度的圓角長條。Waveform屬於可變式字體(variable fonts),在專業的設計軟體中可以修正圖角、垂直對齊等風格;由於office並未完全支援可變式字體,所以使用waveform時在水平線下的長條有機會出現顯示問題,建議輸入時只用上水平線以上的內容。

raw-image




步驟#1: 套用Waveform作為字體

將Waveform字體安裝好以後,隨意輸入英文或數字,就可以得出高矮不一的長條。當然,要模擬語音的形狀自然需要有一些漸大或是漸小的趨勢。你可以透過調整字重(weight)來選擇長條的寬度, Waveform字體包含了從extra light到black各種字重以供選擇。

圖中展示了兩種的可能性,橫向圖案適合較幼細的長條,作為圖示設計則可以選擇較粗的字重。

raw-image




步驟#2: 修正字距來營造空間

如果你選擇手動繪製大量長條形狀,要調節它們之間的間距,就要不斷使用水平平均分佈來調整,這樣做的效率並不高。相反,利用字體來製作長條,就能夠快速透過修正字距的設定,來控制長條之間的密度。圖中也展示兩種間距的設定,在office中的文字間距是絕對值而非按比例,所以當文字較大或較粗時,也需要調整一下字距。

raw-image




步驟#3: 將文字轉化成為形狀

我們首先利用了文字先天的優勢,來快速調整大小、字重與字距之後,就可以將文字轉化成為形狀。雖然沒有一步到位來做轉化的功能,但是我們可以先在文字背後加入一個長方形狀,再利用形狀的剪裁功能,簡單兩步就完成了轉化。

只要成為了形狀,就能夠套用對齊工具,將所有長條形狀一起作垂直對齊。這個時候,整個語音圖案已經基本成型,你只需要繼續發揮創意,完成其餘的設計工作。

raw-image




步驟#4: 不同用途的設計應用

完成以上三個步驟後的基礎形狀,你可以再添上一些幾何形狀,例如圓形、三角形等,就能夠模擬錄音軟體的播放介面。或是預備另一套全數同等高度的長條形狀,配上較淺的顏色,然後作為背景襯托,設計簡潔但又帶點優雅。至於較粗的長條,可以創作你專屬的圖示,例如是代表圖表、數據、語音等意思,加上圓形在背後就已經一目了然。

raw-image




下載Waveform與相關字體

就如以上所說,Waveform是Google Fonts以下,採取SIL開放字體授權的字體,可以放心下載使用,傳送門在這裡:

https://fonts.google.com/specimen/Wavefont


另外,同一位設計師也創作了類似的Linefont字體,也屬於同一款字體授權。與Waveform的垂直變化差異的是,Lineform是採取了傾斜的變化,除了是另一種表達語音的方式以外,也能夠當作是常見的折線圖。在快速設計儀錶版原型,或是在試算表模擬迷你折線圖的時候,都是可行的選擇:

https://fonts.google.com/specimen/Linefont

raw-image




結語

看上去要實行幾個步驟,然而如果你對PowerPoint的操作有一些經驗,在兩分鐘內完成整個流程並沒有難度。這裡要展示的,在於解決一個實戰問題以外,也是解決問題的思維。

我們不用糾纏於究竟是手動繪製還是人工智能工具比較好,把目光放遠,把心態放開,製作圖案居然還有免費可商用字體這一個快速解法。職場上做簡報,總會碰上不同的要求或是難題,學會用不同的進路嘗試拆解,而不是永遠死抱著一種方式。

(CC BY-NC-ND 4.0)


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

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

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














人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言
avatar-img
留言分享你的想法!
電子產品發佈會,在形式與規模上,與在辦公室會碰到的商業簡報類型,有著愈來愈大的分別。作為上班族,有著華麗舞台與特效的產品介紹,跟你又有甚麼關係?偷師學會的技巧,用不著就談不上實用。不用擔心,這一期的簡報實評,已經為你從三星的最新發佈會,提煉出能夠立刻應用在你下一次簡報的設計與闡述改良版技巧。
在商業簡報中呈現數據有各種不同的手法,能達致的效果有三種層次,由單純的數字或是圖表顯示、到把趨勢或是重點標示、直至能涵蓋前因後果,跳出圖表範圍,提出實用洞見。接近年終年始,又是製作各種報表的繁忙時節,這一次的改造,讓我們看看商業簡報與報告中常見的圖表:市場佔有率走勢。 教材來自市場調查機構Co
有些人會將排版定義為各種視覺元素,例如是文字、形狀、圖片,各自在平面空間上的相對位置,帶來的視覺和閱讀效果。在平面上的X和Y座標以外,我們可考慮一下Z座標,視覺元素之間的重疊,能帶來甚麼互補。要是你看膩了左圖右字的穩定型排版,或是漸變遮罩的圖文配合,透過個案分析與練習,為知識庫增加多一種版型吧。
很多人都明白,不應把所有內容塞進投影片中,然後在簡報時逐字讀出;然而該放多少內容在投影片,該留多少在演辭中,就有不少爭議。來自顧問公司麥肯錫的John Larson,早前應邀出席了人工智慧科企的年度峰會。他的簡報示範了另一種解決辦法,就是不在投影片和演辭之間做內容上的切割,而是在闡述角度中進行分工。
資訊圖表的設計考量,在「美化」、「降噪」以外,亦需要檢查設計與要表達的訊息之間,是否有相輔相成的效果,還是會帶來誤會或錯覺。擅長資訊視覺化的國際級媒體,例如紐約時報、Visual Capitalist等,也會偶爾在處理設計時,忽略了相關的眉角。為什麼這些眉角是地雷,我們又怎樣能修正呢? 教材來
隨著簡報的推進,在縱向結構以外,橫向展開的內容也是重要的組成部分。並排資料的展示很常見,例如是在時間線、目錄頁及內容細項。從簡單的一字排開,到配上並排圖示,到簡報模板常見的滙聚形狀,各種複雜性的處理均可。與其被模板的風格、形狀或項目數量所捆綁,就來解密滙聚形狀背後的做法,創造你和團隊專屬的資訊圖吧!
電子產品發佈會,在形式與規模上,與在辦公室會碰到的商業簡報類型,有著愈來愈大的分別。作為上班族,有著華麗舞台與特效的產品介紹,跟你又有甚麼關係?偷師學會的技巧,用不著就談不上實用。不用擔心,這一期的簡報實評,已經為你從三星的最新發佈會,提煉出能夠立刻應用在你下一次簡報的設計與闡述改良版技巧。
在商業簡報中呈現數據有各種不同的手法,能達致的效果有三種層次,由單純的數字或是圖表顯示、到把趨勢或是重點標示、直至能涵蓋前因後果,跳出圖表範圍,提出實用洞見。接近年終年始,又是製作各種報表的繁忙時節,這一次的改造,讓我們看看商業簡報與報告中常見的圖表:市場佔有率走勢。 教材來自市場調查機構Co
有些人會將排版定義為各種視覺元素,例如是文字、形狀、圖片,各自在平面空間上的相對位置,帶來的視覺和閱讀效果。在平面上的X和Y座標以外,我們可考慮一下Z座標,視覺元素之間的重疊,能帶來甚麼互補。要是你看膩了左圖右字的穩定型排版,或是漸變遮罩的圖文配合,透過個案分析與練習,為知識庫增加多一種版型吧。
很多人都明白,不應把所有內容塞進投影片中,然後在簡報時逐字讀出;然而該放多少內容在投影片,該留多少在演辭中,就有不少爭議。來自顧問公司麥肯錫的John Larson,早前應邀出席了人工智慧科企的年度峰會。他的簡報示範了另一種解決辦法,就是不在投影片和演辭之間做內容上的切割,而是在闡述角度中進行分工。
資訊圖表的設計考量,在「美化」、「降噪」以外,亦需要檢查設計與要表達的訊息之間,是否有相輔相成的效果,還是會帶來誤會或錯覺。擅長資訊視覺化的國際級媒體,例如紐約時報、Visual Capitalist等,也會偶爾在處理設計時,忽略了相關的眉角。為什麼這些眉角是地雷,我們又怎樣能修正呢? 教材來
隨著簡報的推進,在縱向結構以外,橫向展開的內容也是重要的組成部分。並排資料的展示很常見,例如是在時間線、目錄頁及內容細項。從簡單的一字排開,到配上並排圖示,到簡報模板常見的滙聚形狀,各種複雜性的處理均可。與其被模板的風格、形狀或項目數量所捆綁,就來解密滙聚形狀背後的做法,創造你和團隊專屬的資訊圖吧!
你可能也想看
Google News 追蹤
Thumbnail
該來的終究還是來了 度過焦躁不安的一整周,學徒老人家我的不安感等比級數的襲來,自3/19寫了第一篇關於<巴克萊銀行:倉促撤退>的報告,看到市場上的機構法人有如大洪水、地震來臨前夕開始竄逃撤退。 海湖莊園協議 接著,在3/31與4/2兩天接著寫了川普與他的財經團隊在海湖莊園豪
Thumbnail
空單爆天量、技術指標超賣、情緒恐慌到極致:美股嘎空行情有機會啟動嗎? 重點摘要: 技術面極度超賣,反彈條件醞釀中,但尚未明確止穩 SPY 與 QQQ 的重要指標,如MACD、KDJ、RSI等指標進入極端超賣區,但尚未出現底部鈍化或明確反轉訊號,技術面仍屬空方主導。 連續出現跳空缺口,空方動
Thumbnail
全新 vocus 挑戰活動「方格人氣王」來啦~四大挑戰任你選,留言 / 愛心 / 瀏覽數大 PK,還有新手專屬挑戰!無論你是 vocus 上活躍創作者或剛加入的新手,都有機會被更多人看見,獲得站上版位曝光&豐富獎勵!🏆
Thumbnail
來到了一月,無論你身處的地方,是會計年度的剛剛開始,或是財政年度的快要結束,這都是年度匯報與簡報的繁忙時期。業績簡報、晉升報告、部門大會接踵而來,有沒有因此而感到煩惱?國際簡報系列,我們觀摩過美韓等地的企業,這一站來到了日本。
Thumbnail
圓角矩形在簡報設計中,常被用於多項資訊的結構排版,或是在總結頁顯示各項要點。雖然我們可以輕易透過拉動黃點來調整圓角的大小,但軟體中沒有辦法設定圓角的數值,各個大小矩形之間要統一圓角也是惱人的程序。ChatGPT可以生成VBA程式碼來自動化圓角的修正,不用編程經驗或是知識,只需要將詳細的要求列出。
Thumbnail
要做會議記錄或課程筆記,想做逐字稿卻苦於打字速度不夠快嗎?錄音再慢慢回放浪費時間又容易恍神?這篇文章包你滿意,不用再浪費時間爬文了,你需要的逐字稿神器在這裡,保母級教學!
Thumbnail
在商業簡報中,我們需要闡述不同層面的資訊與概念,常用的視覺化工具就是流程圖與資訊圖。然而大家對SmartArt的印象,都是沉悶或是老套。這次的分享就是如何在SmartArt之上,發揮簡單易明的技巧,那怕沒有設計背景,你也可以輕鬆做到專業耐看的資訊圖,不用再四處搜尋模板來改善投影片設計。
Thumbnail
今年在報稅申報扶養人時,在跟家人討論要怎麼報免稅額才能比較高,扣稅扣比較少,心中突然閃過一個想法,不如我用EXCEL自己來設計一個簡易的稅額式算,練習EXCEL公式的同時,也可以了解報稅的邏輯。 然後我覺得比較有趣的,順手做了一個功能,利用一些簡單的資訊,就能算出大約的年收入,嘿嘿嘿嘿(奸笑)
Thumbnail
本文將一步步帶你瞭解如何使用Google表單和文字MP3專業版快速製作Google線上聽力試題,如何創建新的Google表單、設為測驗、設計問卷結構、上傳聽力音檔、設定答案和分數、發布與分享聽力測驗以及評估測驗結果。同時分享了快速生成題目音檔的密技。
Thumbnail
免費文字轉語音(Free text to speech)免費的線上語音合成工具,使用微軟 AI 語音庫生成仿真人語音,支援 129 種語言,提供三百多種聲音,輸入文本即可線上聆聽和下載 MP3 檔案。
Thumbnail
在簡報設計中,我們有時需要視覺化去表達「語音」的概念,例如是講者介紹、客戶回饋、問答環節等。利用在常見的語音圖案是可行的做法,只是人手自己畫耗費時間,生成式人工智能又未必一下子做到想要的效果。要解決問題,還有第三種可行辦法,免費可商用的字體,同樣可以助你快速建立語音圖案,兼且保留設計的自由度。
Thumbnail
該來的終究還是來了 度過焦躁不安的一整周,學徒老人家我的不安感等比級數的襲來,自3/19寫了第一篇關於<巴克萊銀行:倉促撤退>的報告,看到市場上的機構法人有如大洪水、地震來臨前夕開始竄逃撤退。 海湖莊園協議 接著,在3/31與4/2兩天接著寫了川普與他的財經團隊在海湖莊園豪
Thumbnail
空單爆天量、技術指標超賣、情緒恐慌到極致:美股嘎空行情有機會啟動嗎? 重點摘要: 技術面極度超賣,反彈條件醞釀中,但尚未明確止穩 SPY 與 QQQ 的重要指標,如MACD、KDJ、RSI等指標進入極端超賣區,但尚未出現底部鈍化或明確反轉訊號,技術面仍屬空方主導。 連續出現跳空缺口,空方動
Thumbnail
全新 vocus 挑戰活動「方格人氣王」來啦~四大挑戰任你選,留言 / 愛心 / 瀏覽數大 PK,還有新手專屬挑戰!無論你是 vocus 上活躍創作者或剛加入的新手,都有機會被更多人看見,獲得站上版位曝光&豐富獎勵!🏆
Thumbnail
來到了一月,無論你身處的地方,是會計年度的剛剛開始,或是財政年度的快要結束,這都是年度匯報與簡報的繁忙時期。業績簡報、晉升報告、部門大會接踵而來,有沒有因此而感到煩惱?國際簡報系列,我們觀摩過美韓等地的企業,這一站來到了日本。
Thumbnail
圓角矩形在簡報設計中,常被用於多項資訊的結構排版,或是在總結頁顯示各項要點。雖然我們可以輕易透過拉動黃點來調整圓角的大小,但軟體中沒有辦法設定圓角的數值,各個大小矩形之間要統一圓角也是惱人的程序。ChatGPT可以生成VBA程式碼來自動化圓角的修正,不用編程經驗或是知識,只需要將詳細的要求列出。
Thumbnail
要做會議記錄或課程筆記,想做逐字稿卻苦於打字速度不夠快嗎?錄音再慢慢回放浪費時間又容易恍神?這篇文章包你滿意,不用再浪費時間爬文了,你需要的逐字稿神器在這裡,保母級教學!
Thumbnail
在商業簡報中,我們需要闡述不同層面的資訊與概念,常用的視覺化工具就是流程圖與資訊圖。然而大家對SmartArt的印象,都是沉悶或是老套。這次的分享就是如何在SmartArt之上,發揮簡單易明的技巧,那怕沒有設計背景,你也可以輕鬆做到專業耐看的資訊圖,不用再四處搜尋模板來改善投影片設計。
Thumbnail
今年在報稅申報扶養人時,在跟家人討論要怎麼報免稅額才能比較高,扣稅扣比較少,心中突然閃過一個想法,不如我用EXCEL自己來設計一個簡易的稅額式算,練習EXCEL公式的同時,也可以了解報稅的邏輯。 然後我覺得比較有趣的,順手做了一個功能,利用一些簡單的資訊,就能算出大約的年收入,嘿嘿嘿嘿(奸笑)
Thumbnail
本文將一步步帶你瞭解如何使用Google表單和文字MP3專業版快速製作Google線上聽力試題,如何創建新的Google表單、設為測驗、設計問卷結構、上傳聽力音檔、設定答案和分數、發布與分享聽力測驗以及評估測驗結果。同時分享了快速生成題目音檔的密技。
Thumbnail
免費文字轉語音(Free text to speech)免費的線上語音合成工具,使用微軟 AI 語音庫生成仿真人語音,支援 129 種語言,提供三百多種聲音,輸入文本即可線上聆聽和下載 MP3 檔案。
Thumbnail
在簡報設計中,我們有時需要視覺化去表達「語音」的概念,例如是講者介紹、客戶回饋、問答環節等。利用在常見的語音圖案是可行的做法,只是人手自己畫耗費時間,生成式人工智能又未必一下子做到想要的效果。要解決問題,還有第三種可行辦法,免費可商用的字體,同樣可以助你快速建立語音圖案,兼且保留設計的自由度。