모바일 웹 만들기 #1 모바일웹 제작 전 알아야할 6가지 TIP

첫 번째. PSD는 640px로 작업해야한다.

모바일 최저해상도 320px가 인데 

디자인은 640px로 작업해서 반을 나워 퍼블리싱을하게 됩니다.

그래서 디자인 요소들을 넣을때 짝수로 해야하는 이유는

반으로 줄였을 때 소숫점이 나오지 않게 하기 위해서 입니다.

 

두번째. meta의 veiwport를 사용해야합니다.

meta 요소중에 veiwport를 사용해야지

모바일 기기의 100% 사이즈를 사용 할 수 있습니다.

추가로 meta요소중 양손터치가 가능한지 불가능한지에 따라 디자인이 달라질 수 도 있다

 

세번째. HTML5, CSS3를 적극 활용하라.

HTML의 경우 인풋 요소들을 적시 적소에 넣는 것이 중요합니다.

사용자들의 직관성을 높여주기 때문입니다.

CSS의 그라데이션등을 활용하여 이미지양을 줄이는 것이 포인트입니다.

 

네번째. 크로스 브라우징이 가능해야합니다. 

iso, 안드로이드 또는 크롬, 네이버, 파이어폭스 등 

프로젝트를 고려하기 전에 호환성을 고려해야합니다.

가장 중요한 기준은 많은 사용하는가 이다.

 

다섯번째. 픽스된 레이아웃이 아니라 유동적 레이아웃으로 만들어야 합니다.

가로사이즈를 픽셀이아니라 % 그리고 100%로 만들어야합니다

기기가 커지던 기기가 작아지던 꽉찬 디스플레이를 사용할 수 있도록 해야합니다.

100%가 되지 않으면 좌우 스크롤이 생긴다.

 

**리베하얀님의 유튜브를 참고 하여 제작 했습니다.