V자형 화살표(오른쪽 아래)/전개/드롭다운/열기 무료 아이콘 | 무료 소재

메뉴 전개의 정석, ‘V자형(쉐브론) 화살표’ 무료 소재

히라가나 ‘く’ 자, 혹은 알파벳 ‘V’와 같은 모양을 한, 심플한 선화 화살표 아이콘입니다. 이 오른쪽 아래(아래)를 향한 형상은, 웹사이트나 앱의 UI에서 ‘여기에 숨겨진 정보가 있다’, ‘클릭하면 아래로 전개된다(열린다)’는 것을 나타내는, 드롭다운이나 아코디언 메뉴의 트리거로서 표준적으로 사용되고 있습니다.

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

이 아이콘은, 정보를 좁은 공간에 담고 싶은 경우나, 사용자의 액션에 따라 상세 정보를 표시하는 장면에서 필수가 됩니다.

• 드롭다운 리스트에
  언어 선택이나 카테고리 선택의 셀렉트 박스에서, 클릭하면 선택지가 아래로 쭉 표시된다는 것을 나타내는 표시로 사용.
• 아코디언 메뉴의 ‘열기’에
  스마트폰 사이트의 글로벌 내비게이션이나, FAQ(자주 묻는 질문)의 질문 문구 옆에 배치하여, 클릭으로 답변이나 하위 메뉴를 여는 버튼으로 사용.
• ‘더 보기’의 트리거로
  긴 문장의 일부만 표시하고, 이어서 읽고 싶은 경우에 클릭하는 ‘계속 읽기’ 버튼 옆에 곁들여 사용.
• 시선 유도의 포인트로
  디자인의 장식으로서, 시선을 오른쪽 아래의 다음 콘텐츠로 자연스럽게 유도하기 위한 장식으로 사용.

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

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

이 ‘V자형’ 화살표는, CSS로 회전시킴으로써, 전 방향의 내비게이션에 대응할 수 있습니다. ‘오른쪽(＞)’으로 하면 ‘다음’, ‘왼쪽(＜)’으로 하면 ‘뒤로’, ‘위쪽(∧)’으로 하면 ‘닫기’의 의미가 됩니다. 특히 아코디언 메뉴에서는, 개폐에 맞춰 화살표 방향을 애니메이션으로 반전시키면, 조작감이 향상됩니다.

관련 키워드

화살표, V자형, 쉐브론, 꺾쇠 괄호, 오른쪽 아래, 아래 방향, 전개, 열기, 드롭다운, 아코디언, 메뉴, 토글, UI, 아이콘, Arrow、Chevron、Down、Expand、Dropdown、Menu