手機與對話框 免費圖示素材

贊助連結

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

留白:


關閉

將即時「連結」視覺化,手機・聊天素材

這是一款在智慧型手機螢幕上,顯示來自對話對象訊息的對話框,其中繪有「…(刪節號)」的圖示。這是模仿許多訊息APP所採用,「對方現在正在輸入文字」狀態顯示指示器(Typing indicator)的設計。雖是靜止畫,卻能表現「現在正與對方連結著」、「馬上就要回信了」等,溝通的動態氛圍或興奮期待感。

具體使用場景與用途建議

此圖示從通訊APP的UI設計,到Web接待工具、SNS的表現,在某人與某人對話的所有數位場景皆可活用。

  • 訊息・聊天APP的「輸入中」顯示
    在APP對話畫面的UI設計中,最適合作為對方正在製作訊息期間的佔位符(暫時性顯示)。比起用文字顯示「輸入中…」,讓此對話框圖示進行動畫(※推薦加工成GIF等),使用者更能直覺理解狀況,減輕等待回信的壓力。
  • 聊天機器人・AI助理的「回答生成中」表現
    在設置於網站右下角的聊天機器人中,作為顯示AI正在思考針對使用者的提問,或正在生成回答的圖示。透過與「請稍候」的訊息一同顯示,給予並非系統當機,而是正在努力處理中的正面印象。
  • SNS或留言欄的「思考中・猶豫」形象
    在SNS的投稿或部落格留言欄中,作為代言雖想說些什麼但正在斟酌用詞,或正在猶豫是否要回信等,使用者心理狀態的視覺圖像。適合表現無法言喻的「間隔(停頓)」。
  • 引導至Web服務的「線上諮詢・客服」
    透過利用作為「用聊天諮詢」按鈕的圖示,強調並非像郵件表單般的單向諮詢,而是「能即時與負責人對話」的臨場感,具有降低使用門檻的效果。
  • APP通知圖示或APP圖示本身
    作為一眼傳達是通訊系APP的象徵。手機外框與對話框的組合,由於簡潔地表現了APP的功能(用手機對話),作為APP圖示或推播通知的圖片也非常淺顯易懂。

編輯技巧與EPS格式的優點

分發檔案中,除了方便網頁製作的PNG、SVG格式外,也同梱了適合DTP設計或高度編輯的向量數據EPS格式。

若活用EPS格式(向量數據),就能配合服務的品牌顏色自由自定義。使用Adobe Illustrator等軟體,將對話框顏色設為「綠色」就像LINE風,設為「藍色」就像Messenger風,設為「水藍色」就像Skype風等,能簡單製作出讓人聯想到特定APP的設計。
此外,也能變更手機機種(外框形狀),或左右反轉對話框位置表現「自己正在輸入中」。作為製作讓「…」的點逐一閃爍般GIF動畫素材時的原始數據,零件分開的EPS格式也非常方便。

相關關鍵字

智慧型手機、手機、聊天、訊息、對話框、氣泡框、…、刪節號、點點點、輸入中、等待回信、思考中、打字、溝通、SNS、APP、UI、圖示、Smartphone、Chat、Message bubble、Typing indicator、Communication

此手機與對話框圖示為免費素材。可商用,無需標註出處,免註冊。使用前請務必確認使用條款

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