위 화살표/각진/맨 위로/업로드 무료 아이콘 | 무료 소재

페이지 상단으로의 유도와 업로드, ‘각진 위 화살표’ 무료 소재

직선과 예각으로 구성된, 샤프한 ‘위 방향(정상방)’ 화살표 아이콘입니다. 일체의 둥근 느낌을 배제한 단단한(Solid) 디자인은, 긴 페이지를 다 읽은 사용자를 ‘페이지 선두로 되돌리는’ 내비게이션이나, 데이터를 서버로 보내는 ‘업로드’ 동작을 명확하게 나타냅니다. 웹사이트의 사용성(Usability)을 향상시키기 위해 빠뜨릴 수 없는, 상업적 이용 가능한 무료 소재입니다.

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

이 아이콘은, 화면 이동이나 데이터 전송 등, 위쪽 방향으로의 액션을 나타내는 UI 파츠로 이용되고 있습니다.

• ‘맨 위로’ 버튼으로
  웹페이지 오른쪽 아래에 고정 표시되는, 페이지 최상단으로 스크롤 백 하기 위한 버튼으로 사용.
• 업로드 버튼으로
  사진이나 서류 데이터를 서버로 전송하는 ‘업로드’ 기능의 아이콘으로 사용. 아래에 선(트레이)과 조합하면 의미가 더욱 명확해집니다.
• 아코디언 메뉴의 ‘닫기’에
  전개했던 상세 정보를 다시 격납하는(닫는) 경우의 트리거로 사용. 아래 화살표와 전환하여 표시시킵니다.
• 데이터의 ‘오름차순’ 정렬에
  가격이 낮은 순, 날짜가 오래된 순 등, 데이터가 작은 것에서 큰 것으로 나열되는 ‘오름차순’을 나타내는 리스트 헤더 기호로 사용.
• 지도/플로어 맵의 방위에
  지도상에서 ‘북쪽(North)’ 방위를 나타내는 나침반 마크로 사용.

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

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

‘맨 위로’ 버튼으로 사용하는 경우, SVG 편집 소프트웨어(일러스트레이터 등)나 CSS로, 원이나 사각형 테두리로 감싸면 버튼 같은 느낌이 더해집니다. 또한, 스크롤해서 어느 정도 페이지가 진행되면 살짝 나타나는 애니메이션을 구현하면, 콘텐츠 열람을 방해하지 않고, 필요할 때만 기능을 제공할 수 있습니다.

관련 키워드

화살표, 위 화살표, 위, 정상방, 각진, 샤프, 맨 위로, 페이지 탑, 업로드, 전송, 닫기, 북쪽, 오름차순, 아이콘, Arrow、Up、Top、Upload、Page top、North