정의:
반응 형 웹 디자인 또는 일반적으로 언급되는 RWD는 기존 PC, 스마트 폰 및 태블릿 장치를 포함한 다양한 장치에서보기 및 탐색에 가장 적합한 방식으로 웹 사이트 디자인의 형식을 의미합니다.
RWD는 미디어 쿼리를 사용하여 페이지가 다른 CSS3 스타일 규칙을 적용 할 수 있도록합니다. 플러스 유체 그리드 및 유연한 이미지를 제공하여 웹 사이트가 다양한 모바일 장치 및 화면을 자동으로 조정합니다.
RWD가 제시 한 과제
RWD 는 오늘날 모바일 웹 개발자 에게 큰 이익을 가져다 주지만 다음과 같은 자체 과제도 제기합니다.
- 오래된 고정 너비 웹 사이트를 변환하면 웹 개발자에게 큰 과제가됩니다. 이것은 아마 전체 웹 사이트 디자인을 재고하고 다시 처음부터 다시 할 것을 요구할 것입니다.
- 여러 행과 열을 포함하는 데이터 테이블 및 기타 복잡한 구조는 스마트 폰과 같은 소형 모바일 장치에서보기에는 적합하지 않습니다.
- 배너 광고 및 동영상은 유동적이지 않은 요소이므로 특정 장치에 맞게 크기를 조정할 수 없습니다. 물론, 광고주 스스로 다른 모바일 시스템 의 사양에 맞게 다른 버전의 광고를 제공하면이 문제가 해결됩니다.
- 또 다른 관련 문제는 다수의 모바일 장치를 테스트 하는 것입니다. 오늘 시장에 너무 많은 장치가 넘쳐 흐르고 있습니다. 각기 다른 기능, 화면 및 해상도가 있습니다. 개발자와 디자이너는 모두 자신에게 맞는 웹 디자인을 만들 것으로 기대할 수 없습니다. 특히 중소기업 의 경우 이러한 웹 사이트를 만들고 유지 보수하는 비용을 감당할 수 없습니다.
- 모바일 우선 전략 : 이것이 소매에 적용되는 방법
개발자는 Responsive Web Design을 통해 생겨난 가장 보편적 인 문제를 해결하기 위해 노력하고 있으며 현장에서 발전이 이루어지고 있습니다. 사실 RWD는 모바일 웹 디자인의 미래이며 앞으로도 계속 머물러야 할 것입니다.