在簡報設計中,我們有時需要視覺化去表達「語音」的概念,例如是講者介紹、客戶回饋、問答環節等。利用在社交媒體常見的語音圖案是個可行的做法,只是人手自己畫往往耗費時間,生成式人工智能又未必一下子做到想要的效果。要解決問題,其實不一定是二擇其一。還有第三種可行辦法,免費可商用的字體,同樣可以助你快速建立語音圖案,兼且保留設計的自由度。花2分鐘製作一次,就可以在不同簡報中重用,一起了解當中的流程吧!
示範來自Google字體當中的Waveform,顧名思義字體的外觀就好像是音階一樣,大小階的英文字與數字,在Waveform字體中都顯示為不同長度的圓角長條。Waveform屬於可變式字體(variable fonts),在專業的設計軟體中可以修正圖角、垂直對齊等風格;由於office並未完全支援可變式字體,所以使用waveform時在水平線下的長條有機會出現顯示問題,建議輸入時只用上水平線以上的內容。
將Waveform字體安裝好以後,隨意輸入英文或數字,就可以得出高矮不一的長條。當然,要模擬語音的形狀自然需要有一些漸大或是漸小的趨勢。你可以透過調整字重(weight)來選擇長條的寬度, Waveform字體包含了從extra light到black各種字重以供選擇。
圖中展示了兩種的可能性,橫向圖案適合較幼細的長條,作為圖示設計則可以選擇較粗的字重。
如果你選擇手動繪製大量長條形狀,要調節它們之間的間距,就要不斷使用水平平均分佈來調整,這樣做的效率並不高。相反,利用字體來製作長條,就能夠快速透過修正字距的設定,來控制長條之間的密度。圖中也展示兩種間距的設定,在office中的文字間距是絕對值而非按比例,所以當文字較大或較粗時,也需要調整一下字距。
我們首先利用了文字先天的優勢,來快速調整大小、字重與字距之後,就可以將文字轉化成為形狀。雖然沒有一步到位來做轉化的功能,但是我們可以先在文字背後加入一個長方形狀,再利用形狀的剪裁功能,簡單兩步就完成了轉化。
只要成為了形狀,就能夠套用對齊工具,將所有長條形狀一起作垂直對齊。這個時候,整個語音圖案已經基本成型,你只需要繼續發揮創意,完成其餘的設計工作。
完成以上三個步驟後的基礎形狀,你可以再添上一些幾何形狀,例如圓形、三角形等,就能夠模擬錄音軟體的播放介面。或是預備另一套全數同等高度的長條形狀,配上較淺的顏色,然後作為背景襯托,設計簡潔但又帶點優雅。至於較粗的長條,可以創作你專屬的圖示,例如是代表圖表、數據、語音等意思,加上圓形在背後就已經一目了然。
下載Waveform與相關字體
就如以上所說,Waveform是Google Fonts以下,採取SIL開放字體授權的字體,可以放心下載使用,傳送門在這裡:
https://fonts.google.com/specimen/Wavefont
另外,同一位設計師也創作了類似的Linefont字體,也屬於同一款字體授權。與Waveform的垂直變化差異的是,Lineform是採取了傾斜的變化,除了是另一種表達語音的方式以外,也能夠當作是常見的折線圖。在快速設計儀錶版原型,或是在試算表模擬迷你折線圖的時候,都是可行的選擇:
https://fonts.google.com/specimen/Linefont
看上去要實行幾個步驟,然而如果你對PowerPoint的操作有一些經驗,在兩分鐘內完成整個流程並沒有難度。這裡要展示的,在於解決一個實戰問題以外,也是解決問題的思維。
我們不用糾纏於究竟是手動繪製還是人工智能工具比較好,把目光放遠,把心態放開,製作圖案居然還有免費可商用字體這一個快速解法。職場上做簡報,總會碰上不同的要求或是難題,學會用不同的進路嘗試拆解,而不是永遠死抱著一種方式。
(CC BY-NC-ND 4.0)
我的第一本簡報書「全圖解!避開99%簡報地雷:職場商業簡報實戰懶人包」現已在台灣、香港、新加坡、馬來西亞各大實體書店有售,電子書版本亦已經在各大平台上架。
喜歡社交媒體的朋友,歡迎追蹤我的專頁(https://www.facebook.com/salaryman.presentations/),一口式內容,適合通勤時學習之用。
社福機構或是教育界如果有公益講座的需求,也歡迎電郵聯絡:salaryman.inbox@gmail.com