해상도를 고려한 레이아웃

모바일 웹사이트 제작은 일반 웹사이트 제작과 있어서 가장 큰 차이점은 해상도 차이에 따른 레이아웃입니다. 모바일 기기가 넷북이나, 노트북, 데스크탑 보다도 디스플레이의 크기가 작기 때문에 이점을 고려한 웹사이트 기획 및 디자인, 퍼블리싱이 필요합니다. 모바일 기기마다 해상도가 제각각이라는 점도 참 난감한 요소 입니다. 국내에서 보통 모바일 웹사이트 제작은 전 해상도를 고려하기 보다는 최근 출시된 스마트폰을 기준으로 해서 기획, 개발 및 검수 되는 사례가 많습니다.(아이폰, 갤럭시S 등..) 그래서 요즘에는 이들 스마트폰 환경에 최적화된 모바일 웹사이트가 늘어나고 있습니다.

※ 국내 출시된 주요 모바일 기기 해상도

iPhone 320 x 480
iPhone4 960 x 640
모토로이 해상도 854 x 480
HTC 디자이어(넥서스원) 800 x 480
옵티머스Q 800 x 480
갤럭시A  800 x 480
갤럭시S 800 x 480
시리우스 800 x 480
베가 800 x 480
HTC 레이더 LTE 960 x 540
삼성갤럭시 SII LTE 960 x 540
팬택 베가 LTE 960 x 540 (모션동작)
옵티머스 SII LTE 960 x 540