Overview
-
Use Illustrator to create high-quality web content and assets. Discover how to set up a project design, responsively create wireframes and moodboards, export assets, and more.
Syllabus
-
Introduction
- Welcome
- Illustrator and web design
- How to use the exercise files
- Document settings
- Custom web workspaces
- Artboards
- Grids
- Color modes and settings
- What is responsive design?
- Set breakpoints
- Libraries: Work with Adobe Stock
- Libraries: Manage your resources
- Libraries: Collaborate
- Text styles
- Dynamic buttons
- Graphic styles
- Symbols
- 9-slice scaling
- Edit color
- Recolor artwork
- Seamless backgrounds
- Site maps
- Moodboards
- Wireframe overview
- Create a wireframe
- Develop comps
- Navigation
- Templates
- Style guides
- Comps for client review
- Assets panel
- SVG format
- Export icons for screens
- Extract CSS styles
- Design tips and tricks
- Next steps
