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.)

출처 :

http://www.ravelrumba.com/photoshop-grids/


위의 출처에 가면 아래쪽에 각각의 해상도에 해당하는 포토샵 화일이 들어있는 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/


+ Recent posts