簡報設計|應用免費可商用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/),一口式內容,適合通勤時學習之用。

社福機構或是教育界如果有公益講座的需求,也歡迎電郵聯絡:[email protected]














人人也說要大圖大字,簡報是否只有一個模式? 在企業框架內、上司要求下如何發揮設計創意? 我不想聽「你要這樣做」,我要知「為什麼」! 遙距簡報的世代,設計上又有什麼雷區要避免?
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
【如何提升簡報設計的「質感」?】撰寫日期:2023.08.27 作者:FAHAHA|翁順法 這篇文章將跟你分享提升簡報質感的方向,共包含四個步驟。
Thumbnail
avatar
FAHAHA
2023-09-14
【如何提升簡報設計的「質感」?】撰寫日期:2023.07.16 作者:FAHAHA|翁順法 四個步驟如下:學習 → 觀察 → 模仿 → 調整。
Thumbnail
avatar
FAHAHA
2023-08-07
高手才知演講準備第四步-簡報設計 1首先他犯了一個大部分第一次準備演講的講者都會犯的錯誤,那就是在投影片上打了過多的文字,至於怎樣的文字量叫做過多呢?一般來說,只要讓一般觀眾在閱讀文字的時間超過2秒鐘就算過多...
Thumbnail
avatar
可以
2023-06-21
【簡報設案例解析:大量文字的排版技巧】2022九合一選舉,台北市政見海報撰寫日期:2022.11.28 作者:FAHAHA|翁順法 這篇文章並不是一篇政治觀點文,而是一篇知識分享文。主要想跟大家分享,我從2022年台北市長的選舉政見海報中,觀察到的簡報技巧。
Thumbnail
avatar
FAHAHA
2022-12-06
【簡報設計專欄:為什麼簡報會讓人看不懂?怎麼解決?】撰寫日期:2022.08.22 作者:FAHAHA|翁順法 這篇文章從聽眾的角度出發,分享了三個簡報讓人看不懂的原因,分別是:搞不清目的、找不到重點、看不懂邏輯。反過來想,想要做出讓人一看就懂的投影片,不外乎就三個目標:釐清目的、凸顯重點、明確邏輯......
Thumbnail
avatar
FAHAHA
2022-09-05
【簡報設計專欄:釐清簡報設計的三大迷思,避免無效努力、無效溝通】撰寫日期:2022.08.15 作者:FAHAHA|翁順法 這篇文章,我們談了簡報設計的三個迷思,分別是:誤把設計當裝飾、誤當自己賈伯斯、誤把簡報當講義。 這三個迷思的產生,是因為我們多數人在學習及製作投影片的過程沒有意識到:投影片最重要的目的,是加速講者和聽眾溝通的效率......
Thumbnail
avatar
FAHAHA
2022-09-03
【簡報設計:初學者必看,提升簡報製作效率的四個技巧】撰寫日期:2021.11.02 作者:FAHAHA|翁順法 這篇文章分享了四個觀念技巧,非常適合初學者學習,分別是:投影片母片、尺規與輔助線、快速存取工具列、常用快捷鍵。 我認為先了解其背後的概念,再學會應用的技巧,就可以更融會貫通。因此文章中除了告訴你怎麼做,也告訴你為什麼要這樣做。
Thumbnail
avatar
FAHAHA
2022-08-09
【簡報設計:如何設計表格?最速提升表格質感的五個重點,讓聽眾一看就懂】作者:FAHAHA|翁順法 製作簡報的過程,常需要透過表格來呈現資訊。在PowerPoint中,製作表格很方便,但若只是單純貼上表格資料,往往讓聽眾難以掌握重點。 如何凸顯重點又不過於花俏呢?如何提升表格的質感和清晰度呢?魔鬼藏在細節裡。 這五個重點分別是... 總結
Thumbnail
avatar
FAHAHA
2022-05-17
【設計力】談簡報設計如何跨界學「配色」?我們常說所謂的學習常常是從「模仿」作開始,而學習簡報在設計製作時如何配色,如何才能配得 “高端、大氣、上檔次”,我們也可以從模仿開始著手。但模仿要如何模仿呢?
Thumbnail
avatar
Chuck Chiang
2021-06-17