반응형 디자인

정의

화면 크기에 맞춰 레이아웃이 자동으로 바뀌는 디자인 방식.

자세한 설명

컴퓨터, 태블릿, 휴대폰처럼 화면 크기가 서로 다른 기기에서 봐도 레이아웃이 자동으로 알맞게 바뀌어 보이도록 만드는 디자인 방식입니다. 휴대폰으로 접속하는 손님이 많은 요즘, 이 디자인이 안 돼 있으면 글자가 깨지거나 버튼이 눌리지 않는 등 불편을 겪게 됩니다. 화면 폭에 따라 메뉴가 접히거나 글자 크기가 조정되는 것이 대표적인 예입니다.

예를 들면

홈페이지를 휴대폰으로 열었을 때 메뉴가 햄버거 모양으로 접히도록 반응형 디자인을 적용했습니다.

관련 용어