UI & Web Design using Adobe Illustrator CC

UI & Web Design using Adobe Illustrator CC, available at $94.99, has an average rating of 4.36, with 45 lectures, based on 3306 reviews, and has 18112 subscribers.

You will learn about 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. This course is ideal for individuals who are This course is for beginners. Aimed at people new to the world of web and UI design. While no previous Illustrator experience is necessary. It is particularly useful 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.

Enroll now: UI & Web Design using Adobe Illustrator CC

Summary

Title: UI & Web Design using Adobe Illustrator CC

Price: $94.99

Average Rating: 4.36

Number of Lectures: 45

Number of Published Lectures: 45

Number of Curriculum Items: 45

Number of Published Curriculum Objects: 45

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will 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.

Who Should Attend

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

Target Audiences

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

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.

We’ll build a professional portfolio website. You can use this course to build your own portfolio website (the one you’ve been putting off for years). You’ll learn how to design desktop, tablet and mobile versions of your website. You’ll learn what you’ll need to deliver at the end of a project to your client.

This course is for people serious about becoming a User Interface design professional.

Know that I’ll be around to help – if you get lost you can drop a post on the video ‘Questions and Answers’ below each video and I’ll be sure to get back to you.

Now it’s time to upgrade your skills, get that better job, and impress your clients.

What are the requirements?

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

What am I going to get from this course

45 lectures 4 Hours 7 minutes of content!
You’ll learn to design a website with in Adobe Illustrator.
User Interface essentials.
27 Completed files so you never fall behind.
Learn how to wireframe at all levels
How to design for a responsive website.
Downloadable exercise files & cheat sheet.
Forum support from me and the rest of the BYOL crew.
Techniques used by professional website designers.
Professional workflows and shortcuts.
A wealth of other resources and websites to help your new career path.

What is the target audience?

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

Course duration 4 hours

Course Curriculum

Chapter 1: Overview

Lecture 1: Introduction

Lecture 2: Am I a UI UX designer now?

Lecture 3: UI Design Photoshop vs Illustrator vs Sketch vs InDesign vs Adobe XP

Lecture 4: What is Illustrator’s role when designing a website

Chapter 2: Getting started

Lecture 1: Download the exercise files, completed files & cheat sheet

Lecture 2: Getting your workspace & Illustrator preferences ready for UI work

Chapter 3: Planning

Lecture 1: What is the difference between a sitemap and a wireframe?

Lecture 2: Creating a sitemap in Illustrator

Chapter 4: Setting up your first pages

Lecture 1: What screen sizes to use for desktop, tablet & mobile web design

Lecture 2: What is a grid system & responsive mobile & tablet design

Lecture 3: How to make a responsive 12 column grid in Illustrator

Chapter 5: It all begins with Wireframing

Lecture 1: Creating a wireframe – Low fidelity – hand drawn

Lecture 2: Creating a wireframe – High Fidelity – Illustrator

Lecture 3: Creating the Tablet and Mobile wireframes in Illustrator

Chapter 6: Designing your first page

Lecture 1: Inspiration for your web design

Lecture 2: Starting your web design using Illustrator templates

Lecture 3: Bring in your vector logo to the layout

Chapter 7: Color

Lecture 1: Color.Adobe.com

Lecture 2: Matching brand colors using Adobe Illustrator

Chapter 8: Fonts

Lecture 1: Using the right web fonts Google Fonts & Typekit

Lecture 2: Production video – finalising nav, hero box and fonts

Chapter 9: Images

Lecture 1: Free vs Royalty Free images

Lecture 2: Adding Linking Cropping & Masking images in Illustrator

Lecture 3: Washing out images in Illustrator with with coloured background

Lecture 4: How to use layers in Illustrator 2017

Chapter 10: Creating symbols & icons

Lecture 1: Using the Adobe Market for free icons

Lecture 2: Using Icon finder for free website UI social icons

Lecture 3: Align & distribute icons in Illustrator for web design

Lecture 4: How to adjust vector shapes in Illustrator

Lecture 5: Creating custom icons & logos using the shape builder tool in Illustrator

Lecture 6: Drawing icons & logos in Illustrator using the pen tool

Chapter 11: Creating mobile & tablet versions of websites

Lecture 1: Creating a tablet version of our UI web design in Illustrator

Lecture 2: Creating a mobile responsive UI website design in Illustrator 2017

Chapter 12: Exporting

Lecture 1: Export your full page web ui mockups from Illustrator 2017

Lecture 2: Should I be using SVG export in Illustrator 2017 for web design

Lecture 3: Exporting images and pictures from Illustrator 2017 for web

Lecture 4: Exporting logos and icons from Illustrator 2017 for UI

Lecture 5: Retina – HiDPI and responsive image export from Illustrator 2017

Lecture 6: Exporting your UI for App design using Illustrator 2017

Lecture 7: Exporting CSS for developers using Adobe Illustrator 2017

Chapter 13: Working as a UI designer

Lecture 1: Learning the language of UI user interaction design

Lecture 2: How to get your first work as a UI designer

Chapter 14: Next steps

Lecture 1: Next steps to becoming an amazing UI designer

Lecture 2: Your first project

Chapter 15: Cheat Sheet

Lecture 1: Cheat sheet

Instructors

Daniel Walter Scott
Adobe Certified Instructor & Adobe Certified Expert

Rating Distribution

1 stars: 21 votes
2 stars: 26 votes
3 stars: 227 votes
4 stars: 959 votes
5 stars: 2073 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu