How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Illustrator for Web Design

via LinkedIn Learning

Write review
Coursera Ad

Google AI Professional Certificate - Learn AI Skills That Get You Hired

Learn More → TrainSec Ad

Learn EDR Internals: Research & Development From The Masters

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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
1. Set Up the Project
  • Document settings
  • Custom web workspaces
  • Artboards
  • Grids
  • Color modes and settings
2. Design Responsively
  • 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
3. Development Process
  • Site maps
  • Moodboards
  • Wireframe overview
  • Create a wireframe
  • Develop comps
  • Navigation
  • Templates
4. Collaborate and Share
  • Style guides
  • Comps for client review
5. Export Assets
  • Assets panel
  • SVG format
  • Export icons for screens
  • Extract CSS styles
Conclusion
  • Design tips and tricks
  • Next steps

Taught by

Emily Kay

Reviews

4.7 rating at LinkedIn Learning based on 53 ratings

Start your review of Illustrator for Web Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.