반응형 홈페이지 제작

반응형 홈페이지란 다양한 사용자 화면에 맞춰 홈페이지의 모양을 변화시키는것을 말하는데요.

요즘처럼 PC는 물론, 스마트폰, 태플릿과 같이 다양한 크기의 화면이 나오면서 필수조건처럼 되버렸죠.

그러면서 aaa.com, m.aaa.com 이처럼 두개의 도메인을 가지는 형태도 사라지고요.

반응형 홈페이지의 원리는 화면의 가로사이즈를 파악하여 미리 설정해놓은 상태가 보여지는 것인데요. 따라서 기획단계에서 기준이 되는 가로사이즈를 정하게 되요.

최소 2단부터 시작해서 3단, 4단 이런식으로 증가하게되는데요.

2단 이라면 스마트폰 세로로 보는 화면 형태의 사이즈와 일반적인 PC의 화면 사이즈를 고려하여 두가지의 디자인이 나오고요.

3단 이라면 스마트폰 세로로 보는 화면 형태의 사이즈와 태블릿 세로로 보는 화면 사이즈, 일반적인 PC 화면 사이즈를 고려해서 세가지의 디자인이 나오게 되요.

아래 이미지를 클릭해보시면 제가 제작한 2단 형태의 반응형 홈페이지 예시를 보실수 있으세요.

위에서 보셨던것 처럼 반응형 홈페이지의 장점은 모바일 홈페이지를 별도로 만들 필요가 없고 PC버전 홈페이지와 모바일 홈페이지 두개 만드는것보다 비용과 시간이 절감되며, PC 버전의 홈페이지의 컨셉 및 분위기를 맞춰 갈수 있다는거에요.

개발문의는 워크식스를 이용해 주세요.