YoVDO

Illustrator for Web Design

Offered By: LinkedIn Learning

Tags

Adobe Illustrator Courses Computer Science Courses Web Design Courses Responsive Design Courses Wireframing Courses Vector Graphics Courses Adobe Stock Courses

Course Description

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

Related Courses

Векторная графика. Adobe Illustrator CC
St. Petersburg State Polytechnic University via Coursera
Draw and Style Custom Letters with Inkscape
Coursera Project Network via Coursera
Build a Flywheel Infographic with Inkscape
Coursera Project Network via Coursera
Introduction to inkscape
Coursera Project Network via Coursera
Build a Custom Profile Avatar with Inkscape
Coursera Project Network via Coursera