Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 4 hours on-demand video
  • 27 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Design Web Design User Interface

UI & Web Design using Adobe Illustrator CC

Build professional web & app designs using Adobe Illustrator CC
Rating: 4.6 out of 54.6 (2,589 ratings)
14,494 students
Created by Daniel Walter Scott, Instructor HQ
Last updated 7/2019
English
English, Indonesian [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Work as a UI designer building web design & app designs.
  • Use Illustrator to a professional level.
  • Know how to build wireframes.
  • Know how to build site maps.
  • Know how to design for a responsive website.
  • Professional workflows and shortcuts.
Curated for the Udemy for Business collection

Requirements

  • You'll need a copy of Adobe Illustrator CC 2018 or above. A free trial can be downloaded from Adobe.
  • No previous design skills are needed.
  • No previous Illustrator skills are needed.

Description

UI design skills are one of the most employable opportunities of our lifetime. In this course you’ll learn how to design a professional website in Adobe Illustrator CC. We’ll start right at the basics of Illustrator and work our way through to building professional UI designs. This course doesn’t cover how to code a website but focuses on the design processes that professional UI designers use when working.

This is a project based class for students who are new to the world of app & web design. I created this for people nervous about changing their careers into the world of user interface design.

Who this course is for:

  • This course is for beginners. Aimed at people new to the world of web and UI design. While no previous Illustrator experience is necessary.

Featured review

Jeffrey L. Greene
Jeffrey L. Greene
48 courses
9 reviews
Rating: 5.0 out of 5a year ago
This course is well structured for my level of experience: Software developer with no real front-end, or UI experience. The course is quickly paced, yet very digestible--downright enjoyable. I particularly like how the instructor is both friendly and accessible. I recommend this course as a first course for anyone wishing to break into UI design, and then later proceeding forward aiming towards an UX career. Enjoy the journey!-)

Course content

15 sections • 45 lectures • 4h 5m total length

  • Preview01:54
  • Preview01:14
  • UI Design Photoshop vs Illustrator vs Sketch vs InDesign vs Adobe XP
    Preview03:23
  • What is Illustrator’s role when designing a website
    Preview01:36

  • Preview01:21
  • Preview02:22

  • What is the difference between a sitemap and a wireframe?
    Preview00:52
  • Preview07:59

  • What screen sizes to use for desktop, tablet & mobile web design
    07:06
  • What is a grid system & responsive mobile & tablet design
    04:39
  • How to make a responsive 12 column grid in Illustrator
    08:49

  • Creating a wireframe - Low fidelity - hand drawn
    02:37
  • Creating a wireframe - High Fidelity - Illustrator
    10:01
  • Creating the Tablet and Mobile wireframes in Illustrator
    10:47

  • Inspiration for your web design
    01:39
  • Starting your web design using Illustrator templates
    03:04
  • Bring in your vector logo to the layout
    05:33

  • Color.Adobe.com
    03:45
  • Matching brand colors using Adobe Illustrator
    02:15

  • Using the right web fonts Google Fonts & Typekit
    09:36
  • Production video - finalising nav, hero box and fonts
    05:54

  • Free vs Royalty Free images
    05:44
  • Adding Linking Cropping & Masking images in Illustrator
    08:56
  • Washing out images in Illustrator with with coloured background
    06:16
  • How to use layers in Illustrator 2017
    03:13

  • Using the Adobe Market for free icons
    03:39
  • Using Icon finder for free website UI social icons
    05:31
  • Align & distribute icons in Illustrator for web design
    02:31
  • How to adjust vector shapes in Illustrator
    07:01
  • Creating custom icons & logos using the shape builder tool in Illustrator
    10:06
  • Drawing icons & logos in Illustrator using the pen tool
    18:06

Instructors

Daniel Walter Scott
Adobe Certified Instructor & Adobe Certified Expert
Daniel Walter Scott
  • 4.7 Instructor Rating
  • 107,579 Reviews
  • 353,645 Students
  • 28 Courses

Sharing is who I am, and teaching is where I am at my best, because I've been on both sides of that equation, and getting to deliver useful training is my meaningful way to be a part of the creative community.

I've spent a long time watching others learn, and teach, to refine how I work with you to be efficient, useful and, most importantly, memorable. I want you to carry what I've shown you into a bright future.

I have a wife (a lovely Irish girl) and kids. I have lived and worked in many places (as Kiwis tend to do) – but most of my 14+ years of creating and teaching has had one overriding theme: bringing others along for the ride as we all try to change the world with our stories, our labours of love and our art.

I'm a certified Adobe instructor (ACI) in Ireland. I'm also an Adobe Certified Expert (ACE) and have completed the Adobe Certified Associate training (ACA). And I don't just do Adobe. Remember, media is a very broad term – digital blew out the borders, so we are all constantly learning.

I've been teaching for 14+ years. I come from being a media designer and content creator – so I understand exactly where you're at now. I've been there. I love this stuff. Print, digital publishing, web and video. I can see how it all connects. And I can see how we can share those connections.

I built Bring Your Own Laptop in Ireland, New Zealand, Australia & online. I have a great team working with me to keep BYOL at the top of Adobe and digital media training. I understand business, I have one – so I know how important it is to get it right and make it work for you.

Now my focus is on Udemy. It's my mission to bring you the best training for digital media on Udemy.

Daniel Walter Scott

Instructor HQ
Streamline your online course creation processes
Instructor HQ
  • 4.7 Instructor Rating
  • 107,039 Reviews
  • 337,303 Students
  • 26 Courses

instructorHQ aims to deliver consistently high quality courses from a range of experienced trainers. 

We also offer courses detailing the production techniques necessary to begin and grow into a experienced and successful trainer. 

“You can teach a student a lesson for a day; but if you can teach him to learn by creating curiosity, he will continue the learning process as long as he lives." - Clay P. Bedford


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.