Illustrator for Web Design Online Class | LinkedIn Learning, formerly Lynda.com

<!DOCTYPE html> <html lang="en"> <head> <meta name="pageKey" content="d_learning_course_guest">  <meta name="locale" content="en_US"> <meta id="config" data-app-version="2.0.2217" data-call-tree-id="AAYnlEm02leonTsksuryNw==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="50094a09-fff5-4c18-8b34-82b0fe8f658a" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_course_guest;vy1H5WOKTn25FR4kfoGehg==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0"> <link rel="canonical" href="https://www.linkedin.com/learning/illustrator-for-web-design-1">     <link rel="manifest" href="/homepage-guest/manifest.json" crossorigin="use-credentials">  <script> function getDfd() {let yFn,nFn;const p=new Promise(function(y, n){yFn=y;nFn=n;});p.resolve=yFn;p.reject=nFn;return p;} window.lazyloader = getDfd(); window.tracking = getDfd(); window.impressionTracking = getDfd(); window.ingraphTracking = getDfd(); window.appDetection = getDfd(); window.pemTracking = getDfd(); </script>  <link rel="icon" href="https://static.licdn.com/aero-v1/sc/h/444zstxv7s91nepfm5et6ofge"> <title>Illustrator for Web Design Online Class | LinkedIn Learning, formerly Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="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."> <meta property="og:site_name" content="LinkedIn"> <meta name="twitter:site" content="@LI_Learning"> <meta name="twitter:card" content="summary"> <meta name="litmsProfileName" content="learning-guest-frontend"> <meta property="og:title" content="Illustrator for Web Design Online Class | LinkedIn Learning, formerly Lynda.com"> <meta name="twitter:title" content="Illustrator for Web Design Online Class | LinkedIn Learning, formerly Lynda.com"> <meta property="og:description" content="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."> <meta name="twitter:description" content="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."> <meta property="og:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8"> <meta name="twitter:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8">  <meta property="og:url" content="https://www.linkedin.com/learning/illustrator-for-web-design-1"> <meta property="og:type" content="website"> <meta name="clientSideIngraphs" content="1" data-gauge-metric-endpoint="/learning-guest/api/ingraphs/gauge" data-counter-metric-endpoint="/learning-guest/api/ingraphs/counter"> <link rel="stylesheet" href="https://static.licdn.com/aero-v1/sc/h/ccepec31u8riooiwchbtig8m0"> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"Course","provider":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"publisher":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"hasCourseInstance":{"@type":"CourseInstance","courseMode":"online","courseWorkload":"PT2H49M49S","instructor":[{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"}]},"inLanguage":"en","name":"Illustrator for Web Design","offers":[{"@type":"Offer","category":"Subscription"},{"@type":"Offer","category":"Paid","price":"299.99","priceCurrency":"HKD"}],"description":"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.","image":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","creator":[{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"}],"author":[{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"}],"dateCreated":"2018-06-15","datePublished":"2018-06-15","thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","timeRequired":"PT2H49M49S","totalHistoricalEnrollment":15781,"url":"https://www.linkedin.com/learning/illustrator-for-web-design-1","about":[{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/illustrator","name":"Adobe Illustrator"},{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/mobile-web-design","name":"Mobile Web Design"}],"hasPart":[[{"@type":"VideoObject","name":"Welcome - Introduction","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT1M11S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/welcome"},{"@type":"VideoObject","name":"Illustrator and web design - Introduction","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT3M10S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/illustrator-and-web-design"},{"@type":"VideoObject","name":"How to use the exercise files - Introduction","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT2M10S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/how-to-use-the-exercise-files"}],[{"@type":"VideoObject","name":"Document settings - 1. Set Up the Project","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT7M17S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/document-settings"},{"@type":"VideoObject","name":"Custom web workspaces - 1. Set Up the Project","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT6M7S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/custom-web-workspaces"},{"@type":"VideoObject","name":"Artboards - 1. Set Up the Project","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT4M40S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/artboards"},{"@type":"VideoObject","name":"Grids - 1. Set Up the Project","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT6M23S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/grids"},{"@type":"VideoObject","name":"Color modes and settings - 1. Set Up the Project","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT4M7S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/color-modes-and-settings"}],[{"@type":"VideoObject","name":"What is responsive design? - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT4M15S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/what-is-responsive-design"},{"@type":"VideoObject","name":"Set breakpoints - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT2M2S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/set-breakpoints"},{"@type":"VideoObject","name":"Libraries: Work with Adobe Stock - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT5M24S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/libraries-work-with-adobe-stock"},{"@type":"VideoObject","name":"Libraries: Manage your resources - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT8M58S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/libraries-manage-your-resources"},{"@type":"VideoObject","name":"Libraries: Collaborate - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT3M6S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/libraries-collaborate"},{"@type":"VideoObject","name":"Text styles - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT7M25S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/text-styles"},{"@type":"VideoObject","name":"Dynamic buttons - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT5M27S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/dynamic-buttons"},{"@type":"VideoObject","name":"Graphic styles - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT6M34S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/graphic-styles"},{"@type":"VideoObject","name":"Symbols - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT6M5S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/symbols"},{"@type":"VideoObject","name":"9-slice scaling - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT4M13S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/9-slice-scaling"},{"@type":"VideoObject","name":"Edit color - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT4M28S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/edit-color"},{"@type":"VideoObject","name":"Recolor artwork - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT6M49S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/recolor-artwork"},{"@type":"VideoObject","name":"Seamless backgrounds - 2. Design Responsively","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT5M13S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/seamless-backgrounds"}],[{"@type":"VideoObject","name":"Site maps - 3. Development Process","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT3M33S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/site-maps"},{"@type":"VideoObject","name":"Moodboards - 3. Development Process","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT5M21S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/moodboards"},{"@type":"VideoObject","name":"Wireframe overview - 3. Development Process","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT2M50S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/wireframe-overview"},{"@type":"VideoObject","name":"Create a wireframe - 3. Development Process","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT5M5S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/create-a-wireframe"},{"@type":"VideoObject","name":"Develop comps - 3. Development Process","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT6M56S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/develop-comps"},{"@type":"VideoObject","name":"Navigation - 3. Development Process","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT7M3S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/navigation"},{"@type":"VideoObject","name":"Templates - 3. Development Process","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT4M41S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/templates"}],[{"@type":"VideoObject","name":"Style guides - 4. Collaborate and Share","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT2M39S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/style-guides"},{"@type":"VideoObject","name":"Comps for client review - 4. Collaborate and Share","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT5M20S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/comps-for-client-review"}],[{"@type":"VideoObject","name":"Assets panel - 5. Export Assets","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT2M32S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/assets-panel"},{"@type":"VideoObject","name":"SVG format - 5. Export Assets","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT6M8S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/svg-format"},{"@type":"VideoObject","name":"Export icons for screens - 5. Export Assets","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT3M","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/export-icons-for-screens"},{"@type":"VideoObject","name":"Extract CSS styles - 5. Export Assets","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT6M45S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/extract-css-styles"}],[{"@type":"VideoObject","name":"Design tips and tricks - Conclusion","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT2M3S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/design-tips-and-tricks"},{"@type":"VideoObject","name":"Next steps - Conclusion","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT49S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/next-steps"}]],"syllabusSections":[{"@type":"Syllabus","name":"Welcome","timeRequired":"PT1M11S"},{"@type":"Syllabus","name":"Illustrator and web design","timeRequired":"PT3M10S","description":"Learn how Adobe Illustrator is a great web design tool that allows you to create a coherent workflow."},{"@type":"Syllabus","name":"How to use the exercise files","timeRequired":"PT2M10S"},{"@type":"Syllabus","name":"Document settings","timeRequired":"PT7M17S","description":"Discover the optimal document setup settings for web-based work in Adobe Illustrator."},{"@type":"Syllabus","name":"Custom web workspaces","timeRequired":"PT6M7S","description":"Learn how to set up your Adobe Illustrator workspace so it is optimized for web-based work."},{"@type":"Syllabus","name":"Artboards","timeRequired":"PT4M40S","description":"Learn how you can create multiple artboards in Adobe Illustrator."},{"@type":"Syllabus","name":"Grids","timeRequired":"PT6M23S","description":"Learn how to create custom grids in Adobe Illustrator that will suit any web-based design and layout."},{"@type":"Syllabus","name":"Color modes and settings","timeRequired":"PT4M7S"},{"@type":"Syllabus","name":"What is responsive design?","timeRequired":"PT4M15S","description":"Learn what responsive design is in terms of working with Adobe Illustrator."},{"@type":"Syllabus","name":"Set breakpoints","timeRequired":"PT2M2S","description":"Explore breakpoints and how they can impact your design. Also learn how Adobe Illustrator artboards relate to setting up your design comps."},{"@type":"Syllabus","name":"Libraries: Work with Adobe Stock","timeRequired":"PT5M24S","description":"Learn how to use the library panel in Illustrator to preview and use Adobe Stock art and how to incorporate it into your files."},{"@type":"Syllabus","name":"Libraries: Manage your resources","timeRequired":"PT8M58S","description":"Learn how to use the library panel in Adobe Illustrator to store, share, and manage assets throughout your design and development process."},{"@type":"Syllabus","name":"Libraries: Collaborate","timeRequired":"PT3M6S","description":"Learn how to collaborate with others using the library in Adobe Illustrator, which will ensure consistency in shared graphics."},{"@type":"Syllabus","name":"Text styles","timeRequired":"PT7M25S","description":"Learn how to create and use character and paragraph styles in Adobe Illustrator."},{"@type":"Syllabus","name":"Dynamic buttons","timeRequired":"PT5M27S","description":"Learn how you can create dynamic buttons that resize and update effects depending on the amount of text you use in Adobe Illustrator."},{"@type":"Syllabus","name":"Graphic styles","timeRequired":"PT6M34S","description":"Explore the benefits of using graphic styles to streamline and control elements globally in Adobe Illustrator."},{"@type":"Syllabus","name":"Symbols","timeRequired":"PT6M5S","description":"Learn how you can use symbols to manage similar elements in Adobe Illustrator."},{"@type":"Syllabus","name":"9-slice scaling","timeRequired":"PT4M13S","description":"Learn how 9-slice scaling in Adobe Illustrator allows you to protect a portion of a symbol from transforms and edits."},{"@type":"Syllabus","name":"Edit color","timeRequired":"PT4M28S","description":"Learn how to control your colors and manage them using global colors in Adobe Illustrator."},{"@type":"Syllabus","name":"Recolor artwork","timeRequired":"PT6M49S","description":"Learn how you can recolor selected artwork throughout your document in Adobe Illustrator."},{"@type":"Syllabus","name":"Seamless backgrounds","timeRequired":"PT5M13S","description":"Learn how you can create fast-loading, seamless backgrounds in Adobe Illustrator."},{"@type":"Syllabus","name":"Site maps","timeRequired":"PT3M33S","description":"Learn what site maps are and how to use Adobe Illustrator to create a site map."},{"@type":"Syllabus","name":"Moodboards","timeRequired":"PT5M21S","description":"Learn what moodboards are and how to use Adobe Illustrator to create moodboards."},{"@type":"Syllabus","name":"Wireframe overview","timeRequired":"PT2M50S","description":"Learn what a wireframe is and why it is an important element in the web planning phase."},{"@type":"Syllabus","name":"Create a wireframe","timeRequired":"PT5M5S","description":"Discover how to create wireframes in Adobe Illustrator and learn why you should do this time-saving step."},{"@type":"Syllabus","name":"Develop comps","timeRequired":"PT6M56S","description":"Learn how to create finalized web-based comps quickly in Adobe Illustrator."},{"@type":"Syllabus","name":"Navigation","timeRequired":"PT7M3S","description":"Learn how to create web-based navigational elements using Adobe Illustrator."},{"@type":"Syllabus","name":"Templates","timeRequired":"PT4M41S"},{"@type":"Syllabus","name":"Style guides","timeRequired":"PT2M39S","description":"Learn what style guides are and how you can create them in Adobe Illustrator."},{"@type":"Syllabus","name":"Comps for client review","timeRequired":"PT5M20S"},{"@type":"Syllabus","name":"Assets panel","timeRequired":"PT2M32S","description":"Learn how to use the asset panel in Adobe Illustrator to manage your optimized, exported file types."},{"@type":"Syllabus","name":"SVG format","timeRequired":"PT6M8S","description":"Learn how to export graphics out as SVG (scalable vector graphics) in Adobe Illustrator."},{"@type":"Syllabus","name":"Export icons for screens","timeRequired":"PT3M","description":"Learn how to export web-friendly file types out of Adobe Illustrator."},{"@type":"Syllabus","name":"Extract CSS styles","timeRequired":"PT6M45S","description":"Learn how to use the extract CSS feature in Adobe Illustrator."},{"@type":"Syllabus","name":"Design tips and tricks","timeRequired":"PT2M3S","description":"Learn some web design tips and tricks that you can do in Adobe Illustrator to maximize your web workflow."},{"@type":"Syllabus","name":"Next steps","timeRequired":"PT49S"}],"aggregateRating":{"@type":"AggregateRating","ratingCount":80,"ratingValue":4.8,"bestRating":5,"worstRating":1},"review":[{"@type":"Review","author":{"@type":"Person","name":"Richard Anderson","jobTitle":"Owner at www andersoncorp org","url":"https://www.linkedin.com/in/richard-anderson-b9bb2727"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"MY THNX","datePublished":"2024-03-07T22:07:57.642Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1},{"@type":"Review","author":{"@type":"Person","name":"Valentin Ionut","jobTitle":"You become what you think! \nWhat do you feel you attract! \nWhat you imagine you create!","url":"https://ro.linkedin.com/in/valentinchiurtu"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"Best","datePublished":"2023-10-29T21:43:55.028Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1},{"@type":"Review","author":{"@type":"Person","name":"Lukas Engqvist","jobTitle":"Teacher at Brobygrafiska","url":"https://se.linkedin.com/in/engqvist"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"For print designers it is important to see how Illustrator can be used even when designing for screens.Great to start up with setting up the workspace. (I would also add information that 72 PPI is so that pixels and points are interchangable, to clarify why this is used even if screens often are higher resolution than that)","datePublished":"2023-07-05T09:52:16.978Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1}],"video":{"@type":"VideoObject","name":"Welcome - Illustrator for Web Design","author":{"@type":"Person","name":"Emily Kay","description":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","jobTitle":"Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn","url":"https://www.linkedin.com/in/emikay","image":"https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8","description":"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.","duration":"PT1M11S","datePublished":"2018-06-15","uploadDate":"2018-06-15","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://www.linkedin.com/learning/illustrator-for-web-design-1/welcome"},"educationalLevel":"Intermediate","educationalCredentialAwarded":[{"@type":"EducationalOccupationalCredential","name":"LinkedIn Learning Certificate of Completion","url":"https://www.linkedin.com/help/learning/answer/a598944/learning-certificates-of-completion-faqs","credentialCategory":"Certificate","offers":[{"@type":"Offer","category":"Subscription"}]}]} </script>  </head> <body dir="ltr">   <a href="#main-content" class="skip-link btn-md btn-primary absolute z-11 -top-[100vh] focus:top-0"> Skip to main content </a> <header class="header base-detail-page__header px-mobile-container-padding bg-color-background-container global-alert-offset sticky-header"> <nav class="nav pt-1.5 pb-2 flex items-center justify-between relative flex-nowrap babymamabear:py-1.5 nav--minified-mobile " aria-label="Primary"> <a href="https://www.linkedin.com/learning/?trk=learning-course_nav-header-logo" class="nav__logo-link link-no-visited-state z-1 mr-auto min-h-[52px] flex items-center babybear:z-0 hover:no-underline focus:no-underline active:no-underline babymamabear:mr-3" data-tracking-control-name="learning-course_nav-header-logo" data-tracking-will-navigate> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> </a> <section class="search-bar relative flex flex-grow h-[40px] bg-cool-gray-20 min-w-0 max-w-full mx-4 rounded-sm babymamabear:mx-0 babymamabear:mb-1.5 babymamabear:bg-color-transparent babymamabear:w-full babymamabear:flex babymamabear:flex-wrap search-bar--minified-mobile" data-current-search-type="LEARNING"> <button class="search-bar__placeholder papabear:hidden text-input w-full mt-1.5 !pl-[14px] border-1 border-solid border-color-border-faint rounded-[2px] h-[40px] max-h-[40px] flex items-center overflow-hidden cursor-text" data-tracking-control-name="learning-course_search-switcher-opener"> <icon class="text-color-icon w-3 h-3 mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/397vrsk6op88l4981ji1xe1qt"></icon> <div class="search-bar__full-placeholder font-sans text-md text-color-text max-w-[calc(100%-40px)] text-left whitespace-nowrap overflow-hidden text-ellipsis">  Search skills, subjects, or software  </div> <span class="sr-only">Expand search</span> </button> <div class="switcher-tabs__trigger-and-tabs babymamabear:flex"> <button aria-expanded="false" class="switcher-tabs__placeholder flex !h-full !py-0 !pl-2 !pr-1.5 border-r-1 border-solid border-r-color-border-faint babymamabear:hidden tab-md papabear:tab-vertical papabear:justify-start cursor-pointer" data-tracking-control-name="learning-course_switcher-tabs-placeholder" aria-describedby="switcher-description"> <span class="switcher-tabs__placeholder-text m-auto"></span> <icon class="switcher-tabs__caret-down-filled onload pointer-events-none block my-auto min-h-[24px] min-w-[24px] h-[24px] babymamabear:hidden" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv"></icon> </button> <div id="switcher-description" class="hidden">This button displays the currently selected search type. When expanded it provides a list of search options that will switch the search inputs to match the current selection. </div>  <div class="switcher-tabs hidden z-[1] w-auto min-w-[160px] mb-1.5 py-1 absolute top-[48px] left-0 border-solid border-1 border-color-border-faint papabear:container-raised babymamabear:static babymamabear:w-[100vw] babymamabear:h-[48px] babymamabear:p-0 overflow-y-hidden overflow-x-auto md:overflow-x-hidden"> <ul class="switcher-tabs__list flex flex-1 items-stretch papabear:flex-col" role="tablist"> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="jobs-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="JOBS" data-tracking-control-name="learning-course_switcher-tabs-jobs-search-switcher" id="job-switcher-tab" role="tab"> Jobs </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="people-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="PEOPLE" data-tracking-control-name="learning-course_switcher-tabs-people-search-switcher" id="people-switcher-tab" role="tab"> People </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="learning-search-panel" aria-selected="true" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer tab-selected" data-switcher-type="LEARNING" data-tracking-control-name="learning-course_switcher-tabs-learning-search-switcher" id="learning-switcher-tab" role="tab"> Learning </button> </li> </ul> <button aria-label="Close" class="switcher-tabs__cancel-btn papabear:hidden block w-6 h-6 m-auto text-color-text-low-emphasis" data-tracking-control-name="learning-course_switcher-tabs-cancel-search-switcher" type="button"> <icon class="switcher-tabs__cancel-icon block w-3 h-3 m-auto onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </div> </div> <section class="base-search-bar w-full h-full" data-searchbar-type="PEOPLE" aria-labelledby="people-switcher-tab" id="people-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/pub/dir" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="First Name" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input" maxlength="500" name="firstName" placeholder="First Name" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Last Name" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input" maxlength="500" name="lastName" placeholder="Last Name" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="trk" value="learning-course_people-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Search" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="JOBS" aria-labelledby="job-switcher-tab" id="jobs-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/jobs/search" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-form"> <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input keywords-typeahead-input text-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-keywords-typeahead-list" aria-haspopup="listbox" aria-label="Search job titles or companies" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-keywords" maxlength="500" name="keywords" placeholder="Search job titles or companies" role="combobox" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-keywords-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section>  <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input location-typeahead-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-location-typeahead-list" aria-haspopup="listbox" aria-label="Location" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-location" maxlength="500" name="location" placeholder="Location" role="combobox" value="Hong Kong" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-location-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="geoId" value="102817007" type="hidden"> <input name="trk" value="learning-course_jobs-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Search" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="LEARNING" aria-labelledby="learning-switcher-tab" id="learning-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/learning/search" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Search skills, subjects, or software" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input" maxlength="500" name="keywords" placeholder="Search skills, subjects, or software" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input class="nav__search-uoo" name="upsellOrderOrigin" type="hidden"> <input name="trk" value="learning-course_learning-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Search" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section>  <div aria-live="polite" class="search-bar__live-text sr-only" role="status"></div> </section>  <div class="nav__cta-container order-3 flex gap-x-1 justify-end min-w-[100px] flex-nowrap flex-shrink-0 babybear:flex-wrap flex-2 babymamabear:min-w-[50px] "> <a class="nav__button-tertiary btn-md btn-tertiary" href="http://www.linkedin.com/learning/subscription/products?courseSlug=illustrator-for-web-design-1&destRedirectURL=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1&trk=learning-course_nav-header-join&upsellTrk=lil_upsell_nav_subscription&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title" data-tracking-control-name="lil_upsell_nav_subscription" data-tracking-impression-name="lil_upsell_nav_subscription" data-test-live-nav-primary-cta data-tracking-will-navigate> Start free trial </a> <a class="nav__button-secondary btn-md btn-secondary-emphasis" href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title%26trk%3Dcourse_title&fromSignIn=true&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title&trk=learning-course_nav-header-signin" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate> Sign in </a> <a aria-label="Sign in" class="nav__link-person papabear:hidden mamabear:hidden" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title%26trk%3Dcourse_title&fromSignIn=true&session_redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title&trk=learning-course_nav-header-signin"> <img class="inline-block relative rounded-[50%] w-4 h-4 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </a> </div>   </nav> </header>  <div class="cta-banner "> <div class="enterprise-nav"> <div class="enterprise-nav__content-wrapper"> <p id="enterprise-nav-solutions" class="enterprise-nav__content" tabindex="-1"> Solutions for: </p> <a href="https://learning.linkedin.com/for-entire-companies?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-business" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-business">Business</a> <a href="https://learning.linkedin.com/for-higher-education?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-education" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-education">Higher Education</a> <a href="https://learning.linkedin.com/for-governments?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-government" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-government">Government</a> <a href="/learning/subscription/teams?veh=lil_upx&src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-buy" class="enterprise-nav__content" data-test-live-enterprise-upsell="true" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" data-tracking-impression-name="lil_upsell_learning-course_enterprise-nav_teambuy" id="business-nav-buy">Buy for my team</a> </div> </div>   </div> <main class="main papabear:flex papabear:w-content-max-w papabear:mx-auto papabear:pt-desktop-content-top-margin mamabear:pt-desktop-content-top-margin " id="main-content" role="main"> <section class="core-rail mx-auto papabear:w-core-rail-width mamabear:max-w-[790px] babybear:max-w-[790px]"> <ol class="breadcrumb__list"> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/browse?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>All topics</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/creative?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Creative</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/animation-and-illustration?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Animation and Illustration</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/illustration?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Illustration</a> </li> </ol> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"All topics","item":"https://www.linkedin.com/learning/browse"},{"@type":"ListItem","position":2,"name":"Creative","item":"https://www.linkedin.com/learning/topics/creative"},{"@type":"ListItem","position":3,"name":"Animation and Illustration","item":"https://www.linkedin.com/learning/topics/animation-and-illustration"},{"@type":"ListItem","position":4,"name":"Illustration","item":"https://www.linkedin.com/learning/topics/illustration"}]} </script> <section class="top-card-layout container-lined overflow-hidden babybear:rounded-[0px]"> <section class="top-card__image-container"> <img class="top-card__image" alt="Illustrator for Web Design" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQENWBwtk_9mzQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1567117701919?e=2147483647&v=beta&t=WBVQ_T2ZQX4eYCgLouPzSCUFI45ZZM9FCRsW154zDG8"> <a class="top-card__overlay-button" data-tracking-control-name="course_preview" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/welcome?autoplay=true&trk=course_preview"> <span class="top-card__preview-cta "> <icon class="top-card__preview-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l"> </icon> <span class="top-card__preview-cta-text">Preview</span> </span>  </a> </section> <div class="top-card-layout__card relative p-2 papabear:p-details-container-padding"> <div class="top-card-layout__entity-info-container flex flex-wrap papabear:flex-nowrap"> <div class="top-card-layout__entity-info flex-grow flex-shrink-0 basis-0 babybear:flex-none babybear:w-full babybear:flex-none babybear:w-full"> <h1 class="top-card-layout__title font-sans text-lg papabear:text-xl font-bold leading-open text-color-text mb-0"> Illustrator for Web Design </h1> <h2 class="top-card-layout__headline break-words font-sans text-md leading-open text-color-text"> <div class="top-card__headline-row"> <span class="top-card__headline-row-item top-card__headline-row-item--large">With Emily Kay</span> <span class="top-card__headline-row-item">Liked by 385 users</span> </div> <div class="top-card__headline-row"> <span class="top-card__headline-row-item">Duration: 2h 49m</span> <span class="top-card__headline-row-item">Skill level: Intermediate</span> <span class="top-card__headline-row-item">Released: 6/15/2018</span> </div> </h2>   <div class="top-card-layout__cta-container flex flex-wrap mt-0.5 papabear:mt-0 ml-[-12px]"> <a href="http://www.linkedin.com/learning/subscription/products?courseSlug=illustrator-for-web-design-1&destRedirectURL=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1&trk=course_info&upsellTrk=lil_upsell_course_info_subscription" data-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-impression-name="lil_upsell_course_info_subscription" data-litms-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-will-navigate class="top-card__upsell-link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--primary btn-md btn-primary" data-test-live-course-sub-upsell> Start my 1-month free trial </a> <a class="buy-for-your-team-cta__link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--secondary btn-md btn-secondary" href="/learning/subscription/teams?veh=lil_upx&src=li-lil-upsell&trk=learning-course_buy-for-your-team-cta" data-tracking-control-name="learning-course_buy-for-your-team-cta" data-tracking-impression-name="lil_upsell_learning-course_buy-for-your-team-cta_teambuy" data-test-live-buy-for-your-team-upsell data-tracking-will-navigate> Buy for my team </a> </div> </div>  </div>   </div> </section> <div class="details mx-details-container-padding"> <section class="core-section-container my-3 course-details">  <h2 class="core-section-container__title section-title"> Course details </h2>  <div class="core-section-container__content break-words"> <section class="show-more-less-html course-details__description" data-max-lines="4"> <div class="show-more-less-html__markup show-more-less-html__markup--clamp-after-4 relative overflow-hidden"> Adobe Illustrator is a key tool for creating web content and assets. Using the strong layout and color management tools in Illustrator along with ability to use vector-based assets, designers can create vibrant web assets. In this course, Emily Kay breaks down the key features and workflows that web designers need to know to get up and running quickly. Emily covers topics such as designing responsively, using the library for asset management, and how using graphic and typographic styles and symbols allow you to streamline and control elements globally. She also goes over the development process—including how to create site maps, wireframes, moodboards, and comps—and explains how to create and export optimized web graphics and SVG files for scalable, resolution-independent graphics in the browser. </div> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--more ml-0.5" data-tracking-control-name="learning-course_show-more-html-btn" aria-label="i18n_show_more" aria-expanded="false">  Show more <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--less ml-0.5" data-tracking-control-name="learning-course_show-less-html-btn" aria-label="i18n_show_less" aria-expanded="true">  Show less <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button>  </section> </div> </section> <section class="core-section-container my-3 course-skills">  <h2 class="core-section-container__title section-title"> Skills you’ll gain </h2>  <div class="core-section-container__content break-words"> <ul class="course-skills__skill-list"> <li class="course-skills__skill-list-item"> <a href="https://www.linkedin.com/learning/topics/illustrator?trk=learning-course_pill-list" data-tracking-control-name="learning-course_pill-list" data-tracking-will-navigate class="pill flex w-fit mr-[6px] mb-1 hover:no-underline skill-pill"> Adobe Illustrator </a> </li> <li class="course-skills__skill-list-item"> <a href="https://www.linkedin.com/learning/topics/mobile-web-design?trk=learning-course_pill-list" data-tracking-control-name="learning-course_pill-list" data-tracking-will-navigate class="pill flex w-fit mr-[6px] mb-1 hover:no-underline skill-pill"> Mobile Web Design </a> </li> </ul> </div> </section> <section class="core-section-container my-3">  <h2 class="core-section-container__title section-title"> Earn a sharable certificate </h2>  <div class="core-section-container__content break-words"> <p class="course-certificate__body-paragraph">Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.</p> <div class="course-certificate__image-container"> <img class="course-certificate__certificate-image" alt="Sample certificate" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/52nu8qc7cfcn7vrftr7ttceqt"> <div> <h3 class="course-certificate__detail-list-heading"> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text learning-logo__text--show-on-mobile" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> <span>Certificate of Completion</span> </h3> <ul> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Showcase on your LinkedIn profile under “Licenses and Certificate” section</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Download or print out as PDF to share with others</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Share as image online to demonstrate your skill</p> </li> </ul> </div> </div> </div> </section> <section class="core-section-container my-3 course-instructors">  <h2 class="core-section-container__title section-title"> Meet the instructor </h2>  <div class="core-section-container__content break-words"> <ul class="course-instructors__list"> <li class="course-instructors__list-item"> <a href="https://www.linkedin.com/in/emikay?trk=learning-course_instructor" target="_self" data-tracking-control-name="learning-course_instructor" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link">  <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C5603AQEaElMgab3Llw/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1571374152077?e=2147483647&v=beta&t=AZElYj53ztNw_vz75xRXUAA_8gnd3tVudymDiOBhXMk" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Click here to view Emily Kay’s instructor page"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Emily Kay </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Professor at SDCCD, MiraCosta College, Freelancer web developer and Author at LinkedIn </h4>   </div>  </a> </li> </ul> </div> </section> <section class="core-section-container my-3 reviews-feed">  <h2 class="core-section-container__title section-title"> Learner reviews </h2>  <div class="core-section-container__content break-words"> <div class="reviews-feed__ratings-summary"> <section class="ratings-summary"> <div class="ratings-summary__overall-rating"> <h3 class="ratings-summary__header"><span class="ratings-summary__rating-average">4.8</span> <span class="ratings-summary__rating-max">out of 5</span></h3> <figure class="ratings-summary__figure"> <span class="star-rating" role="img" aria-label="Rating: 4.8 out of 5 stars"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> <figcaption class="ratings-summary__ratings-total">80 ratings</figcaption> </figure> </div> <div class="ratings-summary__breakdown"> <div class="ratings-summary__disclaimer"> <div class="tooltip"> <button class="tooltip__trigger ratings-summary__disclaimer-trigger" data-tracking-control-name="toggle_disclaimer" type="button"> <icon class="ratings-summary__disclaimer-icon" data-svg-class-name="ratings-summary__disclaimer-icon-svg" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/g8uts9v3k83n9e3iyvcxit0k"> </icon> <span class="ratings-summary__disclaimer-text">How are ratings calculated?</span> </button> <span role="tooltip" class="tooltip__popup" aria-hidden="true"> The overall rating is calculated using the average of submitted ratings. Ratings and reviews can only be submitted when non-anonymous learners complete at least 40% of the course. This helps us avoid fake reviews and spam. </span> </div> </div> <ul> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 5 star </figcaption> <progress class="ratings-summary__progress-bar" max="80" value="66" aria-valuemin="0" aria-valuenow="66" aria-valuemax="80"> Current value: 66 </progress> <span class="ratings-summary__rating-count-percent"> 83% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 4 star </figcaption> <progress class="ratings-summary__progress-bar" max="80" value="11" aria-valuemin="0" aria-valuenow="11" aria-valuemax="80"> Current value: 11 </progress> <span class="ratings-summary__rating-count-percent"> 14% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 3 star </figcaption> <progress class="ratings-summary__progress-bar" max="80" value="2" aria-valuemin="0" aria-valuenow="2" aria-valuemax="80"> Current value: 2 </progress> <span class="ratings-summary__rating-count-percent"> 3% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 2 star </figcaption> <progress class="ratings-summary__progress-bar" max="80" value="1" aria-valuemin="0" aria-valuenow="1" aria-valuemax="80"> Current value: 1 </progress> <span class="ratings-summary__rating-count-percent"> 1% </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 1 star </figcaption> <progress class="ratings-summary__progress-bar" max="80" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="80"> Current value: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0% </span> </figure> </li> </ul> </div> </section> </div> <ul class="reviews-feed__reviews-list"> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/in/richard-anderson-b9bb2727?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Richard Anderson  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C5603AQH6ReeSviTG6A/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1587644093540?e=2147483647&v=beta&t=B5i5gqXCsQ3erdTIzINRt9slGlTWWuOa8ru013O7-VM" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Richard Anderson"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Richard Anderson  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Owner at www andersoncorp org </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 5 out of 5 stars"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> March 7, 2024 </span> </div> <div class="review-card__text"> MY THNX </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Richard Anderson’s comment is helpful" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title%26trk%3Dcourse_title&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Helpful </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Report Richard Anderson’s comment" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title%26trk%3Dcourse_title&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Report </a> </div> </div> </div> </div>  </div> </div> </li> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://ro.linkedin.com/in/valentinchiurtu?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Valentin Ionut  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/D4D03AQEmhZ8UKz5dQg/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1723738763075?e=2147483647&v=beta&t=j0pzalgLg-DsA8O6tRhtrk2kRLve5dVTdJ4YBEYPPbY" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Valentin Ionut"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Valentin Ionut  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> You become what you think! What do you feel you attract! What you imagine you create! </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 5 out of 5 stars"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> October 29, 2023 </span> </div> <div class="review-card__text"> Best </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Valentin Ionut’s comment is helpful" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title%26trk%3Dcourse_title&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Helpful </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Report Valentin Ionut’s comment" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title%26trk%3Dcourse_title&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Report </a> </div> </div> </div> </div>  </div> </div> </li> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://se.linkedin.com/in/engqvist?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Lukas Engqvist  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/C5603AQFGFJAf4hbX1w/profile-displayphoto-shrink_100_100/profile-displayphoto-shrink_100_100/0/1559295383396?e=2147483647&v=beta&t=tWcypGjtS36Zt9U50lI8x_fx8izd9F2dQUB0ipQjShY" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Lukas Engqvist"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Lukas Engqvist  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Teacher at Brobygrafiska </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 5 out of 5 stars"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> July 5, 2023 </span> </div> <div class="review-card__text"> For print designers it is important to see how Illustrator can be used even when designing for screens.Great to start up with setting up the workspace. (I would also add information that 72 PPI is so that pixels and points are interchangable, to clarify why this is used even if screens often are higher resolution than that) </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Lukas Engqvist’s comment is helpful" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title%26trk%3Dcourse_title&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Helpful </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Report Lukas Engqvist’s comment" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Fillustrator-for-web-design-1%3Ftrk%3Dcourse_title%26trk%3Dcourse_title&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Report </a> </div> </div> </div> </div>  </div> </div> </li> </ul> </div> </section> </div> </section> <section class="right-rail papabear:w-right-rail-width papabear:ml-column-gutter mamabear:max-w-[790px] mamabear:px-mobile-container-padding babybear:max-w-[790px] babybear:px-mobile-container-padding"> <section class="table-of-contents mb-4 table-of-contents--with-max-height"> <h2 class="table-of-contents__header"> Contents </h2> <ul class="table-of-contents__list"> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Introduction <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Introduction <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/welcome?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Welcome </div> <div class="table-of-contents__item-duration"> 1m 11s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/illustrator-and-web-design?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Illustrator and web design </div> <div class="table-of-contents__item-duration"> 3m 10s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/how-to-use-the-exercise-files?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> How to use the exercise files </div> <div class="table-of-contents__item-duration"> 2m 10s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. Set Up the Project <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. Set Up the Project <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/document-settings?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Document settings </div> <div class="table-of-contents__item-duration"> 7m 17s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/custom-web-workspaces?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Custom web workspaces </div> <div class="table-of-contents__item-duration"> 6m 7s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/artboards?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Artboards </div> <div class="table-of-contents__item-duration"> 4m 40s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/grids?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Grids </div> <div class="table-of-contents__item-duration"> 6m 23s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/color-modes-and-settings?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Color modes and settings </div> <div class="table-of-contents__item-duration"> 4m 7s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. Design Responsively <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. Design Responsively <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/what-is-responsive-design?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> What is responsive design? </div> <div class="table-of-contents__item-duration"> 4m 15s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/set-breakpoints?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Set breakpoints </div> <div class="table-of-contents__item-duration"> 2m 2s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/libraries-work-with-adobe-stock?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Libraries: Work with Adobe Stock </div> <div class="table-of-contents__item-duration"> 5m 24s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/libraries-manage-your-resources?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Libraries: Manage your resources </div> <div class="table-of-contents__item-duration"> 8m 58s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/libraries-collaborate?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Libraries: Collaborate </div> <div class="table-of-contents__item-duration"> 3m 6s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/text-styles?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Text styles </div> <div class="table-of-contents__item-duration"> 7m 25s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/dynamic-buttons?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Dynamic buttons </div> <div class="table-of-contents__item-duration"> 5m 27s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/graphic-styles?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Graphic styles </div> <div class="table-of-contents__item-duration"> 6m 34s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/symbols?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Symbols </div> <div class="table-of-contents__item-duration"> 6m 5s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/9-slice-scaling?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> 9-slice scaling </div> <div class="table-of-contents__item-duration"> 4m 13s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/edit-color?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Edit color </div> <div class="table-of-contents__item-duration"> 4m 28s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/recolor-artwork?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Recolor artwork </div> <div class="table-of-contents__item-duration"> 6m 49s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/seamless-backgrounds?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Seamless backgrounds </div> <div class="table-of-contents__item-duration"> 5m 13s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. Development Process <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. Development Process <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/site-maps?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Site maps </div> <div class="table-of-contents__item-duration"> 3m 33s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/moodboards?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Moodboards </div> <div class="table-of-contents__item-duration"> 5m 21s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/wireframe-overview?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Wireframe overview </div> <div class="table-of-contents__item-duration"> 2m 50s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/create-a-wireframe?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Create a wireframe </div> <div class="table-of-contents__item-duration"> 5m 5s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/develop-comps?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Develop comps </div> <div class="table-of-contents__item-duration"> 6m 56s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/navigation?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Navigation </div> <div class="table-of-contents__item-duration"> 7m 3s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/templates?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Templates </div> <div class="table-of-contents__item-duration"> 4m 41s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Collaborate and Share <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Collaborate and Share <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/style-guides?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Style guides </div> <div class="table-of-contents__item-duration"> 2m 39s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/comps-for-client-review?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Comps for client review </div> <div class="table-of-contents__item-duration"> 5m 20s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Export Assets <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Export Assets <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/assets-panel?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Assets panel </div> <div class="table-of-contents__item-duration"> 2m 32s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/svg-format?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> SVG format </div> <div class="table-of-contents__item-duration"> 6m 8s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/export-icons-for-screens?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Export icons for screens </div> <div class="table-of-contents__item-duration"> 3m </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/extract-css-styles?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Extract CSS styles </div> <div class="table-of-contents__item-duration"> 6m 45s </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Conclusion <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Conclusion <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/design-tips-and-tricks?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Design tips and tricks </div> <div class="table-of-contents__item-duration"> 2m 3s </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://www.linkedin.com/learning/illustrator-for-web-design-1/next-steps?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Locked)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Next steps </div> <div class="table-of-contents__item-duration"> 49s </div> </div> </a> </li> </ul>  </div> </li> </ul> </section> <section class="aside-section-container mb-4 subscription-value-props-aside-section"> <h2 class="aside-section-container__title section-title"> What’s included </h2>  <div class="aside-section-container__content break-words"> <ul> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Practice while you learn</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">1 exercise file</span> </li>  <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Learn on the go</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">Access on tablet and phone</span> </li>  </ul> </div> </section> <section class="aside-section-container mb-4 similar-courses-aside-section"> <h2 class="aside-section-container__title section-title"> Similar courses </h2>  <div class="aside-section-container__content break-words"> <ul> <li>  <a href="https://www.linkedin.com/learning/illustrator-cc-2017-one-on-one-fundamentals?trk=learning-course_similar-courses" target="_self" data-tracking-control-name="learning-course_similar-courses" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative h-[54px] w-[95px] "> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQF6Og60KHpxKQ/learning-public-crop_144_256/learning-public-crop_144_256/0/1567118210298?e=2147483647&v=beta&t=pC9NPTrxSgDgCvbf_KJ2kKFVRTFAY-JcgeZb_K2mmtU"> <div class="aside-learning-course-card__duration duration">17h 30m</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> Illustrator CC 2017 One-on-One Fundamentals  </h3>      </div>  </a> </li> </ul> </div> </section> <section class="aside-section-container mb-4"> <h2 class="aside-section-container__title section-title"> Download courses </h2>  <div class="aside-section-container__content break-words"> <p>Use your iOS or Android LinkedIn Learning app, and watch courses on your mobile device without an internet connection.</p> <div class="app-links-aside-section__link-container"> <a class="app-links-aside-section__link" href="https://itunes.apple.com/app/apple-store/id1084807225?ls=1&pt=10746&mt=8&ct=learning_course_app_links&trk=learning-course_apple-app-store" data-tracking-control-name="learning-course_apple-app-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Download on the App Store" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/emczv26hz24woii2j4aleyry" height="42px" width="142px"> </a> <a class="app-links-aside-section__link" href="https://play.google.com/store/apps/details?id=com.linkedin.android.learning&referrer=utm_source%3Dlinkedinlearning%26utm_medium%3DmobileWeb%26utm_campaign%3Dlearning_guest&ct=learning_course_app_links&trk=learning-course_google-play-store" data-tracking-control-name="learning-course_google-play-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Get it on Google Play" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/535kqf5rsexfx0lucb3t6palb" height="42px" width="142px"> </a> </div> </div> </section> </section> </main> <div class="pre-footer "> <section class="core-section-container my-3 price-disclaimer">    <div class="core-section-container__content break-words"> <p class="price-disclaimer__copy"> <sup class="price-disclaimer__copy--sup">*</sup>Price may change based on profile and billing country information entered during Sign In or Registration </p> </div> </section> <section class="tw-linkster bg-cool-gray-20 browse-map" data-impression-id="learning-course_linkster" data-js-module-id="linkster"> <div class="max-w-screen-content-max-w w-full flex justify-between my-0 mx-auto mamabear:px-3 babybear:px-2 babybear:flex-col"> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Explore Business Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/business-analysis-and-strategy?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Business Analysis and Strategy </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/business-software-and-tools?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Business Software and Tools </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/career-development-5?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Career Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/customer-service-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Customer Service </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/diversity-equity-and-inclusion-dei?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Diversity, Equity, and Inclusion (DEI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/finance-and-accounting?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Finance and Accounting </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/human-resources-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Human Resources </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/leadership-and-management?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Leadership and Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/marketing-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Marketing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/professional-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Professional Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/project-management?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Project Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/sales-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Sales </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/small-business-and-entrepreneurship?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Small Business and Entrepreneurship </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/training-and-education?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Training and Education </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all business courses" href="https://www.linkedin.com/learning/topics/business?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> See all </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Explore Creative Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/aec?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> AEC </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/animation-and-illustration?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Animation and Illustration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/audio-and-music?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Audio and Music </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/graphic-design?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Graphic Design </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/motion-graphics-and-vfx?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Motion Graphics and VFX </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/photography-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Photography </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/product-and-manufacturing?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Product and Manufacturing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/user-experience?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> User Experience </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/2015-54?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Video </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/visualization-and-real-time?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Visualization and Real-Time </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/web-design?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Web Design </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all creative courses" href="https://www.linkedin.com/learning/topics/creative?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> See all </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Explore Technology Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/artificial-intelligence?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Artificial Intelligence (AI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/cloud-computing-5?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Cloud Computing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/security-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Cybersecurity </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/data-science?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Data Science </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/database-management?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Database Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/devops?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> DevOps </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/hardware?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Hardware </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/it-help-desk-5?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> IT Help Desk </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/mobile-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Mobile Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/network-and-system-administration?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Network and System Administration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/software-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Software Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/web-development?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Web Development </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all technology courses" href="https://www.linkedin.com/learning/topics/technology?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> See all </a> </div> </div> </section> </div> <footer class="li-footer bg-transparent w-full "> <ul class="li-footer__list flex flex-wrap flex-row items-start justify-start w-full h-auto min-h-[50px] my-[0px] mx-auto py-3 px-2 papabear:w-[1128px] papabear:p-0"> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <span class="sr-only">LinkedIn</span> <icon class="li-footer__copy-logo text-color-logo-brand-alt inline-block self-center h-[14px] w-[56px] mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e12h2cd8ac580qen9qdd0qks8"></icon> <span class="li-footer__copy-text flex items-center">© 2024</span> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://about.linkedin.com?trk=d_learning_course_guest_footer-about" data-tracking-control-name="d_learning_course_guest_footer-about" data-tracking-will-navigate> About </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/accessibility?trk=d_learning_course_guest_footer-accessibility" data-tracking-control-name="d_learning_course_guest_footer-accessibility" data-tracking-will-navigate> Accessibility </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/user-agreement?trk=d_learning_course_guest_footer-user-agreement" data-tracking-control-name="d_learning_course_guest_footer-user-agreement" data-tracking-will-navigate> User Agreement </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/privacy-policy?trk=d_learning_course_guest_footer-privacy-policy" data-tracking-control-name="d_learning_course_guest_footer-privacy-policy" data-tracking-will-navigate> Privacy Policy </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/cookie-policy?trk=d_learning_course_guest_footer-cookie-policy" data-tracking-control-name="d_learning_course_guest_footer-cookie-policy" data-tracking-will-navigate> Cookie Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/copyright-policy?trk=d_learning_course_guest_footer-copyright-policy" data-tracking-control-name="d_learning_course_guest_footer-copyright-policy" data-tracking-will-navigate> Copyright Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://brand.linkedin.com/policies?trk=d_learning_course_guest_footer-brand-policy" data-tracking-control-name="d_learning_course_guest_footer-brand-policy" data-tracking-will-navigate> Brand Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/psettings/guest-controls?trk=d_learning_course_guest_footer-guest-controls" data-tracking-control-name="d_learning_course_guest_footer-guest-controls" data-tracking-will-navigate> Guest Controls </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/professional-community-policies?trk=d_learning_course_guest_footer-community-guide" data-tracking-control-name="d_learning_course_guest_footer-community-guide" data-tracking-will-navigate> Community Guidelines </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <div class="collapsible-dropdown collapsible-dropdown--footer collapsible-dropdown--up flex items-center relative hyphens-auto language-selector z-2">  <ul class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-[100%] top-auto" role="menu" tabindex="-1"> <li class="language-selector__item" role="presentation">  <button aria-label="العربية (Arabic)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ar_AE" data-locale="ar_AE" role="menuitem" lang="ar_AE"> العربية (Arabic) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="বাংলা (Bangla)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-bn_IN" data-locale="bn_IN" role="menuitem" lang="bn_IN"> বাংলা (Bangla) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Čeština (Czech)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-cs_CZ" data-locale="cs_CZ" role="menuitem" lang="cs_CZ"> Čeština (Czech) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Dansk (Danish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-da_DK" data-locale="da_DK" role="menuitem" lang="da_DK"> Dansk (Danish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Deutsch (German)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> Deutsch (German) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Ελληνικά (Greek)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-el_GR" data-locale="el_GR" role="menuitem" lang="el_GR"> Ελληνικά (Greek) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="English (English) selected" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link--selected" data-tracking-control-name="language-selector-en_US" data-locale="en_US" role="menuitem" lang="en_US"> <strong>English (English)</strong> </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Español (Spanish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-es_ES" data-locale="es_ES" role="menuitem" lang="es_ES"> Español (Spanish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="فارسی (Persian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fa_IR" data-locale="fa_IR" role="menuitem" lang="fa_IR"> فارسی (Persian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Suomi (Finnish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fi_FI" data-locale="fi_FI" role="menuitem" lang="fi_FI"> Suomi (Finnish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Français (French)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fr_FR" data-locale="fr_FR" role="menuitem" lang="fr_FR"> Français (French) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="हिंदी (Hindi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hi_IN" data-locale="hi_IN" role="menuitem" lang="hi_IN"> हिंदी (Hindi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Magyar (Hungarian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hu_HU" data-locale="hu_HU" role="menuitem" lang="hu_HU"> Magyar (Hungarian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Indonesia (Indonesian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-in_ID" data-locale="in_ID" role="menuitem" lang="in_ID"> Bahasa Indonesia (Indonesian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Italiano (Italian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-it_IT" data-locale="it_IT" role="menuitem" lang="it_IT"> Italiano (Italian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="עברית (Hebrew)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-iw_IL" data-locale="iw_IL" role="menuitem" lang="iw_IL"> עברית (Hebrew) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="日本語 (Japanese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ja_JP" data-locale="ja_JP" role="menuitem" lang="ja_JP"> 日本語 (Japanese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="한국어 (Korean)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ko_KR" data-locale="ko_KR" role="menuitem" lang="ko_KR"> 한국어 (Korean) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="मराठी (Marathi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-mr_IN" data-locale="mr_IN" role="menuitem" lang="mr_IN"> मराठी (Marathi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Malaysia (Malay)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ms_MY" data-locale="ms_MY" role="menuitem" lang="ms_MY"> Bahasa Malaysia (Malay) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Nederlands (Dutch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-nl_NL" data-locale="nl_NL" role="menuitem" lang="nl_NL"> Nederlands (Dutch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Norsk (Norwegian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-no_NO" data-locale="no_NO" role="menuitem" lang="no_NO"> Norsk (Norwegian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ਪੰਜਾਬੀ (Punjabi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pa_IN" data-locale="pa_IN" role="menuitem" lang="pa_IN"> ਪੰਜਾਬੀ (Punjabi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Polski (Polish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pl_PL" data-locale="pl_PL" role="menuitem" lang="pl_PL"> Polski (Polish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Português (Portuguese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pt_BR" data-locale="pt_BR" role="menuitem" lang="pt_BR"> Português (Portuguese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Română (Romanian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ro_RO" data-locale="ro_RO" role="menuitem" lang="ro_RO"> Română (Romanian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Русский (Russian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ru_RU" data-locale="ru_RU" role="menuitem" lang="ru_RU"> Русский (Russian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Svenska (Swedish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-sv_SE" data-locale="sv_SE" role="menuitem" lang="sv_SE"> Svenska (Swedish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="తెలుగు (Telugu)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-te_IN" data-locale="te_IN" role="menuitem" lang="te_IN"> తెలుగు (Telugu) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ภาษาไทย (Thai)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-th_TH" data-locale="th_TH" role="menuitem" lang="th_TH"> ภาษาไทย (Thai) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tagalog (Tagalog)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tl_PH" data-locale="tl_PH" role="menuitem" lang="tl_PH"> Tagalog (Tagalog) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Türkçe (Turkish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tr_TR" data-locale="tr_TR" role="menuitem" lang="tr_TR"> Türkçe (Turkish) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Українська (Ukrainian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-uk_UA" data-locale="uk_UA" role="menuitem" lang="uk_UA"> Українська (Ukrainian) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tiếng Việt (Vietnamese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-vi_VN" data-locale="vi_VN" role="menuitem" lang="vi_VN"> Tiếng Việt (Vietnamese) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="简体中文 (Chinese (Simplified))" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_CN" data-locale="zh_CN" role="menuitem" lang="zh_CN"> 简体中文 (Chinese (Simplified)) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="正體中文 (Chinese (Traditional))" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_TW" data-locale="zh_TW" role="menuitem" lang="zh_TW"> 正體中文 (Chinese (Traditional)) </button> </li>  </ul> <button class="language-selector__button select-none relative pr-2 font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover hover:cursor-pointer focus:text-color-link-focus focus:outline-dotted focus:outline-1" aria-expanded="false" data-tracking-control-name="footer-lang-dropdown_trigger"> <span class="language-selector__label-text mr-0.5 break-words"> Language </span> <icon class="language-selector__label-chevron w-2 h-2 absolute top-0 right-0" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> </div> </li> </ul>  </footer> <script src="https://static.licdn.com/aero-v1/sc/h/eh08muqvrde4h3hc6koyij5ti" async></script>  <script src="https://static.licdn.com/aero-v1/sc/h/awgwgu3fg49q0tcvd24ku87qq" async defer></script> <script data-delayed-url="https://static.licdn.com/aero-v1/sc/h/81wy0f4hfrhoilx9eqdwg202z" data-module-id="media-player"></script> <code id="trackingData" style="display: none"></code> <code id="alcOnlyData" style="display: none"></code> </body> </html>

CINXE.COM

Illustrator for Web Design Online Class | LinkedIn Learning, formerly Lynda.com