對話框・喇叭(語音訊息) 免費圖示素材

贊助連結

自定義顏色和尺寸
(PNG 檔案)

留白:


關閉

Category:

Tag:

語言化為「聲音」的瞬間。「聆聽訊息」的UI圖示

這是一款在溝通基本形的「對話框」框內,配置音響機器象徵「喇叭」,並表現從中釋放出「音波」樣子的設計。這直覺傳達並非單純的文字資訊,而是「包含語音數據的訊息」或「點擊就會流洩出聲音的留言」。是連結視覺資訊(讀)與聽覺資訊(聽),現代介面不可或缺的圖示。

具體使用場景與用途建議

此素材從通訊工具的動態牆,到網路媒體的無障礙功能,在與聲音相關的溝通場所廣泛活躍。

  • 通訊軟體或SNS的「語音訊息」播放按鈕
    在如LINE或Messenger般的訊息APP中,當傳送來的不是文字而是錄音語音時,最適合作為「播放按鈕」。透過在動態牆上顯示此對話框,使用者能瞬間理解「這不是要讀而是要聽的訊息」,順暢引導至播放動作。
  • 網站文章或部落格的「文字轉語音」功能
    設置在新聞網站或自媒體的文章標題旁,或段落開頭,作為啟動「用語音聆聽這篇文章」功能的觸發器。針對移動中或工作中無法看畫面的使用者,提供透過語音收集資訊的選項。也是有助於提升無障礙性的重要UI。
  • 遊戲或APP的「角色語音(CV)」播放
    在社群遊戲或小說APP的對話場景中,配置在角色台詞文字旁邊。顯示點擊此處就會播放聲優的語音,回應不僅想讀文字,也想享受聲音演技的使用者需求。
  • 支援頁面或FAQ的「語音導覽」連結
    在解說產品使用方法或故障排除的頁面中,作為「語音導覽在此」連結按鈕的裝飾。針對不擅長閱讀文字的使用者或高齡者,傳達有更親切易懂的導覽手段。
  • 線上活動或網路研討會的「留言朗讀」顯示
    在直播中的聊天室裡,作為顯示投稿的留言已被直播主或系統「朗讀」的狀態圖示。能視覺性知曉自己的留言被提及,有提高參加者互動率的效果。

編輯技巧與EPS格式的優點

無論商用或個人皆完全免費。除了方便安裝於網站或APP的透明背景PNG・SVG檔案,也一併收錄了能自由客製化對話框形狀或喇叭顏色的EPS(向量)數據。

若活用EPS格式(向量數據),就能自由變更設計風格。使用Adobe Illustrator等軟體,將對話框的角變圓,或改成雲形,就會變成更柔和容易親近的印象。
此外,若將從喇叭發出的音波部分用GIF動畫或CSS動畫使其活動,也能進行強調「現在播放中」的動態UI表現。

相關關鍵字

對話框、喇叭、音波、語音訊息、文字轉語音、廣播、留言、角色語音、CV、播放按鈕、UI、圖示、Speech bubble、Speaker、Sound wave、Voice message、Text to speech、Audio announcement

此對話框・喇叭(語音訊息)圖示為免費素材。可商用,無需標註出處,免註冊。使用前請務必確認使用條款

關聯網站:也歡迎使用徒手繪製的手繪插畫素材(免費)