brunch

매거진 디자인과 마케팅

라이킷 173 댓글 9

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 소셜마케팅코리아 Apr 05. 2016

반응형웹 무료템플릿 모음

모바일과 데스크탑 웹디자인을 한번에!

원문 : 소셜마케팅코리아 블로그 - http://blog.socialmkt.co.kr/459

반응형 웹이란?

모바일 사용량이 데스크탑 사용량과 대등한 시대에 꼭 필요한 웹 페이지로, 디스플레이 종류에 따라 (데스크탑 / 모바일 / 태블릿 PC등) 화면의 크기가 자동으로 최적화되어 조절되는 웹 페이지 형태입니다.

스마트 기기의 종류가 다양해지면서 각 기기마다 해상도가 다를 수 밖에 없는데요. 그렇기 때문에 사용자들이 다양한 모바일 기기로 접속하더라도 사용자에게 최대한 같은 화면을 보여줄 수 있는 반응형 웹 기술이 필요합니다.

간혹 PC에서는 잘 보이다가 모바일이나 태블릿으로 접속하였을 때, 화면이 깨지거나 보이지 않는 경우가 있습니다. 이런 경우 반응형 웹 기술이 적용된 웹사이트에 접속하면 알아서 적절한 사이즈와 크기로 맞춰주기 때문에 홈페이지 관리자들에게 편리함을 제공합니다.

그리고 하나의 소스로 관리되기 때문에 유지보수에 있어 시간과 비용을 줄이는 효과를 볼 수 있습니다. 또한 하나의 주소를 사용하기 때문에, 검색엔진에 최적화 할 수 있으며, 광고 등을 통합적으로 운영할 수 있습니다.

하지만 방대한 정보를 보여주어야 하는 쇼핑몰 홈페이지의 경우, 반응형 웹으로 제작하는데 주의를 기울여야 합니다. 우선 사용자들에게 데스크탑 모니터에서 보여지던 정보량을 모바일 화면에서 보여주기 위해 스크롤 범위가 늘어나는 단점이 생기게 됩니다. 또한 텍스트가 겹칠 수 있으며, 데스크탑보다 로딩이 느려지는 불편함을 줄 수 있으니 참고 하시길 바랍니다.