- Customizing a web workspace
- Using the artboards to create multiple sized files easily
- Laying out responsive web experiences using Illustrator
- Creating and using character and paragraph styles
- Working with symbols
- Recoloring selected artwork
- Creating a site map
- Creating moodboards
- Creating wireframes
- Creating full-blown comps
- Exporting icons for screens
- Extracting CSS styles
Skill Level Intermediate
- [Emily] You may not have considered Illustrator to be a very useful web design application. That's mainly because many people are not aware of the tools that are built into Illustrator that make it a viable option for designing websites. Illustrator gives you a ton of flexibility in web asset creation, and will make the process faster than you could ever imagine. Here in LinkedIn Learning, I'll show you how to design a complete website in Adobe Illustrator. Starting with how you set up the project correctly so that you can maximize efficiency within the application.
Throughout this course, you'll master using art boards so that you can build out multiple device designs in a single file. You'll become faster and more efficient through the use of symbols and type-based styles. And you'll learn how to quickly set up multiple column grids to ensure your layouts are spot on. You'll learn about the best settings for exporting files and how you can leverage other amazing features in Illustrator that will make this process a snap. Adobe Illustrator really is the perfect tool to design a website.
I'm Emily Kay, and I'm really excited for you to dive in with me and learn all about using Illustrator for website design.
1. Set Up the Project
2. Design Responsively
3. Development Process
4. Collaborate and Share
5. Export Assets
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.