• No products in the basket.

Adobe Illustrator CC 2017: UI & Web Design

0( 0 REVIEWS )
Overview UI design skills are one of the most employable opportunities of our lifetime. Created for people nervous about changing …


UI design skills are one of the most employable opportunities of our lifetime. Created for people 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. Build a professional portfolio website using the work-along project files included. You can even use this course to build your own portfolio website by learning the keys to planning out a responsive site, like drawing wireframes, choosing colors and stylish fonts, and adding attention-grabbing images.

If you are serious about becoming a User Interface design professional, then now is the time to upgrade your skills, get that better job, and impress your clients.

Learning with Study 365 has many advantages. The course material is delivered straight to you and can be adapted to fit in with your lifestyle. It is created by experts within the industry, meaning you are receiving accurate information, which is up-to-date and easy to understand.

This course is comprised of professional learning material, all delivered through a system that you will have access to 24 hours a day, 7 days a week for 365 days (12 months).

  • Who is it for?
  • Course Outline:
  • Course Duration:
  • Method of Assessment:
  • Certification:
  • Entry Requirement:
  • Career Path:
  • Presenter Information:
  • Aspiring web designers
  • Designers
  • Creatives
  • Graphic designers

This course consists of the following modules:

  • Module 01: Overview
  • Module 02: Getting started
  • Module 03: Planning
  • Module 04: Setting up your first pages
  • Module 05: It all begins with Wireframing
  • Module 06: Designing your first page
  • Module 07: Color
  • Module 08: Fonts
  • Module 09: Images
  • Module 10: Creating symbols & icons
  • Module 11: Creating mobile & tablet website versions
  • Module 12: Exporting
  • Module 13: Working as a UI designer
  • Module 14: Next steps
  • Module 15: Cheat Sheet

From the day you purchase the course, you will have 12 months access to the online study platform. As the course is self-paced you can decide how fast or slow the training goes, and are able to complete the course in stages, revisiting the training at any time.

At the end of the course, you will have one assignment to be submitted (you need a mark of 65% to pass) and you can submit the assignment at any time. You will only need to pay £19 for assessment and certification when you submit the assignment. You will receive the results within 72 hours of submittal, and will be sent a certificate in 7-14 days if you have successfully passed.

Successful candidates will be awarded a certificate for Adobe Illustrator CC 2017: UI & Web Design.

Learners must be age 16 or over and should have a basic understanding of the English Language, numeracy, literacy, and ICT.

Join this project-based class and learn many different aspects which will help you to develop your skills and knowledge on the subject. Learn how to develop a professional portfolio website which will help boost up your business as well. Learn the best methods to design your site so that it will be more responsive, with attractive colours, images and fonts. A career with bright prospects await you with the completion of this course. According to, some of the key job positions along with the average UK salary per annum you can go for after completing this course will be as follows.

  • Graphic designers - £21,956 per annum
  • Web developers - £24,894 per annum
  • Web Designer - £22,864 per annum

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.


[vc_row][vc_column][vc_cta h2="Still not convinced?" add_button="left" btn_title="Download Brochure" btn_color="green" btn_i_icon_fontawesome="fa fa-file-pdf-o" btn_add_icon="true" btn_link="||target:%20_blank|" btn_custom_onclick="true" css=".vc_custom_1475836716759{background-color: #ffffff !important;}"]Download our course brochure & learn more about this course.[/vc_cta][/vc_column][/vc_row]

Course Curriculum

Free Introduction
Illustrator CC 2017: UI & Web Design FREE 00:00:00
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

Students feedback


Avarage rating ()
5 Star
4 Star
3 Star
2 Star
1 Star

No Reviews found for this course.

Copyright © 2021 -Study365 - All rights reserved.

WhatsApp chat