패럴랙스 스크롤링 - 웹디자인 트렌드

패럴랙스 스크롤링(Parallax scrolling)이란 사이트 상에서 화면이 상하 좌우로 스크롤 될때

배경이미지 또는 오브젝트 이미지들 간의 시간차가 발생하여 각 이미지들이 제각각 움직이면서

시각적인 재미를 주는 기법으로 다년간 웹디자인 트렌드의 일부가 되고 있습니다

 

패럴랙스 스크롤링을 통해서 평면적인 이미지를 가지고 3차원의 공간감과 재미를 느낄 수 있게 됩니다

 

패럴랙스의 과도한 사용은 사용자들에게 오히려 불편함을 줄 수도 있기때문에

실질적인 퍼포먼스에 집중하면서 부분적이고 효과적으로 활용할 수 있어야 합니다

 

 

 

 

Bagigia (http://www.bagigia.com/)

 

 

 

Madwell (https://www.madwell.com/)

 

 

 

 

Hot dot (https://hotdot.pro)

 

 

 

 

다소 심플하면서 단순한 구성의 사이트에서 패럴렉스 스크롤링 효과를 통해 극적인 임펙트를 줄 수 있어서

상품 소개를 비롯해서 브랜드 홈페이지나 마이크로 사이트 또는 프로모션 페이지 등에서 효과적입니다

 

패럴렉스 기법은 사이트의 로딩을 느리게 하거나 호환성의 제약이 있기도 하지만 

평면적인 틀에서 벗어나 주목할만한 3d 효과와 메세지 전달의 힘이 강하고 상품을 부각시켜 주목성을 줄 수 있어서

웹사이트를 구성하는 중요한 기법이 되고 있습니다