아래 화살표/다운로드/펼치기 무료 아이콘 | 무료 소재

‘저장’이나 ‘계속’을 재촉하는, 아래 화살표 무료 소재

원형 안에 아래쪽 삼각형(▼)이 배치된, 심플하고 범용성 높은 아래 화살표 아이콘입니다. 이 디자인은 웹사이트에서 자료나 이미지를 저장하는 ‘다운로드 버튼’으로 가장 일반적으로 사용되고 있습니다. 또한 아코디언 메뉴를 열어 숨겨진 상세 정보를 표시하게 하거나, 세로로 긴 페이지에서 ‘다음 섹션으로 진행’하는 것을 재촉하는 스크롤 다운 내비게이션으로도 기능하는, UI 디자인에 없어서는 안 될 상업적 이용 가능한 무료 소재입니다.

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

사용자에게 ‘입수하다’나 ‘앞으로 나아가다’라는 능동적인 행동을 촉구합니다.

• 다운로드 콘텐츠 버튼
  PDF 자료, 이미지 소재, 앱, 소프트웨어 등의 배포 페이지에서, ‘여기를 클릭해서 저장’이라는 의미를 가진 버튼으로 사용. 사용자는 ‘아래쪽 화살표=자신의 단말기에 데이터가 떨어진다’라고 직관적으로 이해할 수 있기 때문에, 전환율(DL 수) 향상에 기여합니다.
• 아코디언 메뉴/상세 표시
  ‘자주 묻는 질문(FAQ)’이나 ‘제품 스펙 상세’ 등, 초기 상태에서는 닫혀 있는 정보를 열기 위한 토글 버튼으로 사용. 이 아이콘이 있음으로써, 사용자는 ‘내용이 더 있다’, ‘펼칠 수 있다’라고 인식하고, 필요한 정보에 원활하게 접근할 수 있습니다.
• 웹사이트의 스크롤 유도
  랜딩 페이지(LP)의 메인 비주얼 바로 아래에 배치하여, 첫 화면(First View) 범위 밖에도 콘텐츠가 이어지고 있음을 알리는 앵커 링크로 사용. 둥실둥실 위아래로 움직이는 애니메이션을 더함으로써, 시선을 자연스럽게 아래로 유도할 수 있습니다.
• 비즈니스/수치 변동 표현
  전년 대비 마이너스, 비용 절감, 순위 하락 등, 수치가 내려간 것을 나타내는 인디케이터로 사용. 이 경우 ‘파란색(냉정)’이나 ‘빨간색(적자)’ 등, 문맥에 맞춰 색상 사용을 연구함으로써, 상황을 정확하게 전달합니다.

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

본 사이트에서 배포하고 있는 무료 소재는 사용하기 쉬운 PNG 형식에 더해, 편집 자유도가 높은 벡터 형식(SVG 파일)도 무료로 다운로드 가능합니다.

다운로드 버튼으로 사용하는 경우, SVG 편집으로 화살표 아래에 ‘밑줄(바)’을 추가하면, ‘받침 접시’의 이미지가 강해져, 저장 아이콘으로서의 인지도가 더욱 높아집니다. 또한 메뉴 펼치기 버튼으로 사용할 때는, CSS로 ‘클릭하면 화살표가 180도 회전하여 위쪽(▲)이 된다’는 움직임을 주면, 개폐 상태를 한눈에 알 수 있는 친절한 UI가 됩니다.

관련 키워드

아래 화살표, 다운로드, 저장, 펼치기, 더 보기, 드롭다운, 메뉴, 스크롤, 아래로, UI, 버튼, Arrow Down、Download、Button