본문 바로가기

ux design2

Parallax Scrolling을 잘 활용한 웹사이트 레퍼런스 2 패럴렉스 스크롤링은 일반적으로 웹 페이지 상의 요소들이 스크롤에 각기 다르게 반응하는 것(또는 그렇게 작동하도록 하는 기법)을 의미합니다. 패럴렉스 스크롤링은 흔히 스토리텔링에 활용하기 좋다고 이야기합니다. 요소들이 각기 나타나고 고정되고 사라지는 움직임은, 콘텐츠화된 웹 페이지의 어떤 위치에서 어떤 요소에 사용자의 시선을 집중시킬지 의도를 반영하기 적합하기 때문이 아닌가 합니다. 그런 만큼 장식적인 효과를 넘어서, UX 디자인의 관점에서 패럴렉스 스크롤링이 어떻게 적용되고 표현될 수 있는지 참고할 만한 웹페이지를 모아보았습니다. 1. iPad Pro 애플의 신제품 소개 페이지는 매번 스크롤 효과의 향연인 걸로 기억합니다. https://www.apple.com/ipad-pro/ iPad Pro The .. 2022. 1. 12.
Parallax Scrolling을 잘 활용한 웹사이트 레퍼런스 +2022.01.13추가) 포스팅 이후로 시간이 지나면서, 소개드린 도메인 중 일부가 만료되었습니다. 확인하여 만료된 도메인에는 취소선을 그었습니다. 또한 추가 레퍼런스를 소개하는 새 글을 작성했습니다. https://noa-xyz.tistory.com/37 parallax scrolling 홈페이지 레퍼런스2 패럴렉스 스크롤링은 일반적으로 웹 페이지 상의 요소들이 스크롤에 각기 다르게 반응하는 것(또는 그렇게 작동하도록 하는 기법)을 의미합니다. 패럴렉스 스크롤링은 흔히 스토리텔링에 활 noa-xyz.tistory.com 패럴랙스 스크롤링Parallax Scrolling은 스크롤을 할 때 개체마다 움직이는 속도를 다르게 한 것을 말하죠. 원경과 전경을 구분해서 입체감과 원근감을 줄 수도 있고, 같은 심.. 2019. 11. 24.
728x90