Illustrator for Web Design

Created By
Emily Kay via LinkedIn Learning
  • 2-3 hours worth of material
  • LinkedIn Learning
  • English
Illustrator for Web Design

Course 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.

Course Circullum

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
out of 5.0
5 Star 85%
4 Star 75%
3 Star 53%
1 Star 20%

Item Reviews - 3

Submit Reviews

Free Trial Available

This Course Include:
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
  • Provider:LinkedIn Learning
  • Certificate:Certificate Available
  • Language:English
  • Duration:2-3 hours worth of material
  • Language CC:

Do You Have Questions ?

We'll help you to grow your career and growth.
Contact Us Today