반응형 웹과 적응형 웹의 차이

반응형 디자인(RWD : Responsive Web Design)
가로 크기에 변화를 줄 때, 콘텐츠들이 웹브라우저의 가로 사이즈에 맞춰 유동적으로 재배치되는 형태.
일반적으로 반응형 웹은 % 단위를 사용하여 각 디자인의 폭에 유동적으로 반응하여 콘텐츠의 크기가 줄거나 커지고 오브젝트 배열도 변경된다.
웹브라우저의 가로 넓이에 따라 유동적으로 변하는 유동형 레이아웃(fluid layout)과 유연한 이미지(flexible image), 그리고 미디어 쿼리(media queries)가 어우러져 환경에 반응하여 스스로 적응하는 방식.
적응형 웹과 눈으로 확인했을 때 가장 큰 차이점은 창을 줄일 때 애니메이션 효과로 비율이 줄어드는 것이 보인다는 것.

** 반응형 웹사이트 : http://www.antro.ca/en/

 

적응형 디자인 (AWD : Adaptive Web Design)
사용자가 브라우저의 가로 크기를 변경해서 디자이너가 지정한 해상도에 도달하면 레이아웃이 재배치되는 형태.
PX 단위를 사용하며 몇 개의 해상도를 지정하여 CSS 코딩시 브라우저가 그 사이즈에 도달하면 그때 디자이너가 준비해 둔 레이아웃을 보여줌.
뷰를 정해둔 상태에서 고정폭, 위치, 디자인들이 기준이 되는 넓이 값을 만났을때 적용되므로 각각의 해상도마다 레이아웃이 달라짐.
** 적응형 웹사이트 : http://easy-readers.net/books/adaptive-web-design/

 

[출처] 반응형 웹과 적응형 웹의 차이|작성자 전진욱