최근 반응형디자인 반응형웹사이트 반응형웹페이지 반응형웹에 대해 많은 관심을 가지고 꾸준히 제작이 되고 있습니다.

반응형웹(Responsive Web)은 사용자가 스마트폰, 태블릿, PC 등 어느 기기에서 웹사이트를 방문하더라도 자동으로 최적화한 화면을 보여주는 것을 말합니다.

즉, 기기별로 별도의 웹페이지를 구현할 필요가 없습니다.

최근엔 시차스크롤링웹(페럴렉스 스크롤링 Parallax Scrolling Web)은 최근 미국과 유럽에서 유행하고 있는 웹개발 방식으로 사용자의 마우스 스크롤 또는 키보드 입력에 따라 반응하는 웹페이지를 말합니다.

수직 또는 수평 스크롤시 각 요소들을 서로 다른 속도로 스크롤링하여 깊이감을 줄 수 있는데, 이것이 마치 애니메이션이나 게임의 Parallax(시차) 기법을 연상시킨다하여 시차 스크롤링 웹이라고 부릅니다.

사용자 입장에서는 스크롤을 하며 체험하는 듯한 기분을 느낄 수 있어, 제품설명, 기업광고, 회사소개, 스토리텔링 등에 적합합니다.

플래시(Flash)를 사용하지 않으며 스마트폰의 경우 성능 또는 배터리 소모 등 제조사의 정책상 이유로 제한된 기능들이 있어 이를 고려하여 개발하여야합니다.

자 반응형 웹? 왜 만들까요? PC용 모바일용 두 개만 만들면 되는거 아니야? 라고 생각할 수 있습니다.

하지만 지금은 많은 모바일 기기가 출시되고 있으며 그 많은 기기의 해상도를 맞춘 사이트를 모두 제작한다는건 불가능합니다.

그렇다고 저 많은 기기들에 대해 모두 만들어야 하는것은 아닙니다.

많은 기기들 중 몇몇 중단 점을 설정 후, 3 ~ 5개 정도로 디자인으로 처리해주면 됩니다.

반응형웹으로 만들어진 사이트는 어떤것들이 있을까요?

최근엔 반응형웹 + 페럴렉스스크롤링을 적용하는 경우가 많이 있습니다.

http://ydesign.house/

http://www.hsnc.co.kr/

반응형웹의 장점!

- 어느 기기에서나 최적화된 화면

- 컨텐츠를 보기 위해 크게 키우거나 줄일 필요가 없다 

- 일관성 있고 맞춤화된 UX 

- 어느 디바이스에서 모든 페이지가 보여진다 

반응형웹의 단점!

- 제작비가 적게는 수백 많게는 수천만원이 들어갑니다

- 유지보수가 어려워 유지보수시 비용이 많이 들어간다

- 일부 웹표준을 지원하지 않는 구버젼 브라우저에서는 호환성이 떨어진다.

- 반응형웹 템플릿이나 비슷한 레이아웃 그리고 플랫하고 심플한 디자인을 많이 사용

- 기업의 특징을 살리지 못하는 디자인인 경우 일반적인 반응형웹 홈페이지가 될 수 있다

이렇게 반응형웹은 결과적으로 초기 제작비가 많이 들어가고 저렴하게 반응형웹 템플릿형태로 제작이 되었다 하더라고

추후 유지보수시 많은 비용을 안고 가야하는 부분이라 비용때문에 맡기지 못하는 경우가 태반입니다.

이상 반응형웹에 대해 알아보았습니다.

특정 홈페이지의 반응형웹 테스트를 원한다면?

혹은 내가 만든 사이트가 다양한 기기에서 어떻게 보이는 지 확인하고 싶다면? 아래 사이트를 이용해 보세요.

http://troy.labs.daum.net/