Tablet, mobile, & email
- iPad: 1024x768
Landscape orientation - iPad: 768x1024
Portrait orientation - iPhone: 640x960
Portrait orientation - Email: 640px
Desktop environments
- Standard: 972px
- Widescreen: 1144px
- IAB-Friendly: 1000px
(Allows for a 320px-wide sidebar that can house a 300x250 unit with 10px of padding.)
출처 :
위의 출처에 가면 아래쪽에 각각의 해상도에 해당하는 포토샵 화일이 들어있는 zip 화일을 다운로드 받을수 있음
https://github.com/downloads/robflaherty/photoshop-grids/photoshop-grids-v0.1.zip
이 zip 화일을 다운로드 받아서 풀고 거기에 있는 포토샵 화일을 기준으로 그 위의 그리드에 디자인 작업을 시작할것
스크롤 되는 영역까지 템플릿에서 만들고 싶다면.
http://www.benhayes.com/2012/05/adobe-illustrator-responsive-web-design-template/
와이어 프레임 작업용 프린트해서 쓰는 템플릿을 원한다면
http://www.matthewstephens.com/