SERVICE 고객센터
상상人 Lab SERVICE 상상人 Lab
생각 : 자유롭게 소통하는 상상너머가 되기 위해,
상상人들의 생각과 이야기가 쌓이는 공간입니다.
내용이미지
반응형 웹 디자인이란 뭘까요?
2019.09.27 운영자

반응형 웹 디자인(responsive web design, RWD)이란 


하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다.

웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 공용 웹사이트를 만들어 다양한 디바이스에 대응할 수 있다. 

PC용 URL과 모바일용 URL이 동일하기 때문에 검색 포털 등 광고를 통한 사용자 접속을 효율적으로 관리할 수 있다. 

또한 웹 페이지 내용을 수정할 경우, 하나의 페이지만 수정하면 PC와 모바일 등 다양한 디바이스에서 동일하게 반영된다. 

반응형 웹의 핵심 기술은 가변 그리드(fluid grid), 유연한 이미지(flexible images), 미디어 쿼리(media query)이다. 

반대말은 디바이스별로 별도의 웹사이트를 제작하는 적응형 웹(adaptive web)이다.


여기까지 위키백과에서 설명하는 반응형웹의 일반적인 설명입니다.


시대의 흐름에 따라 모바일 기기 등 웹을 볼 수 있는 디바이스 들이 늘어남에 따라 1개의 파일을 이용하여 모든 다바이스에서 보기 좋게 만드는 것입니다.

관리도 편하고 검색에 대응하기도 편리합니다. 다만, 많은 디바이스에 맞추려면 기술적으로 어려운 것이 사실입니다. 


그럼 모든 사이트가 반응형웹 기법으로 제작해야 할까요?

사이트의 특성에 맞게 반응형과 적응형을 잘 이용하는 것이 좋습니다.


레이아웃이 복잡하고 한 페이지에 담는 내용이 많은 경우에는 반응형보다 적응형 웹(Adaptive Web)이 효과적입니다.

어떤 방법을 사용하여 제작하더라고 제작 기법에 대해 알고 의뢰하면 고객사도 제작사도 서로 윈윈하는 효과를 가져 올 수 있습니다.


방법에 대해 함께 논의하고 이로운 방법으로 웹을 효과적으로 누릴 수 있게 제작해드리겠습니다.

언제라도 문의하여 주십시오.