최근 수정 시각 : 2021-02-11 14:51:33

히어로 이미지

Hero Image

1. 개요2. 특징

1. 개요

웹사이트에서 화면을 가득 채우는 큰 배너 이미지. 일반적으로 앞이나 가운데에 눈에 확 들어오도록 배치되기 때문에 방문자의 이목을 집중시킨다. 그래서 처음 방문한 사용자에게 어떤 웹사이트인가에 대해 확실하고 매력적으로 요약하여 보여줄 수 있다.

최근에 만들어지는 웹사이트에서 많이 볼 수 있는 웹디자인 방식이다. 이전의 글 위주로 이루어진 컨텐츠에서 이미지나 영상 중심의 컨텐츠를 구성하는 방식이 트렌드가 되면서 유행하게 되었다.

2. 특징

사이트의 매우 큰 부분을 차지하기 때문에 해당 웹사이트의 인상을 결정 짓는다. 그래서 퀄리티가 높은 사진들이 사용된다.

최근에는 이미지가 아니라 영상을 배경으로 하기도 한다.

보통 이미지 위에 슬로건이나 핵심 문구를 타이포그래피로 나타낸다. 이러한 문구를 잘 보이게 하기 위해 일반적으로 적절한 색의 이미지를 사용한다. 단, 그렇지 못할 경우 히어로 이미지의 밝기를 임의로 좀 낮추거나 반투명 박스위에 텍스트를 올리는 등의 방법을 사용하기도 한다.

일반적으로 기업을 소개하는 사이트들이 많이 사용한다. 기업을 나타내는 이미지를 화면에 크게 배치하고 회사의 슬로건을 타이포그래피로 나타내는 식이다.

이미지가 주 컨텐츠인 사이트의 경우, 히어로 이미지를 회원들의 작품 중에서 선정하거나 랜덤하게 히어로 이미지로 사용하기도 한다. 예를 들어 픽시브에서는 비회원이 처음 들어가면 뜨는 로그인 사이트의 배경으로 회원들의 사진을 활용한다.

분류