반응형테스트 도구 다양한 해상도 확인용 구글 리사이저

2015년 이후로 원페이지 홈페이지를 만드는게 대세로 자리잡으면서 반응형 홈페이지 제작도 크게 증가했습니다. 특히 원페이지에서 다양한 인터렉션을 사용한 홈페이지는 이제 해외에서는 대부분 콘텐츠 회사가 아니라면 사용하고 있는거 같은데요. 이런 현상은 제작의 편의성과 워드프레스 테마 등 저비용으로 보기 좋고 가성비 좋은 홈페이지를 만드는 트렌드로 쭉 이어지고 있습니다.

이렇게 반응형이 증가하면서 웹기획이나 마케팅기획시 고려되는 점이 바로 해상도에 따라 어떻게 홈페이지가 반응하냐인데요. 이런 해상도에 따른 반응형테스트 도구로 구글에서 제공하는 리사이저를 소개해드립니다.

리사이저의 가장 큰 장점은 사용이 정말 쉽습니다. 그냥 반응형으로 만들어진 페이지 URL 복사해서 넣고 해상도 사이즈만 툭툭 조절하면됩니다.

일단 기본화면에 들어가면 기본적으로 구글 디자인 페이지가 세팅되 있습니다. 그냥 상단 URL입력창에 원하는 페이지 URL을 넣으면됩니다. 창이 열리거나 레이어가 나오지 않는 이상은 다른 페이지 이동까지 다른 작업 없이 사용 가능합니다.

각종 모니터 화면에 대응해 모니터 해상도만 지정하면 반응형테스트를 바로바로 할 수 있습니다.

테블릿과 같은 경우에도 해상도를 조정해서 어떻게 보여지는 지 알 수 있습니다.

요즘 반응형에서 스마트폰 대응은 당연한데요. 가로형은 물론 세로형까지 해상도 변화에 따른 모습을 간단하게 보여줍니다.

요즘은 모바일 사용이 워낙에 많아 웹기획은 물론 모바일 기획시에도 온라인마케팅 대상이 어떤 특성을 가지고 있고 모바일에서는 어떻게 보이고 PC에서는 어떻게 보이는지 반드시 확인해보세요!!

구글 리사이저: http://design.google.com/resizer/