Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Adobe Illustrator Artboards for Responsive Web Design Development

branch: master
README.md

Responsive Web Design Artboards

Use these Adobe Illustrator files when creating different layouts for Responsive Web Design

Files

  • Desktop Responsive Design Artboards.ai

    • Contains four (4) artboards for "desktop" browsing:

      • Desktop 800x600 -> 778x400
      • Desktop 1024x768 -> 1002x658
      • Desktop 1280x800 -> 1258x760
      • Desktop 1680x1050 -> 1418x700
    • Note that the heights are based on default window sizing, i.e. stuff that's "above the fold".

  • iPhone iPad Web Design Artboards.ai

    • Contains six (6) artboards for iPhone and iPad:

      • iPad Landscape -> 1024×768
      • iPad Portrait -> 768x1024
      • iPhone (Retina) Landscape -> 640x960
      • iPhone (Retina) Portrait -> 960x640
      • iPhone Landscape -> 320x480
      • iPhone Portrait -> 480x320

Plays Well with Others

  • The Responsive Web Design Artboards were designed for use with Adapt.js. Take a look at Adapt.js when you are ready to take the designs into web production.

  • For help with designing native iOS apps, check out iPhone and iPad stencils.

Contributing

Feel free to download, submit your own artboards for inclusion into the set.

Something went wrong with that request. Please try again.