Designing Websites in Illustrator: Effective Workflow
with Brian Wood
Log in or Sign up for FREE and get full access to these and thousands of other Open Lessons in our catalog! Watch 2 Lessons For Free
02 Getting Started08:03
03 Set up your Design Document and Layout Grid11:58
Class duration: 2h 25mSee all 11 lessons
About The Class
designing sites with illustrator
Brian is a veteran web developer and educator and Designing Websites in Adobe Illustrator: Effective Workflow, he’ll help you understand the state of the web today and review your best options for designing for it.
- Create a working mockup
- Design with hosted web fonts
- Add dynamic buttons
- Use styles and symbols to simplify your process
There are endless options when designing for the web – learn to how Illustrator can help in Designing Websites in Adobe Illustrator: Effective Workflow with Brian Wood.
Software Used: Adobe Illustrator CC 2014
Understanding the "Responsive" Web Today15:26
Set up your Design Document and Layout Grid11:58
Setting up Artboards to Mock up Device Sizes05:51
Work with the Pixel Grid, Live Shapes, Pixel Precision10:44
Design with Web Fonts21:47
Using Styles and Symbols to Make your Life Easier22:46
Mocking up Dynamic Buttons12:09
Working with Frameworks05:23
Work with Raster Images16:02
Create a "Working" Mock Up with MarvelApp15:49
Adobe Illustator Workflow-Links.pdf
100% of students recommend this class.
See what some of them have to say.
Quick introduction to Illustrator's website prototyping use. What I needed for better understanding of designing for retina screens, designing at pixel level, smart guides, and wireframes. I like the real-world suggestions for how to show website plan to clients efficiently. Hope to find the next course on best practices in exporting website from AI.
wonderful thank you
The class was very useful and offered a number of tricks and techniques I found useful. The PDF mentioned appears to be missing, and I think there should have been a video that touches on best practices for exporting.
Similar classes you might like
You know who’d love this class...?
When gift-spiration strikes, grab it. Give this class to a friend who’d love it. For their birthday or just because. (Or just because you missed their birthday.)