Designing Websites in Illustrator: Effective Workflow
Brian Wood
Lessons
Class Trailer
1
Understanding the "Responsive" Web Today
15:26 2Getting Started
08:03 3Set up your Design Document and Layout Grid
11:58 4Setting up Artboards to Mock up Device Sizes
05:51 5Work with the Pixel Grid, Live Shapes, Pixel Precision
10:44 6Design with Web Fonts
21:47 7Using Styles and Symbols to Make your Life Easier
22:46 8Mocking up Dynamic Buttons
12:09Class Description
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.
You’ll learn how to:
- 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
Class Materials
Bonus Materials with Purchase
Adobe Illustator Workflow-Links.pdf
Ratings and Reviews
user-ef521b
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.
a Creativelive Student
wonderful thank you
Nikkita Cohoon
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.
Student Work
Related Classes
Web Design