반응형 웹 디자인이란?(Responsive Web Design)

2012년의 웹 트렌드 중 하나인 반응형 웹 디자인.
물론 새롭게 등장한 개념은 아니고...
유동형 레이아웃이나 유연한 이미지등으로 이어져 온 이슈가 좀 더 구체화 되고 업그레이드 되어 탄생한 개념이기도 하다.
분명한 것은 UI개발자로서 정복해야 할 또 하나의 산이라는 것.

정의 :
말 그대로 웹 사이트가 반응하여 최적화된 화면을 보여주도록 기획/디자인/개발하는 것이다.
주로 브라우저의 사이즈에 반응하여 각각 다른 레이아웃을 적용 하는 것이다.
동일한 마크업에 css를 다르게 적용하여 전혀 새로운 디자인을 표현했던  css젠가든사이트(www.csszengarden.com) 처럼 말이다.
지금까지 우리가 심심치 않게 사용했던 유동형 레이아웃도 반응형 웹을 위한 하나의 시도이다.
그러다가 모바일웹이 활성화 되면서 N스크린이란 개념도 나오고..
결국 목적은 다양한 해상도 및 기기에 대응하기 위해서 유동형 레이아웃, 유연한 이미지, 미디어쿼리 등을 사용하여 최적화된 화면을 사용자에게 보여주는 것일텐데..
반응형 웹디자인에서는 이런 시도가 좀 더 체계화되고 구체화 되어서,
PC 및 모바일, 타블렛을 아울러서 화면 사이즈(해상도)에 따라 최적화된 레이아웃 및 디자인을 설계하여
오직 css만으로 그것들을 표현해내는 것이다.

참고사이트
http://hyeonseok.com
http://www.astrum.co.kr/
http://bostonglobe.com/
http://www.reflexion.co.kr/index.do
http://pr.hyundai.com/
http://mediaqueri.es/

계속....