MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Illustrator for Web Design

Course Summary

Create vibrant web graphics, wireframes, and complete web site mockups with the strong layout and color management tools in Adobe Illustrator.       

  • +

    Course Syllabus

       Using the exercise files
    1. Core Concepts
       Designing for screens
       Decoding screen size and resolution
       Exploring the Illustrator to HTML workflow
       Setting up Illustrator for web work
       Creating a new document for web
       Creating a new document for mobile
       Using artboards for responsive layouts
       Creating email newsletter documents
       Working with Pixel Preview and anti-aliasing
    2. Working with Color
       Adjusting color settings
       Understanding web color
       Creating a color palette
       Creating custom swatches
       Working with fills and strokes
    3. Working with Layers
       Exploring the Layers panel
       Renaming and grouping layers
    4. Working with Shapes and Symbols
       Drawing simple shapes
       Working with Pathfinder
       Using the Shape Builder tool
       Creating symbols
       Editing and replacing symbols
    5. Creating Wireframes
       Planning your project
       Using guides and rulers
       Developing a layout with shapes
       Using a grid system
    6. Working with Text
       Exploring the rules of typography
       Using text as text vs. using text as an image
       Understanding web-safe fonts
       Creating and using paragraph styles
       Creating and using character styles
       Simulating the CSS box model
    7. Using Live Effects
       Understanding object appearance
       Applying and editing live effects
       Creating and using drop shadows
       Creating more flexible rounded rectangles
       Saving appearance as graphic styles
    8. Creating a Web Site Mockup
       Starting with a wireframe
       Adding master elements
       Creating navigation buttons
       Working with photographs
       Simulating pages with artboards
    9. Creating UI Elements
       Creating video placeholders
       Creating buttons
       Creating form fields
       Creating radio boxes and checkboxes
       Creating progress bars
       Creating tabbed interfaces
    10. Optimizing Web Graphics
       Understanding slicing
       Slicing up a mockup
       Understanding web file formats
       Exploring the Save for Web dialog
       Optimizing photographs
       Optimizing transparent graphics
       Saving Retina display graphics
       Exporting SVG graphics
    11. Creating Image Sprites
       Understanding image sprites
       Creating a sprite grid
       Optimizing sprites for the web
    12. Integrating with Other Apps
       Placing Illustrator Smart Objects
       Sharing color swatches between apps
       Exporting Illustrator artwork as a PSD
       Importing artwork into Fireworks
       Exporting HTML from Illustrator
       Taking the next step

Course Fee:
USD 25

Course Type:


Course Status:



6 - 7 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top