Illustrator CC for Web Designers
Adobe Illustrator CC is rapidly becoming the go-to application for web and mobile app design. In this course, you'll learn how to use Illustrator CC for your web design asset creation, wireframing, and web mockups. Software required: Illustrator CC.
What you'll learn
Adobe Illustrator, traditionally used by graphic designers, is typically not considered to be a web design tool and has been ignored by most web designers. However, with the addition of many new web centric features and the shift to SVG support in modern browsers, Adobe Illustrator is rapidly becoming the go-to application for web and mobile app design. In this course, Illustrator CC for Web Designers, you'll learn how to utilize Illustrator CC for your web design projects. First, you'll explore how effective Adobe Illustrator can be as a web design tool. Next, you'll delve into creating graphics, such as buttons and icons for use in all of your web and mobile projects. Finally, you'll cover how easy it is to wireframe websites and mobile apps using Illustrator's vector tools. When you're finished with this course, you'll be able to create a website mockup complete with images, text, and graphics that is ready to hand off to a developer. Software required: Illustrator CC.
Table of contents
- Setting Illustrator Preferences for Web Design 4m
- Adjusting Illustrator's Color Settings for Web Design 8m
- Exploring Document Presets for Web 5m
- Customizing the Interface for Web Design 9m
- Creating a Multi-screen Web Template 8m
- Using Grids for Pixel Perfect Designs 10m
- Best Practices for Layers and Naming Conventions 12m
- What Is a Wireframe and Why Should I Create One? 6m
- Defining a Page Column System 10m
- Sketching the Initial Layout 8m
- Creating Placeholder Graphics 10m
- Mocking up Text 9m
- Re-purposing Graphics Using Symbols 8m
- Re-purposing Graphics Using CC Libraries 9m
- Building Your First Wireframe Page 12m
- Building the Next Page 12m
- Exporting Wireframes for Approval 9m