Course Description

UI and Web Design in Illustrator CC 2017

UI and Web Design in Illustrator CC 2017 is a course run by 1 Training, Dublin. It is a 'Online Learning' course with a duration of Guided Learning Hours 04. For more information about UI and Web Design in Illustrator CC 2017 at 1 Training, please review the details below.

UI and Web Design in Illustrator CC 2017

Course Description:

During this excellent Illustrator CC 2017: UI & Web Design course Daniel Scott, an expert designer and teacher, will take you through the basics of Illustrator, and will also provide instruction on how to build professional UI designs. Get an overview of the design processes UI Designers go through when working, which will be extremely helpful, as UI design skills are one of the most employable opportunities of our lifetime. This Illustrator CC 2017: UI & Web Design has been created for people who are nervous about changing their careers into the world of user interface design, this UI & Web Design with Adobe Illustrator CC course takes students through a project-based class. Not only that, you can even build a professional portfolio website using the work-along project files included in this Illustrator CC 2017: UI & Web Design course.

Our learning material is available to students 24/7 anywhere in the world, so it’s extremely convenient. These intensive online courses are open to everyone, as long as you have an interest in the topic! We provide world-class learning led by IAP, so you can be assured that the material is high quality, accurate and up-to-date.


What skills will I gain?

  • Learn to work as a UI Designer
  • Learn to create symbols and icons
  • Learn to work with colour, fonts, and images
  • Learn to design your own page

Meet the instructor:

Daniel Scott is an expert designer and teacher. He is an Adobe® Certified Instructor for Photoshop, InDesign, Illustrator, Flash, Dreamweaver, Premiere Pro and After Effects. He prides himself on delivering the best service to his clients and making sure all his students learn to their fullest potential. He is currently the lead trainer at Bring Your Own Laptop Training Center in New Zealand.

How will I be assessed?

  • You will have one assignment. Pass mark is 65%.
  • You will only need to pay £19 for assessment.
  • You will receive the results within 72 hours of submittal, and will be sent a certificate in 7-14 days.

What Certification am I going to receive?

Those who successfully pass this course will be awarded a Illustrator CC 2017: UI & Web Design certificate. Anyone eligible for certification will receive a free e-certificate, and printed certificate.

Course Curriculum Total Units : 45
1: Overview
1. Introduction
2. Am I a UI or UX designer now?
3. UI Design: Photoshop vs. Illustrator vs. Sketch vs. InDesign vs. Adobe XD
4. What is Illustrator’s role when designing a website?
2: Getting started
1. Download the exercise files, completed files & cheat sheet
2. Getting your workspace & Illustrator preferences ready for UI work
3: Planning
1. Sitemap vs. Wireframe
2. Creating a sitemap in Illustrator CC 2017
4: Setting up your first pages
1. What screen sizes to use for desktop, tablet & mobile web design
2. Grid systems & responsive design for mobile & tablet
3. How to make a responsive 12-column grid in Illustrator
5: It all begins with Wireframing
1. Creating a hand drawn wireframe
2. Creating a wireframe in Illustrator
3. Creating the tablet & mobile wireframes in Illustrator
6: Designing your first page
1. Inspiration for your web design
2. Starting your web design using Illustrator templates
3. Bringing in your vector logo to the layout
7: Color
1. Using (Adobe Color CC)
2. Matching brand colors using Adobe Illustrator
8: Fonts
1. Using the right web fonts: Google Fonts & Typekit
2. Production video: finalizing nav, hero box & fonts
9: Images
1. Free vs. Royalty Free images
2. Placing, Cropping & Masking images in Illustrator
3. Washing out images in Illustrator with colored background
4. How to use layers in Illustrator CC 2017
10: Creating symbols & icons
1. Using the Adobe Market for free icons
2. Using for free website UI social icons
3. Align & distribute icons in Illustrator for web design
4. How to adjust vector shapes in Illustrator CC 2017
5. Creating custom icons & logos using the Shape Builder tool in Illustrator CC 2017
6. Drawing icons & logos in Illustrator using the Pen tool
11: Creating mobile & tablet website versions
1. Creating a tablet version of our UI web design in Illustrator CC 2017
2. Creating a mobile responsive UI website design in Illustrator CC 2017
12: Exporting
1. Export your full page web UI mockups from Illustrator CC 2017
2. Should I be using SVG export in Illustrator CC 2017 for web design?
3. Exporting images & pictures from Illustrator CC 2017 for web
4. Exporting logos & icons from Illustrator CC 2017 for UI
5. Retina – HiDPI & responsive image export from Illustrator CC 2017
6. Exporting your UI for App design using Illustrator CC 2017
7. Exporting CSS for developers using Adobe Illustrator CC 2017
13: Working as a UI designer
1. Learning the language of UI user interaction design
2. How to get your first work as a UI designer
14: Next steps
1. Next steps to becoming an amazing UI designer
2. Your first project: Adobe Illustrator CC 2017
15: Cheat Sheet
1. Cheat sheet: Adobe Illustrator CC 2017


The UI and Web Design in Illustrator CC 2017 course at 1 Training is listed in's national courses finder.
Training Provider1 Training
Course LocationDublin
Course TypeOnline Learning
Course DurationGuided Learning Hours 04
Course Fee18
Entry Requirements• You must be 16 or over • You should have a basic understanding of English, Maths and ICT • You will need a computer or tablet with internet connection (or access to one)
Carear Path• UI Designer • UX Designer • Creative Designer • Graphic Designer
Phone+44 208 610 9650
For more information about 1 Training, please visit our College page on by clicking here.

Course Provider

1 Training

63/66 Hatton Garden, 5th Floor, Suite 23, London. EC1N 8LE, Dublin, United Kingdom. Eircode: EC1N 8LE

Make Enquiry

Please insert your contact details and any additional information you require and we will forward your request to 1 Training

Captcha code        I confirm I have read the Cookie Information, Terms and Conditions and Privacy Policy and I agree to join the community.


1 Training
63/66 Hatton Garden, 5th Floor, Suite 23, London. EC1N 8LE
United Kingdom
Visit Website