Responsive Web Design Artboards
Use these Adobe Illustrator files when creating different layouts for Responsive Web Design
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 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.
Feel free to download, submit your own artboards for inclusion into the set.