본문 바로가기

반응형 웹 디자인

스마트폰, 태블릿 PC, 기타 등등 다양한 모바일 기기의 보급 및 활성이 급격히 증가하고 있습니다. PC 홈페이지의 경우 모든 내용을 스마트폰이나 태블릿의 사용자 화면에서 한 화면에 담을 수 없고, 별도의 모바일 페이지를 별도로 제작해 왔습니다.
“반응형 웹 디자인 (Responsive Web Design)”이란 PC와 스마트폰, 태블릿 등 여러 사용자가 사용하는 다양한 기기에서의 화면 크기에 반응하여 최적화된 화면을 제공해주는 기술입니다. 기존과 같이 PC페이지 따로 Mobile페이지 따로 제작 하는 것이 아니라, 하나의 페이지로 모든 기기에서 가장 최적화된 화면을 제공할 수 있습니다.
또한 Google에서는 홈페이지의 구축방법의 하나로 반응형 웹 디자인을 권장하고 있습니다. 참고사이트 바로가기

기존 PC/Mobile 홈페이지
PC용 웹 페이지는 Desktop/Laptop 등의 환경에 대응

PC 환경 대응

Mobile용 웹 페이지는 Tabelet/Smartphone 등의 환경에 대응

Mobile 환경 대응

반응형 웹 디자인 홈페이지
반응형 웹 디자인 페이지는 Desktop/Laptop/Tabelet/Smartphone 등 어느 환경에도 대응

PC 및 Mobile 등 모든 환경 대응

반응형 웹 디자인의 장점

  • 1도메인의 단일화

    • 기존의 경우에는 PC와 Mobile의 각각의 도메인이 필요했으나, 반응형 웹 디자인에서는 하나의 도메인으로 대응 가능
    기존 PC/Mobile 홈페이지
    Desktop/Laptop 등에서 접속 시 PC용 웹 페이지로 연결

    www.gilink.co.kr

    Tabelet/Smartphone 등에서 접속 시 Mobile용 웹 페이지로 연결

    m.gilink.co.kr

    반응형 웹 디자인 홈페이지
    Desktop/Laptop/Tabelet/Smartphone 등 어느 환경에서 접속해도 반응형 웹 디자인 페이지로 연결

    www.gilink.co.kr

    ※ SSL 인증서도 하나의 도메인 구입으로 대처가 가능합니다.

  • 2제작 기간 단축 및 운영·관리의 편리함

    • 하나의 소스 제작으로 제작 기간의 단축과 운영 및 관리가 편리
    • 하나의 소스를 수정함으로써 모든 기기에 적용
    기존 PC/Mobile 홈페이지
    기존의 홈페이지에는 PC용과 모바일용 웹 페이지 소스의 각각 수정으로 총 2의 공수 발생
    반응형 웹 디자인 홈페이지
    반응형 웹 디자인 홈페이지에서는 소스 수정 한 번으로 총 1~1.5의 공수 발생
  • 3모든 디바이스에 적용 가능

    • 하나의 소스 제작으로 모든 기기 화면에 적용 가능
    • 원하는 기기 화면의 사이즈에서는 메뉴의 미표시도 가능

    ※ 현재 웹 브라우저 화면의 가로 폭을 움직여 보세요.

  • 4반응형 웹으로 제작한 프로젝트

    * 클릭하면 해당 사이트로 이동합니다.

Contact us
문의
오시는길
서울특별시 금천구 디지털로9길 33 (가산동, IT미래타워 1406, 1407호)   T. 02-512-4451 F. 02-3447-1542