마우스(컴퓨터 조작) 무료 아이콘 | 무료 소재

클릭과 선택의 상징, ‘마우스’ 무료 소재

좌우 버튼과 중앙의 스크롤 휠, 그리고 본체에서 뻗어 나온 케이블(유선)을 그린, 스탠다드한 마우스 일러스트 아이콘입니다. 화면상의 커서를 움직여, 대상을 ‘클릭(결정)’하는 도구이기에, 웹사이트에서는 ‘여기를 누르세요’나 ‘이 기능을 선택하세요’라는 사용자의 액션을 유도하는 내비게이션 아이콘으로 널리 쓰이고 있습니다.

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

이 아이콘은, 초보자를 위한 해설부터, 쇼핑몰 사이트의 구매 버튼까지, 사용자에게 ‘조작’을 요구하는 장면에서 활약합니다.

• ‘자세한 것은 여기(Click Here)’의 버튼 장식에
  링크 버튼이나 배너 위에, 마우스 아이콘을 곁들임으로써, ‘여기는 클릭할 수 있어요’라는 것을 시각적으로 알려주는 가이드로 사용. 손가락 아이콘과 마찬가지로, 클릭률(CTR)을 높이는 효과가 있습니다.
• 컴퓨터 교실/매뉴얼의 ‘조작 설명’에
  ‘우클릭해서 메뉴 열기’나 ‘휠로 스크롤 하기’와 같은, 구체적인 조작 방법을 해설하는 도해의 일부로 사용. 유선 타입은 연결의 안정성을 연상시키므로, 오피스나 교육 현장 이미지에도 부합합니다.
• 쇼핑몰 사이트의 ‘장바구니 담기’ 이미지에
  인터넷 쇼핑에서, 상품을 골라 구매 절차로 나아가는 일련의 흐름(브라우징)을 상징하는 아이콘으로 사용. 모니터나 키보드 아이콘과 세트로 사용함으로써, 데스크톱 환경에서의 이용을 표현할 수 있습니다.
• 웹 디자인/UI의 ‘스크롤’ 안내에
  세로로 긴 랜딩 페이지(LP)의 첫 화면(퍼스트 뷰)에서, ‘아래에 콘텐츠가 이어집니다’라고 알리기 위한 스크롤 유도(Scroll Down) 아이콘으로 사용. 마우스 휠이 움직이는 애니메이션을 더하면 더욱 효과적입니다.
• 주변기기/디바이스의 ‘하드웨어’ 소개에
  가전제품 판매점이나 가젯 블로그에서, 입력 장치 카테고리를 나타내는 아이콘으로 사용. 게이밍 마우스나 인체공학 마우스 등, 특정 상품을 소개하기 전의 범용적인 심볼로 쓸 수 있습니다.

편집 요령과 EPS 형식의 장점

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

EPS 형식이라면, 일러스트레이터 등의 소프트웨어를 사용하여, 본체에서 뻗어 나온 ‘케이블(선)’을 삭제하여, ‘무선 마우스’로 가공하는 것이 간단합니다. 또한, 클릭된 상태를 표현하기 위해, 마우스 주위에 ‘파문(이펙트)’을 추가하거나, 색을 ‘흰색’이나 ‘검은색’으로 바꾸어 Mac풍이나 Windows풍으로 어레인지하는 것도 추천합니다.

관련 키워드

마우스, 컴퓨터, PC, 클릭, 주변기기, 디바이스, 조작, 스크롤, 휠, 유선, 입력, 브라우징, 아이콘, Mouse、Computer、Click、Scroll、Device