둥근 말풍선과 말줄임표 무료 아이콘 | 무료 소재

디지털 대화와 기능을 나타내는, ‘둥근 사각 말풍선’ 무료 소재

정사각형에 가까운, 모서리가 둥근 말풍선 안에 ‘…(말줄임표)’를 배치한 아이콘입니다. 구름 모양이나 타원형 말풍선이 ‘대화’를 강조하는 반면, 이 형상은 스마트폰 앱 아이콘이나 UI 버튼에 가까워, ‘디지털상의 댓글’이나 ‘시스템적인 메시지’를 연상시킵니다. 심플하고 호불호가 없어, 비즈니스 채팅부터 게임 화면까지 폭넓게 어우러집니다.

구체적인 사용 장면과 용도 제안

이 아이콘은, 메시지 앱의 상태 표시부터, 웹사이트 조작 버튼까지, 다기능 용도로 사용할 수 있습니다.

• 채팅/SNS의 ‘댓글/입력 중’ 아이콘에
  게시판이나 SNS 게시글에 대한 ‘댓글란’으로 가는 링크 버튼으로 사용. 또는, 채팅 화면에서 상대방이 텍스트를 입력하고 있을 때의 ‘타이핑 인디케이터’로 최적입니다. 둥근 사각형 형상은, 텍스트 상자(입력란)를 상기시키기 때문에, 사용자에게 입력을 촉구하는 효과도 있습니다.
• 앱이나 웹사이트의 ‘기타/메뉴’ 버튼에
  화면 구석에 배치되는 ‘…’ 버튼(미트볼 메뉴)의 변형으로 사용. 말풍선 틀이 붙어 있음으로써, ‘여기를 누르면 상세 설명이나 옵션이 표시됩니다’라는 툴팁 역할을 직관적으로 전달합니다.
• 리뷰 사이트의 ‘감상/후기’ 게시 이미지에
  상품 리뷰나 음식점 후기 사이트에서, 사용자가 감상을 적는 액션을 나타내는 아이콘으로 사용. 사각형 형상은, 장문 텍스트나 이미지를 포함한 풍부한 코멘트를 이미지화합니다.
• 만화나 블로그의 ‘침묵/사고’ 표현에
  캐릭터가 말문이 막히는 장면이나, 무언가를 생각하고 있지만 아직 말이 되지 않은 상태를 나타내는 ‘틈(마)’의 표현으로 사용. 타원형보다 조금 딱딱한 인상이 있기 때문에, 시리어스한 장면이나, 로봇/AI가 생각하고 있는 장면에도 어울립니다.
• FAQ나 도움말의 ‘보충 설명’ 아이콘에
  ‘상세 정보는 여기’나 ‘보충 있음’을 나타내는 마크로 사용. 문장 끝에 이 아이콘을 둠으로써, 생략된 정보가 있음을 시사하고, 클릭을 유도할 수 있습니다.

편집 요령과 EPS 형식의 장점

배포 파일에는, 웹 제작에 편리한 PNG, SVG 형식 외에, DTP 디자인이나 고도 편집에 적합한 벡터 데이터인 EPS 형식도 동봉하고 있습니다.

EPS 형식(벡터 데이터)을 활용하면, UI 디자인의 톤 앤 매너에 맞춰 형상을 미세 조정할 수 있습니다. Adobe Illustrator 등의 소프트웨어를 사용하면, 모서리 둥글기(R값)를 조정해서, 보다 정사각형에 가깝게 하거나, 반대로 원에 가깝게 하는 것이 가능합니다.
또한, 꼬리(말풍선 돌기) 부분을 삭제해서, 순수한 ‘사각 버튼’으로 쓰는 것도 추천합니다. 안의 말줄임표를 ‘i(인포메이션)’나 ‘?(도움말)’로 고쳐 쓰면, 사이트 내 안내 아이콘으로 응용할 수 있고, 배경색을 반투명하게 해서 이미지 위에 겹치는 듯한 사용법도 스타일리시합니다.

관련 키워드

말풍선, 둥근 모서리, 사각형, 말줄임표, …, 점점점, 입력 중, 댓글, 채팅, 메뉴, 옵션, 상세, 생각 중, 침묵, UI, 아이콘, Speech bubble、Rounded rectangle、Typing、Menu、Comment