모바일웹은 PC웹의 모바일 버전이라고 생각하면 가장 쉽다.

 

보통 기존의 PC 웹 사이트는 URL을 표기 할 때에 www.crossp.co.kr이라고 표현을 한다.

 

대신 모바일웹은 "www"라는 호스트 네임을 뺀 약칭인 "m"을 넣어서 m.crossp.co.kr이라고 표현한다.

 

PC웹과 모바일 웹의 가장 큰 차이점은 다양한 디바이스에 맞춘 해상도 라고 할 수 있다.

 

모바일웹의 기본 해상도는 480픽셀, 640픽셀을 기준으로 하며 테블릿 버전까지 고려하여 800픽셀, 1024픽셀까지를 기본 해상도로 하여 개발 한다.

 

또한, 이러한 해상도에 따른 반응형 웹이라고 하는 버전을 따로 개발하는 부문까지도 고려 할 수 있다.

 

이러한 작업은 보통 PC웹을 제작 하는 것에 30~40% 이상의 개발 공수가 더 투여가 되며 특히, 모바일 웹 디자인에서는 각 기기의 해상도 별 디자인 작업들을 추가로 해 주어야 한다.

 

디자인 작업이 끝나고 나서도 HTML 코딩작업인 퍼블리싱이라고 하는 작업도 2~3배 이상의 공수가 더 들어 간다.

 

이러한 웹을 총징하여 반응형 웹(Responsive Web)이라고 표현한다.

 

영어 표현으로는 각 기기에 반응해서 나오는 웹처럼 이해할 수 있으나 실질적으로는 해당 해상도별로 디자인과 퍼블리싱 작업을 일일히 구성해 놓아야 해당 모바일 웹사이트가 제대로 작동을 할 수가 있다.

 

이에 따르는 디자인 컨셉과 구성방법도 기존 PC웹과는 UI/UX적인 측면에서도 차이가 있다.

 

2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요