Join Justin Seeley for an in-depth discussion in this video Defining a grid for your artboards, part of Illustrator CC for Web Design: Wireframing.
- View Offline
- If you've watched any of my courses…here at lynda.com, you probably know…that I'm a big proponent of using grids…in your design work, not just for websites either,…I use it for pretty much everything that I do.…So if you're not familiar with using a grid system,…it would probably behoove you to get familiar…with it because most of the frameworks…that you're going to be working with…as a web or graphic designer are going to have…some sort of grid system built into them.…Some of the more famous ones would be…the 960 grid system, the 1200 pixel grid system,…or whole frameworks like Flexbox and Bootstrap.…Most of those will come with their own templates…that you can just download and open up…into Adobe Illustrator, but if you ever need…to create your own grid, this is how…I would go about doing that.…
So I start off here on a website called…gridulator.com, and basically all this is…is an online calculator where I can calculate…the overall width of the grid that I want to create.…I can also set the number of columns…
Miss part one? Check out Illustrator CC for Web Design: Core Concepts.
- Choosing a color scheme
- Creating a layer structure
- Targeting specific devices
- Building a wireframe library
- Adding UI placeholders
- Assembling your wireframe
- Saving and versioning a wireframe