Join Justin Seeley for an in-depth discussion in this video Defining a grid for your artboards, part of Illustrator for Web Design: Wireframing.
- 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
Skill Level Intermediate
Illustrator for Web Design (2012)with Justin Seeley5h 27m Intermediate
Illustrator for Web Design: Core Conceptswith Justin Seeley1h 33m Intermediate
1. Setting Up Your Wireframe
2. Building a Wireframe Library
3. Assembling Your Wireframe
4. Saving and Versioning Your Wireframe
Versioning your projects6m 22s
Where to go from here1m 15s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.