원 안의 별 무료 아이콘 | 무료 소재

‘즐겨찾기’를 직관적으로 전하는, ‘원형 테두리 별’ 무료 소재

원형 테두리 안에, 표준적인 오망성이 균형 있게 배치된 일러스트 아이콘입니다. 별 마크는 단독으로도 ‘중요’나 ‘반짝임’을 의미하지만, 둥근 프레임으로 감쌈으로써, 웹사이트나 앱상에서의 ‘클릭 가능한 버튼’으로 인식되기 쉬워져, 사용자의 시인성과 조작성을 높이는 효과가 있습니다.

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

이 아이콘은, 웹 서비스나 앱의 UI 디자인에서, 사용자의 행동을 촉구하는 중요한 파츠로 기능합니다.

• 즐겨찾기/북마크의 ‘등록 버튼’으로
  쇼핑몰 사이트의 상품 페이지나, 블로그 기사의 헤더 부분에서, ‘나중에 보기’나 ‘즐겨찾기에 추가’ 기능을 나타내는 버튼으로 표준적으로 이용됩니다. 둥근 테두리가 있음으로써, 미클릭 상태(예를 들어 회색 테두리만)와, 클릭 완료 상태(노랗게 채워진 상태)의 전환을 표현하기 쉬워, 사용자에게 현재 상태를 알기 쉽게 전달합니다.
• 리뷰/평가의 ‘추천 마크’로서
  리뷰 사이트나 상품평에서, 5단계 평가의 별과는 별도로, ‘편집부 추천’이나 ‘명예의 전당 아이템’과 같은 특별한 권장을 나타내는 배지로 사용할 수 있습니다. 둥근 모양은 ‘인증 도장’ 같은 신뢰감을 주어, 수많은 상품 중에서도 특별히 주목해야 할 아이템임을 강조합니다.
• 중요 알림/포인트의 ‘아이캐치’에
  개조식 리스트 디자인에서, 특히 중요한 항목이나 메리트를 나타내는 행의 선두에, 이 둥근 별 아이콘을 배치합니다. 단순한 검은 점(·)보다 시선을 끌어, ‘여기가 중요 포인트입니다!’라고 강조하는 악센트로 기능하며, 읽는 이의 주의를 환기합니다.
• 랭킹/수상 경력의 ‘순위 표시’로서
  인기 랭킹 1위 표시나, ‘베스트 코스메틱 수상’과 같은 수상 경력을 나타내는 아이콘으로 사용. 왕관 아이콘과 마찬가지로, ‘넘버원’이나 ‘특별함’을 상징하는 심볼로 쓰여, 권위성이나 높은 인기를 어필하는 데 도움이 됩니다.
• SNS의 ‘좋아요/리액션’ 버튼에
  하트 마크가 주류인 ‘좋아요’ 버튼이지만, 서비스에 따라서는 별 마크가 쓰이기도 합니다. 특히 비즈니스계 SNS나, 지적인 콘텐츠를 다루는 사이트에서는, 감정적인 하트보다, 평가나 북마크의 의미가 강한 별 아이콘이 선호되는 경향이 있어, 그럴 때의 UI 버튼으로 최적입니다.

디자인 요령과 SVG 형식의 장점

본 사이트에서 배포하고 있는 무료 소재는, 이미지가 열화되지 않는 벡터 형식(SVG 파일)도 무료로 제공하고 있습니다.

이 아이콘은, 상태 변화 디자인이 중요합니다. SVG 편집 소프트웨어(일러스트레이터 등)로, ‘회색 테두리+흰색 채우기 별’을 미등록 상태, ‘노란색 테두리+노란색 채우기 별’을 등록 완료 상태로 하는 등, 색을 전환함으로써 인터랙티브한 UI를 만들 수 있습니다. 또한, 둥근 테두리를 ‘금색 그라데이션’으로 하면, 고급스러운 메달풍 디자인으로도 어레인지 가능합니다.

관련 키워드

별, 스타, 원, 동그라미, 즐겨찾기, 북마크, 중요, 평가, 추천, 버튼, UI, 마크, 아이콘, Star、Circle、Favorite、Bookmark、Recommend、Icon