원페이지 홈페이지에 사용되는 특이한 인터렉션

콘텐츠가 꾸준히 만들어지지 않는 경우나 혹은 콘텐츠 기업도 고정된 회사 소개 페이지를 만들때 요즘은 원페이지 홈페이지 구성을 많이 합니다. 특히 원페이지 구성의 경우 상당히 다양한 인터렉션을 부여할 수 있어 역동적이면서 흥미로운 홈페이지를 만들 수 있습니다.

1. 마우스 움직임에 반응하는 홈페이지 인터렉션

http://www.galaxia.co/ 라는 사이트는 마우스 움직임에 따라 배경이 움직입니다. 전체적으로 우수 느낌의 이 홈페이지는 스크롤이 아닌 마우스 움직임 자체를 표현합니다.

2D페이지지만 마우스의 움직임에 따라 3차원 영싱의 느낌도 있습니다.

2. 스크롤에 따른 역동적인 변화

http://www.species-in-pieces.com/ 홈페이지는 원페이지의 단점을 잘 극복한 인터렉션이 보입니다. 일반적으로 처음 시작이 느린 단점을 시각적으로 보안하고자 하는 시도가 분명하고 스크롤에 따른 인터렉션이 이질감이 없고 동영상 보는 것과 같이 부드럽습니다.

3. 영상을 보는 듯한 홈페이지 인터렉션

인터렉션을 사용하는 원페이지 홈페이지는 대부분 사용되는 이미지와 음향 등을 모두 로드 시간 상태에서 플레이 하는 개념으로 사용됩니다. 이미 배열된 이미지와 영상을 순차적으로 플레이하는 느낌인데요. 이런 홈페이지는 마치 동영상을 보는 듯한 느낌을 줄 수 있습니다. 플래쉬와 다른 점은 별도로 플래쉬가 아닌 HTML에서 구현 됩니다.