get app
    Download Careers360 App

    UI & Web Design using Adobe Illustrator CC

    BY
    Udemy

    Brochure Enquire
    Lavel

    Beginner

    Mode

    Online

    Duration

    4 Hours

    Fees

    ₹ 3699

    Quick Facts

    particular details
    Medium of instructions English
    Mode of learning Self study
    Mode of Delivery Video and Text Based

    Course and certificate fees

    Fees information
    ₹ 3,699
    certificate availability

    Yes

    certificate providing authority

    Udemy

    The syllabus

    Overview

    • Introduction
    • Am I a UI UX designer now?    
    • UI Design Photoshop vs Illustrator vs Sketch vs InDesign vs Adobe XP
    • What is Illustrator’s role when designing a website

    Getting started

    • Download the exercise files, completed files & cheat sheet
    • Getting your workspace & Illustrator preferences ready for UI work

    Planning

    • What is the difference between a sitemap and a wireframe?
    • Creating a sitemap in Illustrator

    Setting up your first pages

    • What screen sizes to use for desktop, tablet & mobile web design
    • What is a grid system & responsive mobile & tablet design
    • How to make a responsive 12 column grid in Illustrator

    It all begins with Wireframing

    • Creating a wireframe - Low fidelity - hand drawn
    • Creating a wireframe - High Fidelity - Illustrator
    • Creating the Tablet and Mobile wireframes in Illustrator

    Designing your first page

    • Inspiration for your web design
    • Starting your web design using Illustrator templates
    • Bring in your vector logo to the layout

    Color

    • Color.Adobe.com
    • Matching brand colors using Adobe Illustrator

    Fonts

    • Using the right web fonts Google Fonts & Typekit
    • Production video - finalising nav, hero box and fonts

    Images

    • Free vs Royalty Free images
    • Adding Linking Cropping & Masking images in Illustrator
    • Washing out images in Illustrator with with coloured background
    • How to use layers in Illustrator 2017

    Creating symbols & icons

    • Using the Adobe Market for free icons
    • Using Icon finder for free website UI social icons
    • Align & distribute icons in Illustrator for web design
    • How to adjust vector shapes in Illustrator
    • Creating custom icons & logos using the shape builder tool in Illustrator
    • Drawing icons & logos in Illustrator using the pen tool

    Creating mobile & tablet versions of websites

    • Creating a tablet version of our UI web design in Illustrator
    • Creating a mobile responsive UI website design in Illustrator 2017

    Exporting

    • Export your full page web ui mockups from Illustrator 2017
    • Should I be using SVG export in Illustrator 2017 for web design
    • Exporting images and pictures from Illustrator 2017 for web
    • Exporting logos and icons from Illustrator 2017 for UI
    • Retina - HiDPI and responsive image export from Illustrator 2017
    • Exporting your UI for App design using Illustrator 2017
    • Exporting CSS for developers using Adobe Illustrator 2017

    Working as a UI designer

    • Learning the language of UI user interaction design
    • How to get your first work as a UI designer

    Next steps

    • Next steps to becoming an amazing UI designer
    • Your first project

    Cheat Sheet

    • Cheat Sheet

    Articles

    Popular Articles

    Top 10 Indian Universities Offering Online Degrees Top 10 Indian Universities Offering Online Degrees Updated On 16 Sep, 2025
    Top 12 Certification Courses Offered by IIT Bombay Top 12 Certification Courses Offered by IIT Bombay Updated On 03 Sep, 2025
    UGC Guidelines to Pursue Online Courses UGC Guidelines to Pursue Online Courses Updated On 04 Jul, 2025
    IGNOU Online Courses Approved by UGC IGNOU Online Courses Approved by UGC Updated On 03 Jul, 2025
    150+ UGC Approved Online Degree Courses by Top Universities 150+ UGC Approved Online Degree Courses by Top ... Updated On 03 Jun, 2025
    Best Programming Languages to Learn in 2025 Best Programming Languages to Learn in 2025 Updated On 09 May, 2025
    Top 10 Online Healthcare and Hospital Management Courses Top 10 Online Healthcare and Hospital Managemen... Updated On 04 Apr, 2025
    The Scope of Artificial Intelligence in India The Scope of Artificial Intelligence in India Updated On 09 Jan, 2025
    Reasons to Enroll for an Online Content Writing Course Reasons to Enroll for an Online Content Writing... Updated On 29 Feb, 2024
    Top 10 Online Animation Certificate Courses for a Better Career Top 10 Online Animation Certificate Courses for... Updated On 27 Feb, 2024

    Latest Articles

    Top 50 Interview Questions for Web Developer With Answers Updated On 12 Jun, 2025
    5 Free Web Development Courses for Beginners in 2025: Check Here to Enroll Updated On 23 Feb, 2025
    MEAN Stack Developer Salary in India for Freshers & Experienced Updated On 07 Nov, 2024
    20 Beginner-Friendly Online Bootstrap Courses for Frontend Development Updated On 07 Nov, 2024
    Top 18+ Online Courses to Pursue for a Career in Web Development Updated On 05 Nov, 2024
    17+ Courses on HTML5 for Beginners to Become a Web Developer Updated On 05 Nov, 2024
    Top 50 MVC Interview Questions And Answers To Prepare Updated On 16 Apr, 2024
    50 Best Bootstrap Interview Questions and Answers Updated On 16 Apr, 2024
    Top 16 Online Courses on Typescript Development Updated On 07 Apr, 2024
    Top 50 Must Know Interview Questions for PHP Updated On 04 Apr, 2024
    25 Free Web Development Courses to Pursue in Online Mode Updated On 19 Mar, 2024
    14+ GitHub Courses to Become a Skilled Web Developer Updated On 15 Feb, 2024

    Similar Courses

    User Experience Design And Research

    UM–Ann Arbor via Futurelearn

    35 Weeks Online
    Beginner

    Angular7 for Beginners

    Great Learning

    Online
    Beginner     Free

    Front End Development CSS

    Great Learning

    Online
    Beginner     Free

    Work with Augmented Reality and the Web

    Curtin University, Perth via Edx

    8 Weeks Online
    Beginner     Free

    User Interface Personalization

    Georgia Tech via Edx

    5 Weeks Online
    Beginner     Free

    Build a Website from Scratch using HTML CSS Javasc...

    GreyCampus

    5 Hours Online
    Beginner     ₹ 1,110
    Become a Front End React Developer

    Become a Front End React Developer

    Board Infinity

    3 Months Online
    Beginner     ₹7,500 ₹60,000
    Angular JS

    Angular JS

    Board Infinity

    1 Week Online
    Beginner     ₹10,000 ₹15,000
    Web Scraping for beginners

    Web Scraping for beginners

    Board Infinity

    1 Week Online
    Beginner

    Learn Figma UI UX Design Essential Training

    Udemy

    Online
    Beginner     ₹ 3,299

    Courses of your Interest

    Certificate in Database Management using SQL and M...

    Certificate in Database Management using SQL and M...

    Amity Online

    24 Hours Online
    Beginner     ₹27,000 ₹33,000
    Certificate in Dashboarding and Storytelling using...

    Certificate in Dashboarding and Storytelling using...

    Amity Online

    24 Hours Online
    Beginner     ₹27,000 ₹33,000
    Certificate in Spreadsheet Modelling using Excel

    Certificate in Spreadsheet Modelling using Excel

    Amity Online

    24 Hours Online
    Beginner     ₹27,000 ₹33,000
    Certificate in Big Data Analytics

    Certificate in Big Data Analytics

    Amity Online

    40 Hours Online
    Beginner     ₹42,000 ₹52,000
    Certificate in Artificial Intelligence and Deep le...

    Certificate in Artificial Intelligence and Deep le...

    Amity Online

    40 Hours Online
    Beginner     ₹42,000 ₹52,000
    Certificate in Text Mining and NLP

    Certificate in Text Mining and NLP

    Amity Online

    32 Hours Online
    Beginner     ₹32,000 ₹40,000
    Certificate in Descriptive Analytics and Data Pre-...

    Certificate in Descriptive Analytics and Data Pre-...

    Amity Online

    16 Hours Online
    Beginner     ₹17,000 ₹21,000
    Certificate in Applied Data Engineering

    Certificate in Applied Data Engineering

    Amity Online

    60 Hours Online
    Beginner     ₹75,000 ₹100,000
    Certificate in Programming for Data Analytics Usin...

    Certificate in Programming for Data Analytics Usin...

    Amity Online

    24 Hours Online
    Beginner     ₹27,000 ₹33,000
    Certificate in Predictive Analytics Using Python

    Certificate in Predictive Analytics Using Python

    Amity Online

    32 Hours Online
    Beginner     ₹32,000 ₹40,000

    More Courses by Udemy

    Microsoft Excel 2013 Course Beginners Intermediate...

    Udemy

    Online
    Beginner     ₹399 ₹2,699

    Instagram Bot with Python V2 Giveaway Instagram Bo...

    Udemy

    Online
    Beginner     ₹ 799

    Intro To Computer Science With Python and Jupyter ...

    Udemy

    Online
    Beginner     ₹ 799

    Python for Beginners to Advance

    Udemy

    Online
    Beginner     ₹ 2,499

    Learn Python Turtle Using Block Coding

    Udemy

    Online
    Beginner     ₹399 ₹799

    Master Python Basics For Developer

    Udemy

    Online
    Beginner     ₹475 ₹3,499

    Programming in Python for Beginners

    Udemy

    Online
    Beginner     ₹ 799

    Learn Python 3 Programming from Scratch

    Udemy

    Online
    Beginner     ₹475 ₹1,299

    Automate Your Life With Python

    Udemy

    Online
    Beginner     ₹ 2,899

    Learn Python Python for Beginners

    Udemy

    Online
    Beginner     ₹ 1,799

    Trending Courses

    Digital Marketing Courses Fashion Design Courses Data Science Courses Interior Design Courses Graphic Designing Courses Cyber Security Courses Nursing Courses Tally Courses Data Analysis Courses Web Designing Courses Artificial Intelligence Courses Ethical Hacking Courses Free Digital Marketing Courses And certifications Free Artificial Intelligence Courses And Certifications Free Data Analysis Courses And Certifications Free Cyber Security Courses And Certifications Free Data Science Courses And Certifications Free Cloud Computing Courses And Certifications Free Python Courses And Certifications Free Fashion And Textiles Courses And Certifications Free Graphic Designing Courses And Certifications Free Web Designing Courses And Certifications

    Popular Courses

    General Management Courses Public Health Courses Teaching and Education Courses Financial Management Courses Web Development Courses Mathematics Courses Data Science Courses Programming Courses Cyber Security Courses Digital Marketing Courses Law Courses Mechanical Engineering Courses Explore all courses

    Popular Platforms

    upGrad Courses Udemy Courses Edx Courses Swayam Courses Coursera Courses NPTEL Courses Futurelearn Courses Mindmajix Technologies Courses Vskills Courses IIT Kharagpur Courses Emeritus Courses IIT Kanpur Courses Explore all platforms

    Learn more about the Courses

    10 Reasons to Enrol Yourself in a Digital Marketing Course 8 Must-Have Skills for AWS Cloud Architects Planning to Upskill Yourself? Enrol for a Program in Data Science 25+ Tips for Improving Your Graphic Design Skills Top Universities in India Offering Cyber Security Courses 15+ Courses for Learning Data Mining How to Make a Career in the Field of Artificial Intelligence Top 10 Benefits Of Holding A Certification In Business Intelligence Which are the best certification courses for Photography in India A Beginner's Guide to Pursue Python Programming Want to Pursue a Career in Blockchain Technology? Here is all that you need to Know How Entrepreneurs Can Use Machine Learning to Make their Business Successful? The Scope of Artificial Intelligence in India Top 10 Online Courses for Travel Lovers 10 Best Certification Courses After Hospital and Healthcare Management
    Providers
    Close
    Download Careers360 App
    All this at the convenience of your phone

    • Regular Exam Updates

    • Best College Recommendations

    • College & Rank predictors

    • Detailed Books and Sample Papers

    • Question and Answers

    google play
    students
    400M+ Students
    Colleges
    36K+ Colleges
    Exams
    500+ Exams
    eBooks
    3K+ eBooks
    Certification
    16K+ Certifications
    mobile